:root{color:#24342b;font-synthesis:none;background:#f7f8f3;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #d45d35}input:focus,select:focus{outline-offset:2px;outline:2px solid #2f6145}h1,h2,h3,p{margin:0}.wordmark{letter-spacing:-1px;align-items:center;gap:9px;font-size:25px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark span{letter-spacing:1px;border:1px solid #cdd8c8;margin-inline-start:3px;padding:4px 6px;font-size:10px}.topbar{background:#fcfdf9;border-bottom:1px solid #e1e5db;justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 4vw;display:flex}.topbar nav{gap:6px;display:flex}.topbar nav button{color:#677166;background:0 0;border-radius:8px;padding:13px 17px}.topbar nav button.active{color:#23452e;background:#eaf0e5}.topbar nav b{margin-inline-start:5px;font-size:12px}.text-link{text-underline-offset:5px;font-size:13px}.workspace{max-width:1500px;margin:auto;padding:42px 4vw 70px}.eyebrow{letter-spacing:1.6px;color:#73826c;font-size:10px;font-weight:700;display:block}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.page-heading h1{letter-spacing:-1.3px;max-width:800px;margin-top:10px;font-size:clamp(24px,2.4vw,36px);line-height:1.22}.page-heading p{color:#748071;margin-top:13px;font-size:14px}.version-pill{background:#fff;border:1px solid #dde6d7;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:flex}.version-pill i{background:#7f9d5d;border-radius:50%;width:7px;height:7px}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:34px;display:grid}.edit-panel{background:#fff;border:1px solid #e1e5db;border-radius:14px;padding:25px}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-title h2{font-size:14px}.badge{color:#527140;background:#edf3e7;border-radius:5px;padding:6px 9px;font-size:10px;display:inline-block}.badge.amber{color:#8e5b1c;background:#fff0db}.field-pair{grid-template-columns:3fr 1fr;gap:14px;display:grid}label{letter-spacing:.15px;margin-bottom:15px;font-size:11px;font-weight:700;display:block}input,select{color:#263a2b;background:#fff;border:1px solid #dce3d5;border-radius:6px;width:100%;min-height:42px;margin-top:7px;padding:11px 12px}input[type=color]{height:43px;padding:5px}label small{color:#75806d;margin-top:7px;font-size:11px;font-weight:400;display:block}.offer-editor{background:#f7f5ed;border-radius:9px;margin:12px -8px 30px;padding:20px}.offer-editor>.eyebrow{margin-bottom:15px}.item-editor{border-top:1px solid #edf0e8;grid-template-columns:18px minmax(0,1fr) 66px 23px;gap:10px;margin-top:5px;padding-top:18px;display:grid}.item-editor>span{color:#9aa48d;padding-top:31px;font-size:11px}.item-editor label{margin-bottom:10px;font-size:10px}.item-editor input{padding:9px;font-size:12px}.remove{color:#9e5e47;background:#f9eee9;border-radius:50%;align-self:start;width:22px;height:22px;margin-top:29px}.button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 17px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.primary{color:#fff;background:#254b35}.secondary{color:#3c533b;background:#fff;border:1px solid #d8e0d1}.language{margin-top:25px}.publish-bar{border-top:1px solid #edf0e8;gap:10px;margin-top:23px;padding-top:20px;display:flex}.publish-bar button{flex:1}.muted{color:#7d8976;margin-top:11px;font-size:11px;line-height:1.6}.preview-panel{min-width:0;position:sticky;top:24px}.segmented{border:1px solid #d7dfcf;border-radius:7px;padding:3px;display:flex}.segmented button{color:#6f7d65;background:0 0;border-radius:4px;padding:6px 9px;font-size:10px}.segmented button[aria-pressed=true]{color:#2a4831;background:#fff;box-shadow:0 1px 3px #0001}.preview-frame{aspect-ratio:16/9;border:7px solid #1b271f;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 15px 35px #18372018}.preview-frame.portrait{aspect-ratio:9/16;width:58%;margin:auto}.preview-note{border-bottom:1px solid #dde4d4;gap:15px;padding:25px 3px;display:flex}.preview-note>span{color:#72965a;font-size:28px}.preview-note strong{font-size:13px}.preview-note p{color:#7a8670;max-width:400px;margin-top:7px;font-size:12px;line-height:1.7}.preview-status{color:#6d7a61;justify-content:space-between;gap:10px;padding-top:20px;font-size:11px;display:flex}.preview-status button{color:#2a5238;background:0 0;font-size:11px;font-weight:700}.scale-note{background:#ebf0e4;border-radius:8px;margin-top:27px;padding:20px}.scale-note strong{font-size:12px}.scale-note p{color:#718064;margin-top:7px;font-size:12px;line-height:1.7}.notice,.error{border-radius:8px;margin-bottom:20px;padding:14px 18px;font-size:13px}.notice{color:#36572c;background:#e5f0df}.error{color:#983d27;background:#fff0e8}.error button{color:inherit;background:0 0;text-decoration:underline}.studio-footer{color:#87907e;border-top:1px solid #e1e5da;justify-content:space-between;padding:23px 4vw;font-size:11px;display:flex}.pair-card{background:#fff;border:1px solid #dce3d4;border-radius:12px;grid-template-columns:1fr 1fr;gap:35px;padding:30px;display:grid}.pair-card h2{margin:12px 0;font-size:25px}.pair-card p{color:#728168;font-size:13px;line-height:1.8}.pair-card form{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.pair-card form button{grid-column:1/-1}.screen-card,.history-card{background:#fff;border:1px solid #dde5d5;border-radius:10px;align-items:center;gap:22px;margin-top:15px;padding:25px;display:flex}.screen-card h2,.history-card h2{font-size:16px}.screen-card p,.history-card p{color:#7a8870;margin:7px 0;font-size:12px}.screen-card>button,.history-card>button{margin-inline-start:auto}.screen-icon{color:#729362;font-size:45px}.history-version{color:#81956a;font-size:27px}.empty{text-align:center;background:#fff;border:1px dashed #d2ddc7;border-radius:12px;margin-top:25px;padding:60px 20px}.empty h2{font-size:22px}.empty p{color:#7b886f;margin:13px 0 23px;font-size:13px}.welcome{max-width:750px;margin:12vh auto;padding:30px}.welcome>.eyebrow{margin-top:60px}.welcome h1{letter-spacing:-3px;margin-top:18px;font-size:clamp(40px,6vw,70px);line-height:1.1}.welcome>p{color:#76836c;max-width:540px;margin:24px 0;font-size:17px;line-height:1.8}.welcome>.text-link{margin:25px 0;display:block}.welcome small{color:#839076;font-size:11px}.board-viewport{background:#171e1b;width:100%;height:100%;position:relative;overflow:hidden}.menu-board{transform-origin:50%;color:#23362b;background:#f6f1e5;flex-direction:column;padding:44px 55px;font-family:Arial,sans-serif;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.board-header{border-bottom:2px solid #dcd6c4;flex-shrink:0;align-items:center;gap:20px;padding-bottom:28px;display:flex}.brand-mark{color:var(--accent);font-size:70px;line-height:1}.board-header h1{letter-spacing:2px;font-size:39px;font-weight:800;line-height:1.2}.board-header p{color:#72806b;margin-top:8px;font-size:18px}.demo-label{letter-spacing:2px;border:1px solid #cec9b9;margin-inline-start:auto;padding:10px;font-size:12px}.board-body{flex:1;grid-template-columns:38% 1fr;gap:50px;min-height:0;padding:36px 0;display:grid}.offer-panel{background:var(--accent);color:#fff9e9;border-radius:5px;flex-direction:column;padding:35px 34px 0;display:flex;position:relative;overflow:hidden}.offer-eyebrow{letter-spacing:2px;opacity:.8;font-size:11px}.offer-panel h2{letter-spacing:-2px;overflow-wrap:anywhere;margin-top:20px;font-size:58px;line-height:1.06}.offer-panel>p{margin-top:20px;font-size:23px;line-height:1.5}.offer-price{align-items:baseline;gap:12px;margin-top:20px;display:flex}.offer-price strong{letter-spacing:-5px;font-size:100px;line-height:1}.offer-price span{font-size:19px}.bowl-art{flex-shrink:0;align-self:center;width:300px;max-width:100%;height:170px;margin-top:auto}.menu-section-heading{border-bottom:2px solid #dcd6c4;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.menu-section-heading h2{letter-spacing:3px;font-size:17px}.menu-section-heading span{color:#849075;letter-spacing:1px;font-size:10px}.menu-entries{flex-direction:column;justify-content:space-around;height:calc(100% - 38px);display:flex}.menu-entry{border-bottom:1px solid #ded9ca;grid-template-columns:25px 1fr auto;align-items:center;gap:17px;min-height:70px;padding:12px 0;display:grid}.menu-entry:last-child{border-bottom:0}.item-number{color:#9fa78f;font-size:11px}.item-copy h3{font-size:27px;font-weight:600;line-height:1.2}.item-copy p{color:#818b74;margin-top:9px;font-size:15px;line-height:1.4}.item-price{white-space:nowrap;color:var(--accent);font-size:30px;font-weight:700}.item-price small{color:#8b947d;margin-inline-start:5px;font-size:10px;font-weight:400}.board-footer{letter-spacing:2px;color:#8d957f;border-top:2px solid #dcd6c4;flex-shrink:0;justify-content:space-between;padding-top:18px;font-size:11px;display:flex}.menu-board.portrait{padding:45px}.portrait .board-header h1{font-size:30px}.portrait .board-header .demo-label{letter-spacing:.5px;padding:8px;font-size:9px}.portrait .board-header p{font-size:15px}.portrait .board-body{grid-template-rows:490px 1fr;grid-template-columns:1fr;gap:35px;padding:30px 0}.portrait .offer-panel{padding:30px 40px}.portrait .offer-panel h2{max-width:75%;font-size:62px}.portrait .offer-panel>p{max-width:65%;font-size:25px}.portrait .offer-price strong{font-size:100px}.portrait .bowl-art{bottom:20px;opacity:.9;width:320px;max-width:320px;height:220px;position:absolute;inset-inline-end:-20px}.portrait .menu-section-heading h2{font-size:21px}.portrait .board-footer{letter-spacing:1px;font-size:9px}.player{color:#f4f4e9;background:#171e1b;position:fixed;inset:0}.player .board-viewport{position:absolute;inset:0}.player-controls-toggle{color:#fff8;background:#0002;border-radius:8px;width:36px;height:40px;font-size:25px;position:absolute;bottom:12px;right:12px}.player-control-panel{color:#24342b;background:#fff;border-radius:12px;max-width:400px;padding:25px;position:absolute;top:20px;right:20px;box-shadow:0 10px 30px #0005}.player-control-panel p{margin:12px 0;font-size:13px}.player-control-panel button{background:#e6eddf;border-radius:5px;margin:4px;padding:10px;font-size:13px}.offline-indicator{color:#e9eadb;background:#2b352bd9;border-radius:5px;padding:5px 9px;font-size:11px;position:absolute;bottom:8px;left:8px}.pairing-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:35px;display:flex}.pairing-page .wordmark{color:#d6e3c9;margin-bottom:55px}.pairing-page h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(28px,4vw,65px)}.pairing-page p{color:#aebba4;max-width:750px;font-size:clamp(14px,1.4vw,22px);line-height:1.7}.pairing-code{letter-spacing:12px;color:#e9b773;margin:25px 0;font-family:monospace;font-size:clamp(35px,7vw,105px)}.pairing-page button{margin-top:30px}.pairing-page>.eyebrow{color:#889e7c}@media (max-width:1000px){.topbar{flex-wrap:wrap;height:auto;padding:20px}.topbar nav{order:3;justify-content:center;width:100%}.workspace{padding:30px 20px}.editor-grid{grid-template-columns:1fr}.preview-panel{grid-row:1;position:static}.preview-note,.scale-note,.preview-status,.preview-panel>.muted{display:none}.preview-frame{max-width:750px;margin:auto}.preview-frame.portrait{width:34%;max-height:600px}.page-heading{align-items:start}.page-heading h1{font-size:27px}.pair-card{grid-template-columns:1fr}.page-heading>.version-pill{display:none}}@media (max-width:500px){.wordmark{font-size:22px}.topbar .text-link{font-size:11px}.topbar nav button{padding:10px;font-size:12px}.topbar nav{gap:0}.workspace{padding:24px 15px}.page-heading h1{letter-spacing:-.7px;font-size:25px}.page-heading p{line-height:1.7}.edit-panel{padding:18px}.panel-title h2{font-size:12px}.segmented button{padding:5px 7px}.item-editor{grid-template-columns:13px minmax(0,1fr) 52px 19px;gap:7px}.item-editor input{padding:8px 6px;font-size:11px}.item-editor label{font-size:9px}.remove{width:19px;height:19px}.studio-footer{gap:20px;font-size:9px;line-height:1.6}.screen-card,.history-card{flex-wrap:wrap;gap:15px;padding:20px}.screen-card>button,.history-card>button{margin-inline-start:0}.pair-card{padding:20px}.pair-card form{grid-template-columns:1fr}.pair-card form button{grid-column:auto}.pairing-code{letter-spacing:5px}.welcome{margin:5vh auto;padding:25px}.publish-bar{gap:7px}.button{padding:11px 12px}.preview-frame{border-width:5px}}.notice,.error{z-index:20;position:sticky;top:12px;box-shadow:0 5px 16px #0001}@media (max-width:1000px){.notice,.error{z-index:20;max-width:650px;margin:auto;position:fixed;inset:auto 15px 18px}}.menu-list{flex-direction:column;min-height:0;display:flex}.menu-entries{flex:1;height:auto;min-height:0}.menu-section-heading{flex-shrink:0}.menu-entry{min-height:0;padding:calc(12px * var(--text-fit,1)) 0;flex:1}.item-copy{min-width:0}.item-copy h3{font-size:calc(27px * var(--text-fit,1));overflow-wrap:anywhere}.item-copy p{font-size:calc(15px * var(--text-fit,1));overflow-wrap:anywhere}.offer-panel h2{font-size:calc(58px * var(--text-fit,1))}.offer-panel>p{font-size:calc(23px * var(--text-fit,1));overflow-wrap:anywhere}.portrait .bowl-art{max-width:280px;inset-inline-end:0}.portrait .item-copy h3{font-size:calc(29px * var(--text-fit,1))}.portrait .item-copy p{font-size:calc(16px * var(--text-fit,1))}.portrait .offer-panel h2{font-size:calc(62px * var(--text-fit,1))}.portrait .offer-panel>p{font-size:calc(25px * var(--text-fit,1))}.portrait .menu-entry{padding:calc(18px * var(--text-fit,1)) 0}.video-editor{background:#eef2e9;border-radius:9px;margin:0 -8px 28px;padding:20px}.video-editor h2{margin-bottom:16px;font-size:16px}.video-editor small{color:#63735d;font-size:12px;line-height:1.6;display:block}.publish-bar{z-index:15;background:#fff;border:1px solid #dce3d5;border-radius:9px;padding:12px;position:sticky;bottom:12px;box-shadow:0 5px 20px #0001}.publish-bar .primary{font-size:14px}.youtube-wall{background:#101814;flex-direction:column;flex:1;justify-content:center;min-height:0;margin:-35px -34px 0;display:flex}.youtube-frame{aspect-ratio:16/9;background:#101814;flex-shrink:0;width:100%;min-height:200px;position:relative}.youtube-frame>div,.youtube-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{color:#d5e0ca;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.video-placeholder>span{font-size:60px}.video-placeholder strong{letter-spacing:3px;font-size:22px}.video-placeholder small{color:#9cae91;font-size:16px}.video-status{color:#b5c2ad;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.video-status button{color:#26382b;background:#e9ebdf;border-radius:4px;padding:8px 12px}.has-video>.offer-eyebrow{display:none}.has-video>h2{font-size:calc(35px * var(--text-fit,1));letter-spacing:-1px;margin-top:24px}.has-video>p{font-size:calc(20px * var(--text-fit,1));margin-top:12px}.has-video>.offer-price{margin:16px 0 24px}.has-video>.offer-price strong{font-size:65px}.portrait .has-video{padding:30px 40px}.portrait .youtube-wall{flex:1;margin:-30px -40px 0}.portrait .has-video>h2{max-width:100%;margin-top:15px;font-size:32px}.portrait .has-video>p{max-width:100%;margin-top:8px;font-size:18px}.portrait .has-video>.offer-price{bottom:25px;margin:0;position:absolute;inset-inline-end:35px}.portrait .has-video>.offer-price strong{font-size:55px}.portrait .has-video>p{max-width:70%;margin-bottom:20px}.portrait .youtube-frame{aspect-ratio:auto;flex:1;min-height:200px;max-height:280px}.portrait .video-status{padding:9px 15px;font-size:12px}.quick-update{z-index:16;background:#fcfdf9;border:1px solid #dce3d5;border-radius:10px;align-items:center;gap:20px;margin-bottom:20px;padding:10px 15px;display:flex;position:sticky;top:10px;box-shadow:0 4px 18px #0001}.quick-update .publish-bar{box-shadow:none;background:0 0;border:0;flex-direction:row-reverse;min-width:340px;margin:0;padding:0;position:static}.quick-update>span{color:#6c7a62;font-size:12px}@media (max-width:600px){.quick-update{padding:10px}.quick-update .publish-bar{width:100%;min-width:0}.quick-update>span{display:none}.quick-update .primary{flex:2}}