:root{--cream:#f7f5ee;--ink:#243a32;--muted:#748079;--line:#dcded5;--accent:#e1f29c;--dark:#172d26}*{box-sizing:border-box}body{background:var(--dark);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #f19a59}.board-app{isolation:isolate;min-height:100svh;position:relative}.scene{background:#416b7c;position:absolute;inset:0;overflow:hidden}.source-plane{transform-origin:0 0;position:absolute;top:0;left:0}.photograph{display:block;position:absolute;inset:0}.billboard-face{transform-origin:0 0;background:var(--cream);position:absolute;top:0;left:0;overflow:hidden}.creative,.creative-link{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.transitioning .outgoing{animation:.45s cubic-bezier(.4,0,.2,1) both slide-out}.transitioning .incoming{animation:.45s cubic-bezier(.4,0,.2,1) both slide-in}.paused .outgoing,.paused .incoming{animation-play-state:paused}@keyframes slide-out{to{transform:translate(-100%)}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.topbar{color:#fff;z-index:1;pointer-events:none;background:linear-gradient(#112d3c55,#0000);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:32px 42px;display:grid;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.wordmark{letter-spacing:-1.4px;justify-self:start;align-items:center;gap:10px;font-size:29px;font-weight:700;text-decoration:none;display:flex}.brand-icon{font-size:32px;line-height:1;transform:rotate(-5deg)}.name-star{color:var(--accent);align-self:start;margin-left:-7px;font-size:21px}.header-playing{grid-area:2/1;align-items:center;gap:10px;width:clamp(130px,24vw - 68px,240px);min-width:0;margin:18px 0 0;display:flex}.current-ad{color:#fff;text-shadow:0 1px 10px #102d3c66;flex:1;min-width:0;text-decoration:none}.eyebrow{letter-spacing:1.7px;font-size:9px;font-weight:600}.current-ad>.eyebrow{letter-spacing:1.3px;opacity:.7;margin-bottom:5px;font-size:8px;display:block}.current-ad-title{align-items:baseline;gap:9px;font-size:13px;display:flex}.current-ad h1{text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin:0;font-size:14px;font-weight:500;overflow:hidden}.current-ad:hover h1{text-underline-offset:4px;text-decoration:underline}.current-rank{opacity:.7;font-variant-numeric:tabular-nums;font-size:10px}.playback-toggle{color:#fff;background:#18374422;border:1px solid #ffffff30;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;display:grid;position:relative}.playback-ring{pointer-events:none;fill:none;stroke:#e1f29cbb;stroke-width:1.5px;stroke-linecap:round;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.playback-toggle:hover{background:#18374455}.header-actions{flex-shrink:0;grid-area:1/2;align-items:center;gap:10px;display:flex}.top-ranking,.top-place{border-radius:30px;min-height:42px;padding:12px 18px;font-size:12px;font-weight:600}.top-ranking{color:#fff;background:#ffffff18;border:1px solid #ffffff70}.top-place{background:var(--cream);color:var(--ink)}.top-ranking span,.top-place span{margin-left:12px}.top-place:hover{background:var(--accent)}.primary{color:var(--dark);background:var(--accent);border-radius:8px;min-height:48px;padding:16px 20px;font-weight:600}.primary:hover{background:#d7ee80}.bottom-note{letter-spacing:.2px;color:#e9efe7;text-shadow:0 1px 4px #000;justify-content:flex-end;align-items:center;font-size:10px;display:flex;position:absolute;bottom:25px;left:42px;right:42px}.bottom-note button{color:inherit;background:0 0;font-size:10px}.bottom-note button span{margin:0 7px}.toast{z-index:5;background:var(--cream);color:var(--ink);border-radius:8px;width:max-content;max-width:calc(100% - 24px);padding:16px 20px;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0005}.toast button{background:0 0;margin-left:18px;font-size:20px}.drawer{background:var(--cream);width:min(620px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);border:0;margin:0;padding:28px 32px 36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-20px 0 100px #0002}.drawer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#122b3455}.drawer-heading{z-index:3;background:var(--cream);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 0;display:flex;position:sticky;top:-28px}.close-button{width:36px;height:36px;color:var(--ink);background:#eaece4;border-radius:50%;font-size:28px;line-height:1}h2{letter-spacing:-1.8px;margin:12px 0;font-size:36px;font-weight:500}h3{letter-spacing:-.6px;font-size:22px;font-weight:500}.intro{color:#6a776e;max-width:440px;margin-bottom:25px;font-size:14px;line-height:1.6}.tabs{border-bottom:1px solid var(--line);gap:8px;margin:24px 0 20px;display:flex}.tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:13px 12px;font-weight:600}.tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.tabs button span{background:#e3e7db;border-radius:12px;margin-left:5px;padding:3px 7px;font-size:10px}.table-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;padding:3px 0 12px;font-size:9px;display:flex}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{border-top:1px solid var(--line);align-items:center;gap:13px;padding:17px 0;display:flex}.list-rank{color:#758375;flex-shrink:0;width:21px;font-size:13px}.ranking-list img{object-fit:cover;border-radius:3px;width:66px;height:40px}.list-detail{flex:1;min-width:0}.list-detail strong{margin-bottom:5px;font-size:13px;font-weight:600;display:block}.list-detail>span{color:var(--muted);font-size:10px}.list-total{font-variant-numeric:tabular-nums;align-self:flex-start;margin-top:3px;font-size:12px}.row-actions{gap:12px;margin-top:7px;display:flex}.row-actions button{color:#586e4e;text-underline-offset:3px;background:0 0;padding:0;font-size:10px;text-decoration:underline}.quiet-card{color:#5e705e;background:#e9ece2;border-radius:8px;margin:20px 0;padding:18px;font-size:12px;line-height:1.6}.full-width{width:100%;margin:8px 0}.activity-list article{border-top:1px solid var(--line);gap:20px;padding:20px 0;display:flex}.event-version{background:#e5eadb;border-radius:6px;height:30px;padding:8px;font-size:11px}.activity-list p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.7}.steps{border-bottom:1px solid var(--line);justify-content:space-between;gap:4px;margin:28px 0;padding-bottom:22px;display:flex}.steps span{color:#8b958c;align-items:center;gap:7px;font-size:11px;display:flex}.steps b{border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:inline-grid}.steps .active{color:var(--ink);font-weight:700}.steps .active b,.steps .complete b{background:var(--ink);color:var(--cream);border-color:var(--ink)}label{margin:20px 0 14px;font-size:12px;font-weight:600;display:block}input,select{width:100%;color:var(--ink);background:#fffdf7;border:1px solid #cbd1c5;border-radius:6px;min-height:44px;margin-top:9px;padding:13px 12px;font-size:13px}input:disabled{color:#788473;background:#eaece6}.upload-box{text-align:center;background:#eff1e9;border:1px dashed #a5b19d;border-radius:9px;flex-direction:column;align-items:center;gap:9px;padding:22px;display:flex}.upload-box strong{font-size:14px}.upload-box>span:not(.upload-icon){color:var(--muted);font-size:11px;font-weight:400}.upload-icon{font-size:26px;font-weight:400}.upload-box input{background:0 0;border:0;max-width:330px;margin:0;font-size:11px;font-weight:400}.small-note{color:var(--muted);font-size:11px;font-weight:400;line-height:1.65}.secondary{color:var(--ink);background:#e8edde;border:1px solid #cbd5bd;border-radius:8px;padding:14px;font-weight:600}.preview-section{margin-top:25px}.section-label{letter-spacing:1px;color:var(--muted);justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.preview-scene{aspect-ratio:1.65;border-radius:8px;height:auto;position:relative;inset:auto}.field-pair{gap:14px;display:flex}.field-pair>label{flex:1}.quote-card{background:#e9eddf;border-radius:10px;margin:20px 0;padding:20px}.quote-rank{border-bottom:1px solid #cdd5c2;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.quote-rank span{letter-spacing:1px;font-size:10px}.quote-rank strong{letter-spacing:-2px;font-size:42px;font-weight:500}dl{margin:18px 0}dl>div{justify-content:space-between;gap:10px;margin:14px 0;font-size:12px;display:flex}dd{margin:0}.quote-total{border-top:1px solid #cdd5c2;padding-top:15px;font-weight:600}.pending-card{text-align:center;background:#e9eddf;border-radius:12px;margin:20px 0;padding:28px 20px}.pending-card p{color:var(--muted);font-size:13px;line-height:1.6}.lock-icon{font-size:30px}.checkout-total{letter-spacing:-1.2px;margin:25px 0;font-size:36px}.checkout-total span{letter-spacing:0;color:var(--muted);margin-top:8px;font-size:11px;display:block}.error{color:#863c2a;background:#fff0e9;border:1px solid #debaae;border-radius:8px;padding:15px;font-size:13px;line-height:1.5}.studio-footnote{color:var(--muted);text-align:center;margin-top:28px;font-size:10px;line-height:1.6}@media (min-width:1500px){.topbar{padding:38px 50px}.bottom-note{left:50px;right:50px}}@media (max-width:1050px){.topbar{padding:26px}.bottom-note{left:26px;right:26px}}@media (max-width:700px){.board-app{background:#173c4b;flex-direction:column;min-height:100svh;padding:0 18px;display:flex}.board-app>.scene{aspect-ratio:.95;flex-shrink:0;height:auto;margin:132px -18px 0;position:relative;inset:auto}.topbar{background:0 0;flex-wrap:wrap;justify-content:space-between;gap:18px 10px;padding:24px 18px;display:flex}.header-actions{gap:6px}.top-ranking,.top-place{min-height:38px;padding:10px 11px;font-size:10px}.top-ranking span,.top-place span{display:none}.header-playing{order:3;justify-content:space-between;width:100%;margin:0;padding:0 2px}.current-ad h1{max-width:260px;font-size:13px}.playback-toggle{width:38px;height:38px}.wordmark{font-size:25px}.brand-icon{font-size:27px}.bottom-note{gap:10px;margin-top:auto;padding:26px 0 18px;font-size:9px;position:static}.bottom-note button{font-size:9px}.desktop-only{display:none}.drawer{padding:22px 20px 32px}.drawer-heading{top:-22px}h2{font-size:31px}.ranking-list li{gap:9px}.ranking-list img{width:47px;height:33px}.list-total{font-size:11px}.list-detail strong{font-size:12px}.row-actions{gap:9px}.field-pair{display:block}.steps span{gap:5px;font-size:10px}.toast{font-size:12px;line-height:1.5}.preview-scene{aspect-ratio:1.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.transitioning .incoming,.transitioning .outgoing{animation:none}.transitioning .outgoing{display:none}}.footer-actions{align-items:center;gap:16px;display:flex}.saved-work-list{gap:18px;margin-top:24px;display:grid}.saved-work-card{border:1px solid var(--line);background:#fffdf8;border-radius:10px;overflow:hidden}.saved-work-card>img{aspect-ratio:2.2;object-fit:contain;background:var(--cream);width:100%;display:block}.saved-work-card>div{padding:20px}.saved-work-card h3{margin:12px 0}.saved-work-card .secondary{min-height:44px;padding:12px 18px}@media (max-width:700px){.footer-actions{gap:10px}.bottom-note{font-size:8px}.bottom-note button{font-size:9px}.footer-actions{flex-wrap:wrap;justify-content:flex-end;max-width:74%}.footer-actions button{overflow-wrap:anywhere}}