@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--red:#f32628;--ink:#181818;--paper:#f6f3eb;--accent:#e4f29b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}header{height:94px;display:flex;align-items:center;gap:35px;padding:0 5%;border-bottom:2px solid var(--ink);background:var(--paper)}.brand{font-size:49px;font-weight:1000;font-style:italic;letter-spacing:-4px;text-decoration:none;color:var(--red,#f32628)}.brand span{font-size:14px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:8px;flex:1}nav button{border:0;background:none;padding:12px 16px;border-radius:24px;font-weight:700;font-size:13px}nav button.active{background:var(--ink);color:white}.pill,.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px}.pill{border:1px solid;padding:8px 12px;border-radius:20px;white-space:nowrap}main{min-height:75vh}h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.94;letter-spacing:-1.5px}h1{font-size:clamp(64px,7.5vw,112px);margin:24px 0}h2{font-size:52px;margin-bottom:20px}h3{font-size:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:65px 7% 55px;align-items:center}.hero p{line-height:1.7;max-width:445px;font-size:17px}.hero h1 em{font-style:normal;color:var(--red,#f32628)}.art{position:relative}.art img{width:100%;transform:rotate(-5deg)}.sticker{position:absolute;right:0;bottom:5%;background:var(--accent);border:2px solid;padding:18px 24px;transform:rotate(7deg);font-weight:900;border-radius:50%;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{padding:14px 22px;border:2px solid var(--ink);border-radius:8px;background:white;color:var(--ink);font-weight:800;box-shadow:3px 3px 0 var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn.red{background:var(--red,#f32628);color:white}.btn.dark{background:var(--ink);color:white}.btn.small{padding:9px 13px;font-size:12px;box-shadow:none}.ticker{padding:19px;text-align:center;background:var(--red,#f32628);color:white;font-size:18px;font-weight:900;letter-spacing:1.5px;border-block:2px solid var(--ink)}.section{padding:55px 7%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.sectionhead p{max-width:340px;color:#666;line-height:1.6;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1.5px solid var(--ink);border-radius:14px;padding:25px}.card p{color:#666;line-height:1.6;font-size:14px}.number{font-family:Impact,sans-serif;font-size:44px;color:var(--red,#f32628);margin-bottom:20px}.wrap{padding:38px 5% 65px;max-width:1450px;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.topline h2{margin:10px 0 0}.workspace{display:grid;grid-template-columns:210px 1fr;gap:30px}.sidebar{display:flex;flex-direction:column;gap:7px}.sidebar button{text-align:left;border:0;padding:15px;border-radius:8px;background:transparent;font-weight:700}.sidebar button.active{background:var(--ink);color:white}.sidebar p{font-size:12px;color:#666;line-height:1.7;padding:15px}.cols{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.field{display:block;font-size:12px;font-weight:800;margin-bottom:17px}.field input,.field select,.field textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222}.field input[type=color]{height:46px;padding:4px}.muted{font-size:12px;color:#696969;line-height:1.6}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 22px}.theme{border:2px solid transparent;border-radius:9px;min-height:80px;padding:12px;font-weight:800}.theme.selected{border-color:#181818;box-shadow:3px 3px 0 #181818}.phone{max-width:360px;margin:auto;border:7px solid #181818;border-radius:36px;overflow:hidden;box-shadow:10px 12px 0 #ddd8cb;background:white}.phone-top{padding:30px 22px;background:var(--event);min-height:210px;position:relative}.phone h2{font-size:38px;margin:15px 0}.phone-content{padding:22px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini{background:#f6f3eb;padding:15px;border-radius:9px;font-size:12px;font-weight:700}.mini span{display:block;font-size:30px;margin-bottom:10px}.status{display:inline-block;font-size:11px;font-weight:800;padding:7px 10px;border-radius:20px;background:#e4f29b;color:#273600}.inventory-row{display:grid;grid-template-columns:50px 1fr 80px 80px;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #ddd}.inventory-row small{display:block;color:#777;margin-top:5px}.itemicon{font-size:32px;width:50px;height:50px;object-fit:cover;border-radius:8px}.inventory-row input{width:65px;padding:9px;border:1px solid #ccc;border-radius:6px}.vibes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vibe{border:2px solid #ddd;background:white;border-radius:10px;padding:10px 5px;font-size:12px;font-weight:800}.vibe.selected{border-color:var(--red,#f32628);background:#fff0ec}.mascot{display:block;width:100%;aspect-ratio:1;object-fit:contain}.vibedetail{margin-top:24px;padding:25px;background:var(--paper);border-radius:10px}.guest{max-width:850px;margin:auto;padding:35px 22px 70px}.guest-banner{background:var(--event);padding:32px;border:2px solid;border-radius:16px;position:relative;overflow:hidden}.guest-banner h1{font-size:65px;max-width:75%;margin:18px 0}.guest-banner .mascot{width:180px;position:absolute;right:5px;bottom:15px}.filters{display:flex;gap:8px;overflow:auto;padding:25px 0}.filters button{padding:10px 17px;border:1px solid;border-radius:25px;background:white;white-space:nowrap}.filters button.selected{background:#181818;color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{background:white;border:1px solid #ccc;border-radius:12px;padding:18px}.product .itemicon{display:block;margin:10px auto 25px;font-size:50px;width:65px;height:65px}.product h3{font-size:16px;margin-bottom:7px}.product .btn{width:100%;margin-top:15px}.cartbar{position:sticky;bottom:16px;background:#181818;color:white;border-radius:12px;padding:15px 20px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 25px #0003}.request{padding:20px;border:1px solid #ccc;background:white;border-radius:12px;margin-bottom:14px}.requesthead{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.request p{margin:8px 0;font-size:14px}.steps{display:flex;gap:6px;margin:18px 0}.step{height:5px;flex:1;background:#ddd;border-radius:4px}.step.done{background:var(--red,#f32628)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stat{padding:20px;background:white;border:1px solid #bbb;border-radius:10px}.stat b{display:block;font-size:38px}.notice{padding:15px 20px;background:#eae6da;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:22px}.empty{text-align:center;padding:55px 20px;color:#666}.price{font-family:Impact,sans-serif;font-size:80px}.price small{font:14px Arial}footer{display:flex;gap:30px;align-items:center;padding:30px 5%;border-top:1px solid #bbb}footer b{font-size:27px;font-style:italic;color:var(--red,#f32628)}footer small{margin-left:auto;font-size:10px;color:#666}dialog{border:2px solid;border-radius:14px;padding:30px;width:min(92vw,470px)}dialog::backdrop{background:#0008}dialog h2{font-size:36px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#181818;color:white;padding:14px 22px;border-radius:8px;z-index:99;display:none;max-width:90vw}.cover{width:100%;max-height:170px;object-fit:cover;border-radius:8px;margin-bottom:15px}:focus-visible{outline:3px solid #4d6bff;outline-offset:4px}@media(max-width:850px){header{height:auto;padding:15px 5%;flex-wrap:wrap;gap:10px}.brand{font-size:40px}header .pill{margin-left:auto;font-size:8px}nav{order:3;width:100%;flex-basis:100%;justify-content:space-between}nav button{padding:10px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{font-size:76px}.art{max-width:420px;margin:auto}.grid{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow:auto;gap:4px}.sidebar button{white-space:nowrap;font-size:12px}.sidebar p{display:none}.cols{grid-template-columns:1fr}.phone{margin-top:15px;width:100%}.sectionhead{align-items:start;flex-direction:column}.products{grid-template-columns:1fr 1fr}.guest-banner h1{font-size:49px;max-width:70%}.guest-banner .mascot{width:135px}.topline{align-items:start}.topline h2{font-size:37px}.vibes{gap:4px}.vibe{font-size:9px}.inventory-row{grid-template-columns:40px 1fr 60px;gap:10px}.inventory-row .btn{grid-column:2 / 4}.stats{gap:8px}.stat{padding:13px}footer{flex-wrap:wrap;gap:12px}footer small{margin:0;width:100%}.ticker{font-size:12px;line-height:1.8}}
.quantity{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.quantity .btn{width:auto;margin:0;min-width:38px}.guest-banner .mascot{pointer-events:none}.phone .mascot{max-width:160px;margin:0 auto 20px}textarea{resize:vertical}dialog{max-height:90vh;overflow:auto}hr{border:0;border-top:1px solid #ddd}
[hidden]{display:none!important}
.alert-controls{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #ddd}.alert-controls .actions{margin-top:12px}#request-alert{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:110;background:#e4f29b;border:2px solid #181818;border-radius:12px;box-shadow:4px 4px 0 #181818;padding:18px 22px;width:min(600px,92vw);display:flex;align-items:center;gap:18px;justify-content:space-between}#request-alert>div{display:flex;gap:10px;flex-shrink:0}@media(max-width:600px){#request-alert{align-items:stretch;flex-direction:column;gap:12px}#request-alert>div .btn{flex:1}}

.task-progress{width:100%;height:10px;accent-color:#f32628;margin:22px 0}.task-heading{margin-top:28px;border-bottom:2px solid #181818;padding-bottom:8px}.task-heading h3{margin:8px 0}.task-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #ddd}.task-row>input{width:26px;height:26px;flex-shrink:0;accent-color:#f32628;margin-top:2px}.task-row>div{flex:1;min-width:0}.task-row p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.task-done p{text-decoration:line-through;color:#686868}.task-row .actions{margin-top:10px}.task-review{border:1px solid #ccc;border-radius:12px;margin:20px 0;padding:16px}.task-review legend{font-weight:bold}.task-row .btn{min-height:40px}

.profile-face{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #181818}.profile-initial{display:flex;align-items:center;justify-content:center;background:#f32628;color:white;font-weight:bold;font-size:36px}.profile-person{display:flex;gap:18px;align-items:center;margin:20px 0}.profile-person h3,.profile-person p{margin:6px 0}.profile-event{padding:20px 0;border-bottom:1px solid #ddd}.trevor-faces{padding:18px;background:#fff;border:2px solid #181818;border-radius:16px;margin-top:20px}.trevor-faces .profile-face{width:52px;height:52px;font-size:24px}#profilekey{font-family:monospace;font-size:13px}header nav{flex-wrap:wrap}
.crew-price{display:flex;gap:16px;align-items:center;background:#e4f29b;padding:16px;border:2px solid #181818;border-radius:12px;margin:12px 0}.crew-price b{font-family:Impact,sans-serif;font-size:34px}.crew-price span{font-size:13px}.reputation{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f6f3eb;border-radius:12px;margin:14px 0}.reputation b{font-size:22px}.reputation small{color:#686868}.rating-mascots .mascot{width:115px}.sleeping-state{text-align:center;position:relative;padding:32px}.sleeping-state img{width:min(240px,65%);display:block;margin:auto;animation:trevor-breathe 3s ease-in-out infinite}.sleep-z{position:absolute;right:24%;top:20px;font-family:Impact,sans-serif;font-size:30px;animation:trevor-breathe 3s ease-in-out infinite}.awake-state{display:flex;align-items:center;gap:16px;background:#e4f29b;border:2px solid #181818;border-radius:14px;padding:12px;margin:16px 0}.awake-state .mascot{width:95px;animation:trevor-wake .35s ease-out}.awake-state h3,.awake-state p{margin:6px 0}.guest-tabs{display:flex;gap:8px;position:sticky;top:0;z-index:10;background:var(--paper);padding:12px 0}.guest-tabs .btn{flex:1;padding:12px 10px;min-height:48px}.guest .filters{position:sticky;top:72px;z-index:9;background:var(--paper);padding:10px 0}.guest .cartbar{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:810px;z-index:20;margin:0}.guest{padding-bottom:130px}.guest-banner{padding:22px}.guest-banner h1{font-size:48px;line-height:1;overflow-wrap:anywhere}.guest-banner .mascot{width:115px;bottom:5px}.guest .cover{height:130px;object-fit:cover;margin-bottom:16px}.guest .trevor-faces{padding:12px}.trevor-faces .profile-person{display:inline-flex;margin:12px 14px 0 0}.guest .products{grid-template-columns:1fr;gap:10px}.guest .product{display:grid;grid-template-columns:48px minmax(0,1fr) 120px;column-gap:12px;padding:14px;align-items:center}.guest .product .itemicon{grid-column:1;grid-row:1/3;width:48px;height:48px;font-size:38px;margin:0;object-fit:contain}.guest .product h3{grid-column:2;grid-row:1;line-height:1.3;margin:0 0 6px;overflow-wrap:anywhere}.guest .product>.muted{grid-column:2;grid-row:2;font-size:12px}.guest .quantity{grid-column:3;grid-row:1/3;margin:0;display:flex;gap:6px;align-items:center;justify-content:space-between}.guest .quantity .btn{min-width:44px;min-height:48px;width:44px;margin:0;padding:0;font-size:24px}.guest .quantity b{min-width:16px;text-align:center}.guest .request{padding:18px}.delivery-trevor{border-top:1px solid #ddd;padding-top:10px;margin-top:14px}.delivery-trevor .profile-face{width:48px;height:48px;font-size:24px}.delivery-trevor .profile-person{margin:6px 0 14px}#qr-video{width:100%;max-height:340px;object-fit:cover;border-radius:14px;background:#181818;display:block}#ratingvalue{font-size:28px;font-weight:bold;text-align:center}.guest-tabs .btn.dark{background:#181818;color:white}@keyframes trevor-breathe{50%{transform:translateY(-5px)}}@keyframes trevor-wake{from{transform:translateY(12px) rotate(-8deg)}to{transform:translateY(0) rotate(0)}}@media(max-width:600px){header{padding:12px 14px;gap:10px}.brand{font-size:36px}header nav{width:100%;gap:4px}header nav button{flex:1;padding:10px 4px;font-size:11px}header .pill{margin-left:auto;font-size:9px;padding:6px}.guest{padding:16px 12px 130px}.guest-banner h1{font-size:36px;max-width:72%}.guest-banner .mascot{width:90px}.guest-banner{padding:18px}.guest .product{column-gap:8px;grid-template-columns:44px minmax(0,1fr) 116px;padding:12px}.guest .product .itemicon{width:44px;height:44px}.guest .guest-tabs{gap:5px}.guest-tabs .btn{font-size:13px;padding:12px 6px}.guest .filters{top:72px}.wrap h2{overflow-wrap:anywhere}.stats{gap:8px}.stat{padding:14px}.request .actions .btn{min-height:48px}.card .alert-controls .actions{gap:6px}.alert-controls .btn{min-height:44px}.topline{gap:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.sleeping-state img,.sleep-z,.awake-state .mascot{animation:none}}
.optional-help{display:flex;justify-content:center;align-items:center;gap:16px;padding:15px 20px;background:#e4f29b;border-bottom:2px solid #181818}.optional-help>span{font-weight:700}#tutorial-modal{width:min(860px,calc(100vw - 28px));max-width:860px;max-height:90svh;padding:28px;border:2px solid #181818;border-radius:20px;background:var(--paper);overflow:auto}#tutorial-modal::backdrop{background:#181818aa}.guide-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}#tutorial-title{font-size:44px;line-height:1.05;max-width:95%;margin:16px 0 24px}.guide-intro{display:flex;gap:24px;align-items:center}.guide-helper{width:160px;height:190px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 0 #0001)}.guide-intro p{line-height:1.6}.guide-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.guide-options>button{display:flex;flex-direction:column;gap:14px;text-align:left;background:#fff;border:2px solid #181818;border-radius:14px;padding:20px;min-height:120px}.guide-options>button:hover{background:#e4f29b}.guide-options b{font-size:19px}.guide-options span{font-size:13px}.guide-toggle{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:22px}.guide-toggle input{width:20px;height:20px;accent-color:#f32628}.guide-platforms{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.guide-progress{display:flex;gap:6px;margin:22px 0}.guide-progress>span{height:6px;flex:1;border-radius:5px;background:#d9d6d0}.guide-progress .done{background:#f32628}.guide-body{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center}.guide-illustration{text-align:center}.guide-illustration .guide-helper{height:185px;width:160px}.guide-demo{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:2px solid #181818;border-radius:16px;text-align:center;font-size:13px}.guide-demo b{font-size:18px}.guide-symbol{display:block;font-family:Impact,sans-serif;background:#f32628;color:white;border-radius:22px;width:70px;height:70px;line-height:70px;font-size:55px;margin:auto;box-shadow:3px 3px #181818}.guide-share{background:#181818}.guide-tags{display:flex;flex-direction:column;gap:8px}.guide-tags>span,.guide-chip{display:block;background:#f6f3eb;padding:10px;border-radius:8px;font-weight:700;font-size:11px}.guide-tags.horizontal{flex-direction:row;gap:4px}.guide-tags.horizontal>span{padding:8px 4px;flex:1}.guide-colors{display:flex;gap:6px;justify-content:center}.guide-colors i{width:36px;height:36px;border:2px solid #181818;border-radius:50%;background:#f32628}.guide-colors i:nth-child(2){background:#c9e9ed}.guide-colors i:nth-child(3){background:#e4f29b}#tutorial-step>p{font-size:17px;line-height:1.65;margin:16px 0}.guide-tip{border-left:4px solid #f32628;background:#fff;padding:16px;font-size:14px;line-height:1.55}.guide-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ccc;padding-top:22px;margin-top:28px}.guide-address{margin-top:24px;background:#fff;border:1px solid #ccc;border-radius:12px;padding:16px}.guide-address .field{margin:0}.guide-address input{font-size:14px}.guide-address .muted{font-size:12px;margin-bottom:0}.guide-bottom .btn{min-width:100px}#tutorial-modal button:focus-visible{outline:3px solid #f32628;outline-offset:3px}@media(max-width:600px){.optional-help{flex-direction:column;gap:8px;padding:12px}.optional-help .btn{width:100%;font-size:13px}#tutorial-modal{padding:18px;max-height:94svh}#tutorial-title{font-size:34px;margin-bottom:18px}.guide-options{grid-template-columns:1fr;gap:10px}.guide-options>button{min-height:80px;padding:16px}.guide-intro{gap:14px;align-items:flex-start}.guide-intro .guide-helper{width:90px;height:130px}.guide-intro p{font-size:14px}.guide-body{grid-template-columns:1fr;gap:18px}.guide-illustration{display:flex;gap:12px;align-items:center}.guide-illustration .guide-helper{width:80px;height:120px}.guide-illustration .guide-demo{flex:1;min-width:0;padding:14px}.guide-demo b{font-size:16px}.guide-demo .guide-symbol{height:48px;width:48px;line-height:48px;font-size:36px;border-radius:14px}#tutorial-step>p{font-size:16px}.guide-platforms .btn{flex:1;font-size:12px;padding:12px 6px}.guide-bottom{position:sticky;bottom:-18px;background:var(--paper);padding-bottom:14px;z-index:2}.guide-top .btn{min-height:44px}.guide-bottom .btn{min-height:48px}}
.design-studio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;align-items:start}.design-controls{min-width:0}.design-controls fieldset{border:0;padding:22px 0;margin:0;border-bottom:1px solid #ddd}.design-controls legend{font-weight:800;font-size:18px;padding:0}.design-preview-column{position:sticky;top:20px;min-width:0}.design-preview-column>.eyebrow{display:block;margin-bottom:14px}.design-preview-column .phone{width:100%;max-width:420px;margin:auto}.design-preview-column .phone-top{overflow:hidden;padding:22px}.design-preview-column h2{font-size:38px;overflow-wrap:anywhere}.design-preview-column .cover,.design-controls>.cover{width:100%;height:auto;max-height:none;object-fit:contain;display:block;border-radius:10px;margin-bottom:18px}.design-preview-column .phone-content{padding:18px}.preview-welcome .mascot{width:85px;display:block;margin:0 auto 12px}.preview-welcome h3{text-align:center;font-size:17px}.preview-tabs{display:flex;gap:12px;background:#f6f3eb;border-radius:10px;padding:12px;margin:18px 0;font-size:12px}.preview-item{display:flex;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #ddd;font-size:12px}.preview-item .itemicon{height:36px;width:36px;font-size:26px;object-fit:contain;flex-shrink:0}.preview-item>div{flex:1;min-width:0}.preview-item small{display:block;margin-top:5px}.font-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.font-choice{border:1px solid #bbb;padding:14px;text-align:left;background:#fff;border-radius:12px;overflow:hidden;min-width:0}.font-choice small{display:block;font-family:Arial,sans-serif;font-size:11px;color:#555;margin-bottom:10px}.font-choice span{display:block;font-size:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-choice.selected{border:2px solid #f32628;background:#fff4ee}.font-choice:focus-visible{outline:3px solid #181818;outline-offset:2px}#font-example{font-size:36px;min-height:70px;padding:14px;background:var(--paper);border-radius:10px;overflow-wrap:anywhere}.design-save{position:sticky;bottom:0;z-index:4;background:#fff;padding:16px 0;display:flex;flex-direction:column;gap:8px}.design-save small{color:#666}.photo-edit-preview{display:block;max-width:220px;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #ddd;border-radius:12px;margin:12px 0}.profile-preview{border-radius:50%;object-fit:cover}.crop-dialog{max-width:680px;width:calc(100vw - 24px);max-height:94svh;overflow:auto;padding:22px;border:2px solid #181818;border-radius:18px;background:var(--paper)}.crop-stage{position:relative;overflow:hidden;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50% / 20px 20px;border:2px solid #181818;border-radius:8px;margin:20px 0}.crop-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab;max-height:45svh;object-fit:contain}.crop-stage canvas:active{cursor:grabbing}.crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,#fff7 33.2%,#fff7 33.5%,transparent 33.6%,transparent 66.4%,#fff7 66.5%,#fff7 66.8%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,#fff7 33.2%,#fff7 33.5%,transparent 33.6%,transparent 66.4%,#fff7 66.5%,#fff7 66.8%,transparent 66.9%)}.crop-circle{border-radius:50%}.crop-dialog input[type=range]{width:100%;accent-color:#f32628;min-height:36px}.crop-dialog::backdrop{background:#181818cc}.crop-error{color:#ba1616}.crop-dialog .actions{position:sticky;bottom:-22px;background:var(--paper);padding:16px 0;z-index:2}.guest-banner h1{overflow-wrap:anywhere}.guest .cover{height:auto;max-height:none;width:100%;object-fit:contain;display:block}@media(max-width:1000px){.design-studio{grid-template-columns:minmax(0,1fr)}.design-preview-column{position:static;grid-row:1}.design-preview-column .phone{max-width:390px}.design-preview-column .phone-content{display:none}.design-preview-column h2{font-size:34px}.font-picker{grid-template-columns:1fr 1fr}}@media(max-width:600px){.design-studio{gap:18px}.font-choice{padding:12px}.font-choice span{font-size:23px}.design-controls .cols{grid-template-columns:1fr 1fr;gap:10px}.crop-dialog{padding:16px}.crop-dialog .cols{grid-template-columns:1fr 1fr}.crop-dialog .actions{bottom:-16px}.crop-dialog .btn{min-height:46px}.design-controls .topline{align-items:start}.design-save .btn{width:100%}#design-preview-title{font-size:30px}.guest-banner h1{line-height:1.2}}

.crop-stage{margin-left:auto;margin-right:auto}.crop-stage canvas{max-height:none;object-fit:fill}

.artwork-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.artwork-choice{border:2px solid #dedbd3;border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;min-width:0}.artwork-choice.selected{border-color:var(--red,#f32628);background:#fff4ef;box-shadow:0 0 0 1px var(--red,#f32628)}.artwork-choice .mascot,.artwork-empty{position:static!important;width:100%!important;height:100px!important;object-fit:contain;display:block;margin:0!important;transform:none!important}.artwork-choice b{font-size:12px;line-height:1.3}.artwork-choice small{font-size:10px;color:#725443}.artwork-empty{display:grid;place-items:center;font-size:32px}.party-mascot{object-fit:contain}.preview-welcome #design-preview-art .mascot{width:90px;height:100px;object-fit:contain}@media(max-width:420px){.artwork-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}

#design-preview-art .mascot{position:static;width:110px;height:120px;object-fit:contain;margin:14px auto 0;display:block}