@font-face{font-family:Lato;src:url('assets/fonts/Lato-Regular.ttf')}@font-face{font-family:Lato;src:url('assets/fonts/Lato-Bold.ttf');font-weight:800}*{box-sizing:border-box}body{margin:0;background:#f5f4f1;color:#182322;font-family:Lato,Arial,sans-serif}.app-header{height:76px;background:#fff;border-bottom:1px solid #e3e3de;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:16px}.witness{text-decoration:none;color:#fff;background:#182322;font-size:21px;font-weight:800;border-radius:10px;padding:8px 12px;display:flex;gap:14px;align-items:center}.witness span{font-size:14px}.prototype{font-size:12px;color:#626a66}main{max-width:1600px;margin:auto;padding:42px 4vw 80px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#64736b;font-weight:800}h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.045em;line-height:1.02;margin:14px 0}h2{font-size:20px}.intro p:not(.eyebrow){color:#617069;font-size:16px;line-height:1.5;max-width:510px}.button,button{border:0;border-radius:8px;min-height:46px;padding:13px 18px;cursor:pointer;font:800 14px Lato,Arial,sans-serif;text-decoration:none;background:#192b25;color:white;display:inline-flex;align-items:center;justify-content:center}.secondary{background:white;border:1px solid #d3dbd5;color:#192b25}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{font-size:14px;margin:0}.section-heading span{color:#747b77;font-size:11px}.screen{position:relative;overflow:hidden;background:#100e10;color:#fff;container-type:inline-size;--accent:#c5181a}.landscape,.menu-screen{aspect-ratio:16/9}.brand{position:absolute;top:7%;left:6%;font-size:3.1cqw;letter-spacing:-.08em;font-weight:800;line-height:.85;z-index:2}.brand-up{color:var(--accent);margin-left:.12em}.brand-caption{display:block;font-size:.67cqw;letter-spacing:.22em;color:#acaaad;margin-top:1.25em}.product-copy{position:absolute;left:6%;top:31%;width:46%;z-index:2}.product-category{font-size:.9cqw;letter-spacing:.3em;color:#e8a2a9}.product-name{font-size:6.4cqw;line-height:.95;letter-spacing:-.055em;margin:.25em 0;overflow-wrap:anywhere;max-width:6.5em}.product-description{font-size:1.28cqw;line-height:1.5;color:#cfc7c9;max-width:27em;margin:1.3em 0 1.4em}.price-box{display:flex;align-items:baseline;gap:1cqw}.product-price{font-size:6cqw;letter-spacing:-.05em;line-height:1}.currency{font-size:1cqw;color:#bfb6b8}.product-visual{position:absolute;right:0;top:0;width:57%;height:100%;isolation:isolate}.halo{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 48%,#9c344e 0%,#45202d 35%,transparent 69%);opacity:.85}.product-photo{position:absolute;right:3%;top:3%;width:90%;height:94%;object-fit:contain;filter:drop-shadow(0 28px 25px #0006)}.screen-footer{position:absolute;bottom:4%;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #ffffff2a;padding-top:1.4%;font-size:.77cqw;color:#aaa1a3;letter-spacing:.08em;z-index:3}.screen-footer span:first-child{color:#e2d9d9}.asset-note{font-size:11px;color:#747b77;line-height:1.5}.editor{background:white;border:1px solid #e2e4de;border-radius:14px;padding:24px}.editor h2{margin:12px 0}.explanation,.scope{color:#68736d;font-size:13px;line-height:1.5}.scope{font-size:11px;border-top:1px solid #e5e5e0;padding-top:18px}label{display:block;font-size:13px;font-weight:800;margin:18px 0 7px}input,textarea,select{width:100%;border:1px solid #cbd3ce;border-radius:7px;padding:11px;font:16px Lato,Arial,sans-serif;min-height:46px;background:#fff;color:#182322}textarea{resize:vertical}.price-input{display:flex;align-items:center;border:1px solid #cbd3ce;border-radius:7px;padding-left:13px}.price-input input{border:0}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2784ca;outline-offset:3px}.check{display:flex;gap:10px;align-items:center;min-height:44px}.check input{width:20px;height:20px;min-height:20px;accent-color:#192b25}form button{width:100%}#status{min-height:36px;font-size:12px;color:#276c45;line-height:1.5}summary{cursor:pointer;font-size:13px;font-weight:800;min-height:44px;padding:14px 0}input[type=color]{padding:5px}.second{margin-top:32px;max-width:calc(100% - 338px)}.product-menu .product-copy{top:28%;width:40%}.product-menu .product-name{font-size:4.3cqw}.product-menu .product-price{font-size:4.8cqw}.product-menu .product-visual{width:40%;right:33%;top:17%;height:76%;opacity:.8}.product-menu .product-photo{right:0}.product-menu .product-copy{width:33%}.product-menu .product-description{font-size:1.05cqw;max-width:20em}.menu-list{position:absolute;right:6%;top:29%;width:30%;z-index:3}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:2.2cqw 0;border-bottom:1px solid #ffffff25;font-size:1.38cqw}.menu-row strong{white-space:nowrap;color:#f5d7da;font-size:1.9cqw}.sold-out .product-price{font-size:4cqw;color:#f2b6be}.portrait{aspect-ratio:9/16;width:min(100%,430px);margin:auto}.portrait .brand{font-size:7cqw;top:5%;left:8%}.portrait .brand-caption{font-size:1.7cqw}.portrait .product-copy{left:8%;top:17%;width:84%}.portrait .product-category{font-size:2cqw}.portrait .product-name{font-size:12cqw;max-width:7em}.portrait .product-description{font-size:2.5cqw;max-width:28em}.portrait .product-price{font-size:12cqw}.portrait .currency{font-size:2.3cqw}.portrait .product-visual{top:43%;height:53%;width:100%;right:0}.portrait .screen-footer{font-size:1.5cqw;bottom:3%;left:8%;right:8%}.display-only{background:#100e10}.display-only .app-header,.display-only .intro,.display-only .editor,.display-only .section-heading,.display-only .asset-note,.display-only .second{display:none}.display-only main{padding:0;max-width:none}.display-only .workspace{display:block}.display-only #hero.landscape{width:min(100vw,177.777vh);margin:auto}.display-only #hero.portrait{width:min(100vw,56.25vh);max-width:none}.display-only .preview-panel{height:100vh;display:grid;place-items:center}@media(max-width:950px){.workspace{grid-template-columns:1fr}.editor{max-width:none}.second{max-width:none}.intro{align-items:start}.prototype{max-width:140px}.app-header{padding:0 5vw}.witness span{font-size:12px}}@media(max-width:530px){main{padding:26px 5vw}.intro{display:block}.intro .button{margin-top:10px}.section-heading{align-items:start}.section-heading span{max-width:100px;text-align:right}.app-header{height:68px}.prototype{font-size:10px}.editor{padding:20px}.screen{border-radius:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.decorative-background{position:absolute;inset:0;background-position:center;background-size:cover;pointer-events:none}.product-copy{filter:drop-shadow(0 2px 5px #000)}.cup-logo{position:absolute;z-index:2;aspect-ratio:4/1;overflow:hidden;border-radius:5%;pointer-events:none}.cup-logo img{width:100%;height:100%;object-fit:contain;display:block}.cup-logo.original-logo{background:#000}.cup-logo.original-logo img{position:absolute;top:50%;height:auto;transform:translateY(-50%)}.social-banner{position:absolute;bottom:7.5%;left:6%;right:6%;text-align:center;color:#fff;font-weight:800;text-shadow:0 2px 8px #000;z-index:4;overflow-wrap:anywhere}.has-social .screen-footer{bottom:2%;padding-top:.7%}.has-social .product-visual{height:94%}.portrait .social-banner{font-size:3.6cqw!important;bottom:6%}.portrait.has-social .product-visual{height:49%}.design-actions{display:grid;gap:10px;margin-top:14px}dialog{border:1px solid #d4dad7;border-radius:16px;width:min(620px,calc(100% - 24px));max-height:90dvh;padding:0;color:#182322;background:#fff}dialog::backdrop{background:#071a20aa}.dialog-header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e4e7e5;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header h2{margin:0;font-size:20px}.close{font-size:25px;width:46px}.dialog-body{padding:8px 24px 24px}.dialog-body>p{font-size:14px;line-height:1.5;color:#5a6960}fieldset{margin:20px 0;border:1px solid #dae1db;padding:16px;border-radius:10px}legend{font-weight:800;padding:0 8px;font-size:15px}.field-note{font-size:12px;line-height:1.5;color:#66736a}input[type=file]{font-size:12px;max-width:100%}input[type=range]{padding:0;accent-color:#c5181a}#save-design{width:100%}#design-status,#brief-status{color:#276c45;font-size:13px;min-height:20px}

.preview-links{display:flex;flex-wrap:wrap;gap:10px}.display-back{display:none}.display-only .display-back{display:flex;position:fixed;top:12px;left:12px;z-index:20;background:#111c;color:#fff;border:1px solid #ffffff66;min-height:44px;padding:10px 14px;border-radius:8px;text-decoration:none;font:14px Lato,Arial,sans-serif}.display-only .display-back:focus-visible{outline:3px solid #82c6ff}.display-only .display-back:hover{background:#111}