:root{--bg:#efe4cf;--panel:#ffffffb8;--border:#0000001f;--text:#5b4a33;--muted:#8a7656;--accent:#c2703d;--field:#ffffffe6;--button:#0000000d;--button-hover:#0000001a;--sans:"Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--dot:"Doto Variable", "Geist Mono Variable", ui-monospace, monospace;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background .4s;overflow:hidden}#app{position:fixed;inset:0}#app canvas{cursor:grab;display:block}#app canvas:active{cursor:grabbing}.panel{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 85%, transparent), color-mix(in srgb, var(--panel) 50%, transparent));border:1px solid var(--edge,var(--border));-webkit-backdrop-filter:blur(28px)saturate(190%)brightness(1.04);backdrop-filter:blur(28px)saturate(190%)brightness(1.04);box-shadow:inset 0 1px 0 var(--hi,#ffffff80), inset 0 -1px 0 #0000000d, 0 18px 50px #0000002e;border-radius:22px;padding:16px;position:fixed}.drawer{background:var(--panel)}header.panel{width:384px;max-width:calc(100vw - 32px);top:16px;left:16px}h1{letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:600;display:flex}h1 span{color:var(--accent)}h1 a.home{color:inherit;text-decoration:none}.studio-tag{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 8px}form{gap:6px;display:flex}input,select,button{font:inherit;color:var(--text)}input,select{background:var(--field);border:1px solid var(--border);border-radius:12px;min-height:38px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}#username{min-width:0;font-family:var(--mono);flex:1;font-size:13px}button{cursor:pointer;background:var(--button);border:1px solid var(--border);transition:background .2s, transform .15s var(--ease), filter .2s;border-radius:999px;padding:8px 14px}button:hover{background:var(--button-hover)}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:var(--button)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}form button,button.primary{background:var(--accent);color:#fff;border-color:#0000;font-weight:600;box-shadow:inset 0 -2px #00000026}form button:hover,button.primary:hover{background:var(--accent);filter:brightness(1.08)}#status{color:var(--muted);font:12px var(--mono);min-height:1em;margin-top:10px}#status.error{color:#e5484d}.stats{min-width:230px;top:16px;right:16px}.stats .big{font:800 44px/1 var(--dot);color:var(--accent);letter-spacing:0}#totalLabel{font:12px var(--mono);margin:6px 0 10px}.stats .row{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:8px;padding-top:8px;display:flex}.stats .row span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.muted{color:var(--muted)}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;max-width:calc(100vw - 32px);padding:12px 14px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.controls label{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.controls input[type=range]{width:100px;min-height:0;accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;min-height:0}.styles,.tabs{background:var(--button);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;padding:4px;display:inline-flex}.styles{flex-basis:auto}.controls .styles{order:-1}.styles button,.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:550;display:inline-flex}.styles button:hover,.tabs button:hover{color:var(--text);background:var(--button-hover)}.styles button[aria-checked=true],.tabs button[aria-selected=true]{background:var(--text);color:var(--bg);box-shadow:0 2px 8px #00000026}.styles small,.pro-tag{font:600 9.5px/1 var(--mono);letter-spacing:.06em;background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent);border-radius:5px;padding:3px 5px}.styles button[aria-checked=true] small{background:color-mix(in srgb, var(--bg) 25%, transparent);color:var(--bg)}.player{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.player[hidden]{display:none}.play-btn{background:var(--accent);color:#fff;width:46px;height:46px;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 -2px 0 #00000026;border:0;border-radius:50%;flex:none;padding:0;font-size:15px}.play-btn:hover{background:var(--accent);filter:brightness(1.08)}.song-info{flex:1;gap:2px;min-width:0;display:grid}.song-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.song-meta{font:11.5px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#songSeek{width:100%;min-height:0;accent-color:var(--accent);margin:6px 0 2px;padding:0}.icon-btn{border-radius:50%;flex:none;width:36px;height:36px;padding:0;font-size:15px}.legend{color:var(--muted);font:11px var(--mono);align-items:center;gap:3px;display:flex}.legend i{border-radius:3px;width:11px;height:11px;display:inline-block}.legend i:first-of-type{margin-left:4px}.legend i:last-of-type{margin-right:4px}.themes{gap:6px;display:flex}.themes[hidden]{display:none}.themes button{border:2px solid var(--border);background:conic-gradient(var(--a) 0 50%, var(--b) 0);width:24px;height:24px;transition:transform .2s var(--ease), border-color .2s;border-radius:50%;padding:0}.themes button:hover{transform:scale(1.1)}.themes button[aria-pressed=true]{border-color:var(--text);transform:scale(1.15)}.drawer{z-index:4;width:min(390px,100vw - 32px);animation:slide-in .35s var(--ease);flex-direction:column;gap:4px;display:flex;top:16px;bottom:16px;right:16px;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}.drawer[hidden],body.drawer-open .stats{display:none}.drawer-head{justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.drawer h2{letter-spacing:-.01em;margin:0;font-size:17px}.drawer h3{font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.drawer section{border-top:1px solid var(--border);padding:16px 0 8px}.drawer section label{cursor:pointer;align-items:center;gap:8px;margin-bottom:9px;display:flex}.drawer label.range{justify-content:space-between}.drawer label.field{color:var(--muted);justify-content:space-between;font-size:13px}.drawer label.field[hidden]{display:none}.drawer input[type=range]{width:150px;min-height:0;accent-color:var(--accent);padding:0}.drawer button.icon{background:0 0;border:0;padding:6px 9px;font-size:15px}.hint{color:var(--muted);margin:0 0 10px;font-size:12.5px}.buttons{align-items:center;gap:8px;margin-bottom:8px;display:flex}.buttons a{color:var(--accent);font-size:13px;text-decoration:none}.buttons a:hover{text-decoration:underline}.tabs{margin-bottom:12px;display:flex}.tabs button{flex:1;justify-content:center;padding:7px 4px}.size{gap:8px;margin-bottom:8px;display:flex}.size[hidden]{display:none}.size label{color:var(--muted);flex-direction:column;flex:1;font-size:12px;align-items:stretch!important;gap:4px!important}.size input{width:100%;min-width:0;font-family:var(--mono);font-size:12.5px}#code{background:color-mix(in srgb, var(--text) 6%, var(--field));border:1px solid var(--border);font:12px/1.6 var(--mono);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:14px;margin:0 0 10px;padding:12px}#readmePreview{border:1px solid var(--border);border-radius:14px;width:100%}@media (width<=640px){header.panel{width:auto;right:16px}.stats{display:none}}body{--vp-bg:var(--panel);--vp-line:var(--border);--vp-text:var(--text);--vp-muted:var(--muted);--vp-hover:var(--button-hover);--vp-active-bg:var(--text);--vp-active-text:var(--bg)}.studio-pad{position:fixed;top:50%;right:16px;transform:translateY(-50%);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 85%, transparent), color-mix(in srgb, var(--panel) 50%, transparent))!important;border-color:var(--edge,var(--border))!important;-webkit-backdrop-filter:blur(28px)saturate(190%)!important;backdrop-filter:blur(28px)saturate(190%)!important;box-shadow:inset 0 1px 0 var(--hi,#ffffff80), 0 18px 50px #0000002e!important}.vp .vp-preview{color:var(--accent);font-weight:650}body.preview .vp-preview{display:none}body.drawer-open .studio-pad{opacity:0;pointer-events:none}.panel{transition:opacity .3s,visibility .3s}body.preview .panel{opacity:0;visibility:hidden}.exit-preview{z-index:5;left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);animation:rise .35s var(--ease);align-items:center;gap:8px;padding:11px 18px;font-weight:600;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px #0000002e}.exit-preview:hover{background:var(--panel);filter:brightness(1.04)}.exit-preview:active{transform:translate(-50%)scale(.97)}.exit-preview[hidden]{display:none}.exit-preview svg{width:16px;height:16px}@keyframes rise{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.controls-row,.more{display:contents}.more-toggle{display:none}@media (width<=640px){header.panel{top:max(10px, env(safe-area-inset-top));border-radius:18px;padding:12px;left:10px;right:10px}h1{margin-bottom:8px;font-size:15px}input,select{min-height:36px;padding:6px 10px}form button{padding:6px 14px}#status{margin-top:6px;font-size:11px}.player{gap:10px;margin-top:10px;padding-top:10px}.play-btn{width:38px;height:38px;font-size:13px}#songSeek{margin:4px 0 0}.controls{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border-radius:20px;gap:10px;max-width:none;padding:10px;display:grid;transform:none}.controls .styles{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;display:flex;overflow-x:auto}.controls .styles::-webkit-scrollbar{display:none}.styles button{flex:none;padding:7px 11px}.controls-row{align-items:center;gap:8px;display:flex}.controls .themes{scrollbar-width:none;flex:1;min-width:0;padding:4px 2px;overflow-x:auto}.controls .themes button{flex:none}.more-toggle{flex:none;gap:4px;padding:7px 12px;font-size:13px;display:inline-flex}.more-toggle span{transition:transform .25s var(--ease)}.controls.open .more-toggle span{transform:rotate(180deg)}.more{display:none}.controls.open .more{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;padding-top:10px;display:flex}#openDrawer{justify-content:center;width:100%;padding:10px}.studio-pad{right:10px}.drawer{width:auto;inset:10px}}.brand-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.home-btn{color:var(--text);background:var(--button);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.home-btn:hover{background:var(--button-hover)}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.brand>span:last-child{color:var(--accent)}.brand-mark{align-items:flex-end;gap:2px;height:15px;display:inline-flex}.brand-mark i{background:var(--accent);border-radius:1.5px;width:4px}.brand-mark i:first-child{opacity:.55;height:7px}.brand-mark i:nth-child(2){opacity:.8;height:11px}.brand-mark i:nth-child(3){height:15px}.progress{z-index:3;border-radius:999px;width:min(620px,100vw - 32px);padding:8px 8px 8px 12px;top:16px;left:50%;transform:translate(-50%)}.progress .guide{flex:1}.guide{align-items:center;margin:0;padding:0;list-style:none;display:flex;position:relative}.guide li{flex:auto;align-items:center;min-width:0;display:flex}.guide li:last-child{flex:none}.guide li:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--accent) 50%, var(--border) 50%) right / 200% 100% no-repeat;min-width:14px;height:2px;transition:background-position .5s var(--ease);border-radius:2px;flex:18px;margin:0 10px}.guide li[data-done]:not(:last-child):after{background-position:0}.guide button{text-align:left;white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:5px 10px 5px 5px;transition:background .2s,color .2s;display:flex}.guide button:hover{background:var(--button);color:var(--text)}.guide button[aria-expanded=true]{background:var(--button-hover);color:var(--text)}.guide button>span{line-height:1.15;display:grid}.guide strong{font-size:13px;font-weight:600}.guide small{color:var(--muted);font-size:11px}.guide b{width:28px;height:28px;font:700 12px/1 var(--mono);color:var(--muted);background:var(--field);border:1.5px solid var(--border);border-radius:50%;flex:none;place-items:center;transition:background .3s,color .3s,border-color .3s,box-shadow .3s;display:grid;position:relative}.guide button[data-next]{color:var(--text)}.guide button[data-next] b{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent);animation:2.2s ease-in-out infinite beckon}.guide button[data-done]{color:var(--text)}.guide button[data-done] b{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--field));border-color:color-mix(in srgb, var(--accent) 45%, transparent);font-size:0}.guide button[data-done] b:after,.guide button[data-locked] b:after{content:"";width:14px;height:14px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor}.guide button[data-done] b{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.guide button[data-locked] b{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='2'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");font-size:0}.guide button[data-locked] b:after{width:12px;height:12px}@keyframes beckon{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 6%, transparent)}}.pop{text-align:left;background:var(--bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);width:min(360px,100vw - 32px);animation:pop-in .3s var(--ease);border-radius:18px;gap:10px;padding:16px;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 60px #00000038}.pop:before{content:"";top:-7px;left:clamp(20px, var(--x), calc(100% - 20px));background:var(--bg);border-left:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.pop[hidden]{display:none}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}}.pop-head{align-items:baseline;gap:8px;display:flex}.pop-step{font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.pop-head b{font-size:15px}.pop-x{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:2px 6px}.pop p{color:var(--muted);margin:0;font-size:13px}.pop-actions{flex-wrap:wrap;gap:6px;display:flex}.pop-actions button{padding:7px 12px;font-size:13px}.pop-actions button[aria-pressed=true]{background:var(--text);color:var(--bg)}.pop-actions small{font:600 9px/1 var(--mono);opacity:.7}.pop-next{margin-left:auto;font-weight:600;color:var(--accent)!important;background:0 0!important;border:0!important}.pop-form{gap:6px;width:100%;margin:0;display:flex}.pop-form input{min-width:0;font-family:var(--mono);flex:1;font-size:13px}@media (width<=1240px){header.panel,.stats{top:92px}.studio-pad{top:calc(50% + 60px)}}.form-row-gap{display:none}form{margin-top:10px}.nudge{animation:nudge .9s var(--ease)}@keyframes nudge{30%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 35%, transparent)}}.share-step h3{align-items:center;gap:8px;display:flex;font:600 14px/1.2 var(--sans)!important;text-transform:none!important;letter-spacing:-.01em!important;color:var(--text)!important}.share-step h3 b{width:22px;height:22px;font:700 11px/1 var(--mono);color:#fff;background:var(--accent);border-radius:50%;place-items:center;display:grid}.dests{gap:6px;margin-bottom:10px;display:grid}.dests button{text-align:left;background:var(--field);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.dests button svg{width:22px;height:22px;color:var(--muted);flex:none}.dests button span{gap:1px;display:grid}.dests button b{font-weight:600}.dests button small{color:var(--muted);font-size:12px}.dests button[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.dests button[aria-checked=true] svg{color:var(--accent)}.kinds{margin-bottom:4px}.kinds[hidden]{display:none}.howto{gap:8px;margin:10px 0 0;padding-left:20px;font-size:13.5px;display:grid}.howto li::marker{color:var(--accent);font-weight:700}.drawer label.field select{min-height:34px}.howto-pic{background:color-mix(in srgb, var(--text) 5%, var(--field));border:1px solid var(--border);border-radius:14px;place-items:center;padding:14px;display:grid}.pic-site,.pic-readme{color:#1f2328;background:#fff;border:1px solid #0000001f;border-radius:10px;width:100%;max-width:280px;font-size:11px;overflow:hidden}.pic-bar{background:#f3f4f6;border-bottom:1px solid #00000014;align-items:center;gap:5px;padding:6px 8px;display:flex}.pic-bar i{background:#d0d4da;border-radius:50%;width:6px;height:6px}.pic-bar span{font-family:var(--mono);color:#8a8f98;margin-left:6px}.pic-pencil{font-size:12px;color:#2f7cf6!important;margin-left:auto!important}.pic-body{gap:5px;padding:10px;display:grid}.pic-body b{background:#1f2328;border-radius:3px;width:50%;height:9px;display:block}.pic-readme .pic-body b{background:0 0;border-bottom:1px solid #e5e7eb;width:auto;height:auto;padding-bottom:4px;font-size:13px}.pic-body i{background:#e5e7eb;border-radius:3px;height:5px}.pic-body i.short{width:60%}.pic-slot{height:58px;font:600 10.5px/1 var(--mono);color:var(--accent);border:1.5px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:8px;place-items:center;margin-top:4px;animation:2.4s ease-in-out infinite slot;display:grid}@keyframes slot{50%{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.pic-chat{justify-items:end;gap:5px;width:100%;max-width:260px;display:grid}.pic-msg{color:#fff;background:#2f7cf6;border-radius:14px 14px 4px;padding:7px 11px;font-size:12px}.pic-link{font:11px var(--mono);color:#1f2328;border:1.5px dashed var(--accent);background:#e9e9ee}.fine{border-top:1px solid var(--border);padding:12px 0 4px}.fine summary{cursor:pointer;color:var(--muted);align-items:center;gap:8px;font-weight:600;list-style:none;display:flex}.fine summary:before{content:"▸";transition:transform .2s}.fine[open] summary:before{transform:rotate(90deg)}.fine summary::-webkit-details-marker{display:none}.fine section:first-of-type{border-top:0}.pic-slot.has-img{background:var(--bg);border-style:solid;height:auto;min-height:58px;padding:0;animation:none;overflow:hidden}.pic-slot.has-img.light{background:#fff}.pic-slot img{width:100%;height:auto;display:block}.pic-card{color:#1f2328;background:#e9e9ee;border-radius:14px 14px 4px;gap:2px;width:220px;padding:0 0 8px;display:grid;overflow:hidden}.pic-card img{aspect-ratio:1.7;object-fit:cover;width:100%;margin-bottom:4px;display:block}.pic-card b,.pic-card small{padding:0 10px}.pic-card small{font:10px var(--mono);color:#777}.drawer.is-done>.share-step,.drawer.is-done>.fine{display:none}.done{animation:pop-in .4s var(--ease);gap:12px;padding-top:8px;display:grid;border:0!important}.done[hidden]{display:none}.done-check{color:#fff;background:var(--accent);width:52px;height:52px;box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 40%, transparent);animation:pop-check .5s var(--ease);border-radius:50%;place-items:center;font-size:24px;display:grid}@keyframes pop-check{0%{transform:scale(.4)}}.done-title{font:650 20px/1.2 var(--sans)!important;text-transform:none!important;letter-spacing:-.02em!important;color:var(--text)!important;margin:0!important}.done-preview{background:color-mix(in srgb, var(--text) 5%, var(--field));border:1px solid var(--border);border-radius:14px;place-items:center;padding:14px;display:grid}.done-made{grid-template-columns:1fr 1fr;gap:6px;display:grid}.done-made span{background:var(--field);border:1px solid var(--border);border-radius:10px;gap:2px;padding:8px 10px;display:grid}.done-made small{font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.done-made b{font-size:13px}.done h4{font:500 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0 0}.done .howto{margin:0}.done .pill{border:1px solid var(--border);border-radius:999px;padding:8px 14px;display:inline-flex;color:var(--text)!important;text-decoration:none!important}.done-close{justify-content:center;width:100%;padding:11px}@media (width<=640px){.progress{top:max(10px, env(safe-area-inset-top));width:auto;padding:8px;left:10px;right:10px;transform:none}header.panel{top:82px!important}.pop{width:calc(100vw - 20px)}}.guide button[data-locked]{opacity:.45}.guide button[data-locked] b{font-size:0}.guide button[data-locked] b:after{content:"🔒";filter:grayscale();font-size:10px}#openDrawer[data-locked]{opacity:.55}.pop p.pop-warn{color:var(--text);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:10px;padding:8px 10px}.progress{align-items:center;gap:14px;display:flex}.preview-top{color:var(--text);background:var(--button);border:1px solid var(--border);flex:none;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.preview-top:hover{background:var(--button-hover)}.preview-top svg{width:16px;height:16px;color:var(--accent)}.progress:before{content:"";background:var(--border);order:1;width:1px;height:26px}.preview-top{order:2}@media (width<=1100px){.guide small{display:none}}@media (width<=640px){.progress{border-radius:22px;padding:6px 6px 6px 8px}.guide strong{display:none}.guide button[data-next] strong,.guide button[aria-expanded=true] strong{font-size:12px;display:block}.guide li:not(:last-child):after{min-width:6px;margin:0 4px}.preview-top{gap:0;padding:8px 10px;font-size:0}.preview-top svg{width:18px;height:18px}}.paywall{--gold-1:#ffe29a;--gold-2:#e9b44c;width:min(880px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--text);background:var(--bg);border:0;border-radius:26px;padding:0;overflow:auto;box-shadow:0 40px 120px #00000073}.paywall[open]{animation:pay-in .4s var(--ease);grid-template-columns:1fr 1.05fr;display:grid}.paywall::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0505088c}@keyframes pay-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.pay-x{z-index:1;width:34px;height:34px;padding:0;position:absolute;top:12px;right:12px}.pay-media{background:#0b0b10;min-height:320px;position:relative}.pay-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pay-ready{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0e80;border:1px solid #fff3;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;position:absolute;bottom:16px;left:16px}.pay-body{align-content:start;gap:12px;padding:28px 26px 22px;display:grid}.pay-kicker{font:700 11px/1 var(--mono);letter-spacing:.08em;color:#2a1b04;background:linear-gradient(180deg, var(--gold-1), var(--gold-2));border-radius:999px;justify-self:start;padding:6px 9px;box-shadow:0 0 18px #e9b44c73}.pay-body h2{letter-spacing:-.03em;margin:0;font-size:28px}.pay-lead{color:var(--muted);margin:-4px 0 2px}.pay-plans{gap:8px;display:grid}.pay-plans button{text-align:left;background:var(--field);border:1.5px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.pay-plans button[aria-checked=true]{border-color:var(--gold-2);box-shadow:0 0 0 4px #e9b44c33}.pp-name{gap:2px;display:grid}.pp-name b{font-size:15px}.pp-name small{color:var(--muted);font-size:12.5px}.pp-price{justify-items:end;line-height:1.1;display:grid}.pp-price b{font:700 20px/1 var(--sans);letter-spacing:-.02em}.pp-price small{color:var(--muted);font-size:11.5px}.pp-price s{color:var(--muted);opacity:.7;font-size:11px}.pp-tag{font:700 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#2a1b04;background:linear-gradient(180deg, var(--gold-1), var(--gold-2));border-radius:999px;padding:4px 7px;position:absolute;top:-9px;left:14px}.pay-billed{min-height:1.4em;color:var(--muted);margin:-2px 0 0;font-size:12.5px}.pay-steps{color:var(--muted);gap:14px;margin:2px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.pay-steps li{align-items:center;gap:6px;display:flex}.pay-steps b{width:18px;height:18px;font:700 10px/1 var(--mono);background:var(--button);border-radius:50%;place-items:center;display:grid}.pay-steps li.on{color:var(--text)}.pay-steps li.on b{color:#fff;background:var(--accent)}.google-btn{color:#1f1f1f;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:15px;font-weight:600;display:flex;box-shadow:0 1px 2px #00000014}.google-btn:hover{background:#f8f9fa}.google-btn svg{width:20px;height:20px}.pay-note{text-align:center;color:var(--muted);margin:0;font-size:12px}.pay-note.pay-warn{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent);text-align:left;border-radius:12px;padding:10px}@media (width<=720px){.paywall[open]{grid-template-columns:1fr}.pay-media{min-height:180px}.pay-body{padding:20px 16px 18px}}.pay-country{color:var(--muted);justify-self:start;align-items:center;gap:8px;margin:-2px 0 2px;padding:7px 12px;font-size:13px;display:inline-flex}.pay-country b{color:var(--text);font-weight:600}.pay-country span:first-child{font-size:16px;line-height:1}.account{align-items:center;min-width:28px;min-height:28px;display:inline-flex}.signin-btn{color:#fff;background:var(--accent);border-color:#0000;padding:6px 12px;font-size:12.5px;font-weight:600}.signin-btn:hover{background:var(--accent);filter:brightness(1.08)}.brand-row .studio-tag{margin-left:auto}.plan-chip{color:var(--muted);padding:5px 10px;font-size:11.5px;font-weight:600}.plan-chip b{color:var(--accent)}.plan-chip[hidden]{display:none}.plan-chip[data-pro]{color:#2a1b04;cursor:default;background:linear-gradient(#ffe29a,#e9b44c);border-color:#0000}.brand-row{flex-wrap:nowrap}.brand-row:has(.plan-chip:not([hidden])) .studio-tag{display:none}.brand-row .plan-chip{margin-left:auto}