@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2")}:root{--well:#0b0c0f;--bg:#111318;--panel:#15181e;--panel-raised:#1b1f27;--field:#0f1115;--field-hover:#13161c;--line:#ffffff12;--line-strong:#ffffff1f;--line-focus:#5884ff8c;--ink:#eef0f5;--ink-2:#aab1c2;--ink-3:#737b8f;--ink-4:#4c5364;--accent:#5884ff;--accent-ink:#fff;--accent-hover:#6b93ff;--accent-press:#4a74ea;--accent-tint:#5884ff24;--accent-tint-2:#5884ff38;--accent-ring:0 0 0 3px #5884ff47;--live:#34d399;--warn:#f5b04c;--danger:#ff6b6b;--danger-tint:#ff6b6b1f;--hover:#ffffff0b;--press:#ffffff14;--r-1:5px;--r-2:7px;--r-3:10px;--r-4:14px;--shadow-pop:0 1px 1px #0000004d, 0 8px 24px #00000073, 0 0 0 1px #ffffff0d;--shadow-well:0 1px 0 #ffffff0a, 0 24px 48px -12px #000000b3;--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.12s;--t-base:.18s;--checker-a:#2a2f3a;--checker-b:#1a1e26;--outline-hover:#20252e;font-feature-settings:"cv11", "ss01", "tnum";font-optical-sizing:auto;-webkit-font-smoothing:antialiased;color:var(--ink);color-scheme:dark;accent-color:var(--accent);caret-color:var(--accent);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12.5px;line-height:1.45}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--well:#e4e7ee;--bg:#eef0f4;--panel:#f9fafc;--panel-raised:#fff;--field:#f1f3f7;--field-hover:#eceef3;--line:#11162114;--line-strong:#11162124;--line-focus:#2563eb8c;--ink:#111621;--ink-2:#4b5364;--ink-3:#737b8f;--ink-4:#a6adbd;--accent:#2563eb;--accent-hover:#3b74f2;--accent-press:#1d4fd8;--accent-tint:#2563eb1a;--accent-tint-2:#2563eb2e;--accent-ring:0 0 0 3px #2563eb38;--hover:#1116210b;--press:#11162114;--shadow-pop:0 1px 2px #1118270f, 0 12px 28px #11182724, 0 0 0 1px #1118270d;--shadow-well:0 1px 0 #fff9, 0 20px 40px -12px #11182759;--checker-a:#e3e6ec;--checker-b:#fff;--outline-hover:#f2f4f8;color-scheme:light}}:root[data-theme=light]{--well:#e4e7ee;--bg:#eef0f4;--panel:#f9fafc;--panel-raised:#fff;--field:#f1f3f7;--field-hover:#eceef3;--line:#11162114;--line-strong:#11162124;--line-focus:#2563eb8c;--ink:#111621;--ink-2:#4b5364;--ink-3:#737b8f;--ink-4:#a6adbd;--accent:#2563eb;--accent-hover:#3b74f2;--accent-press:#1d4fd8;--accent-tint:#2563eb1a;--accent-tint-2:#2563eb2e;--accent-ring:0 0 0 3px #2563eb38;--hover:#1116210b;--press:#11162114;--shadow-pop:0 1px 2px #1118270f, 0 12px 28px #11182724, 0 0 0 1px #1118270d;--shadow-well:0 1px 0 #fff9, 0 20px 40px -12px #11182759;--checker-a:#e3e6ec;--checker-b:#fff;--outline-hover:#f2f4f8;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}::selection{background:var(--accent-tint-2);color:var(--ink)}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#fff3}:focus-visible{box-shadow:var(--accent-ring);outline:none}.editor{grid-template-rows:48px 1fr 28px;grid-template-areas:"top""work""status";display:grid;position:fixed;inset:0}.topbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 10px;display:grid}.topbar-left,.topbar-right{align-items:center;gap:4px;min-width:0;display:flex}.topbar-right{justify-content:flex-end}.topbar-center{border-radius:var(--r-3);background:var(--well);border:1px solid var(--line);align-items:center;gap:2px;padding:3px;display:flex}.brand{letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:9px;padding:0 8px 0 4px;font-size:13px;font-weight:600;display:flex}.brand-mark{color:#fff;background:linear-gradient(#3b74f2,#2563eb);border-radius:6px;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 1px #ffffff38,0 1px 2px #0006}.divider{background:var(--line-strong);width:1px;height:20px;margin:0 6px}.doc-name{border-radius:var(--r-2);max-width:260px;height:28px;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;padding:0 8px;font-weight:500;overflow:hidden}button.doc-name:hover{background:var(--hover);color:var(--ink)}.doc-name.editing{border-color:var(--line-focus);background:var(--field);width:220px;color:var(--ink);box-shadow:var(--accent-ring);outline:none}.btn{border-radius:var(--r-2);height:30px;color:var(--ink-2);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.btn svg{flex:none;width:15px;height:15px}.btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn:active:not(:disabled){background:var(--press);transform:translateY(.5px)}.btn:disabled{opacity:.38;cursor:default}.btn.icon{justify-content:center;width:30px;padding:0}.btn.sm{height:26px;padding:0 8px;font-size:12px}.btn.sm.icon{width:26px}.btn.xs{border-radius:var(--r-1);justify-content:center;width:22px;height:22px;padding:0}.btn.xs svg{width:13px;height:13px}.btn.outline{border-color:var(--line-strong);background:var(--panel-raised);color:var(--ink)}.btn.outline:hover:not(:disabled){border-color:var(--line-strong);background:var(--outline-hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000059}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.btn.primary:active:not(:disabled){background:var(--accent-press)}.btn.on{background:var(--accent-tint);color:var(--accent)}.btn.on:hover:not(:disabled){background:var(--accent-tint-2);color:var(--accent)}.btn.danger:hover:not(:disabled){background:var(--danger-tint);color:var(--danger)}.live-dot{background:var(--live);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #34d3992e}.kbd{background:var(--panel-raised);border:1px solid var(--line-strong);min-width:18px;height:18px;color:var(--ink-2);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.menu-anchor{position:relative}.menu{z-index:30;border-radius:var(--r-3);background:var(--panel-raised);min-width:200px;box-shadow:var(--shadow-pop);animation:menu-in var(--t-base) var(--ease-out);transform-origin:100% 0;padding:5px;position:absolute;top:calc(100% + 6px);right:0}.menu.left{transform-origin:0 0;left:0;right:auto}.menu.wide{min-width:340px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.menu-item{border-radius:var(--r-2);width:100%;height:30px;color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0 8px;display:flex}.menu-item svg{width:15px;height:15px;color:var(--ink-3)}.menu-item:hover,.menu-item:focus-visible{background:var(--hover)}.menu-item:hover svg{color:var(--ink)}.menu-item .kbd{margin-left:auto}.menu-item.danger:hover{background:var(--danger-tint);color:var(--danger)}.menu-sep{background:var(--line);height:1px;margin:5px 4px}.menu-label{color:var(--ink-3);padding:8px 8px 4px;font-size:11px;font-weight:500}.styles-grid{grid-template-columns:1fr 1fr;gap:5px;padding:3px;display:grid}.style-card{border-radius:var(--r-2);text-align:left;color:var(--ink);transition:background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;gap:6px;padding:6px;display:grid}.style-card:hover{background:var(--hover)}.style-card.on{border-color:var(--accent);background:var(--accent-tint)}.style-card canvas{aspect-ratio:16/9;background:#1c2230;border-radius:4px;width:100%;display:block}.style-card b{font-size:12px;font-weight:600}.style-card span{color:var(--ink-3);font-size:11px;line-height:1.35;display:block}.workspace{grid-area:work;grid-template-columns:256px 1fr 272px;min-height:0;display:grid}.panel{background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel.left{border-right:1px solid var(--line)}.panel.right{border-left:1px solid var(--line)}.panel-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.panel-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:36px;padding:0 8px 0 12px;display:flex}.panel-head h2{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-size:12px;font-weight:600;display:flex;overflow:hidden}.panel-head h2 svg{width:14px;height:14px;color:var(--ink-3)}.panel-head .count{color:var(--ink-3);font-weight:500}.section{border-bottom:1px solid var(--line);padding:10px 12px 12px}.section:last-child{border-bottom:none}.section:has(>.section-title:only-child){padding-bottom:8px}.section>.section-title:only-child{margin-bottom:0}.section-title{color:var(--ink-2);align-items:center;gap:8px;margin:0 0 8px;font-size:11.5px;font-weight:600;display:flex}.section-title .grow{flex:1}.row{grid-template-columns:68px 1fr;align-items:center;gap:8px;min-height:28px;margin-bottom:4px;display:grid}.row:last-child{margin-bottom:0}.row-label{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.row-control{align-items:center;gap:6px;min-width:0;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:4px 6px;margin-bottom:4px;display:grid}.field{border:1px solid var(--line);border-radius:var(--r-2);background:var(--field);width:100%;min-width:0;height:28px;transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);align-items:center;display:flex}.field:hover{border-color:var(--line-strong);background:var(--field-hover)}.field:focus-within{border-color:var(--line-focus);box-shadow:var(--accent-ring)}.field>svg,.field>.field-prefix{width:24px;color:var(--ink-4);flex:none;place-items:center;margin-left:2px;font-size:11px;font-weight:600;display:grid}.field>svg{width:13px;height:13px;margin:0 0 0 8px}.field input,.field select{font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:0 8px}.field input::placeholder{color:var(--ink-4)}.field select{appearance:none;cursor:pointer;padding-right:24px}.field .chev{pointer-events:none;color:var(--ink-3);width:13px;height:13px;position:absolute;right:8px}.field.select{position:relative}.field .unit{color:var(--ink-4);padding:0 8px 0 0;font-size:11px}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.slider{align-items:center;gap:8px;width:100%;display:flex}.slider .field{flex:none;width:60px}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;flex:1;min-width:0;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:1px;height:2px}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:1px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:12px;height:12px;transition:transform var(--t-fast);border:1px solid #00000080;border-radius:50%;margin-top:-5px;box-shadow:0 1px 2px #00000080}input[type=range]::-moz-range-thumb{background:var(--ink);border:1px solid #00000080;border-radius:50%;width:12px;height:12px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible{box-shadow:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--accent-ring)}.color{align-items:center;gap:6px;width:100%;display:flex}.swatch{border-radius:var(--r-2);border:1px solid var(--line-strong);background:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%, transparent 75%, var(--checker-a) 75%), linear-gradient(45deg, var(--checker-a) 25%, var(--checker-b) 25%, var(--checker-b) 75%, var(--checker-a) 75%);background-position:0 0,4px 4px;background-size:8px 8px;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.swatch:after{content:"";background:var(--swatch);position:absolute;inset:0}.swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color .field{flex:1}.color .field.alpha{flex:none;width:58px}.segmented{border-radius:var(--r-2);background:var(--field);border:1px solid var(--line);gap:1px;padding:2px;display:inline-flex}.segmented button{min-width:26px;height:22px;color:var(--ink-3);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:12px;font-weight:500;display:inline-flex}.segmented button svg{width:14px;height:14px}.segmented button:hover{color:var(--ink)}.segmented button.on{background:var(--panel-raised);color:var(--ink);box-shadow:0 1px 2px #0006, 0 0 0 1px var(--line-strong)}.segmented.grow{display:flex}.segmented.grow button{flex:1}.toggle-row{flex-wrap:wrap;gap:4px;display:flex}.switch{background:var(--ink-4);width:30px;height:18px;transition:background var(--t-base);border:none;border-radius:9px;flex:none;padding:0;position:relative}.switch:after{content:"";width:14px;height:14px;transition:transform var(--t-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(12px)}.profile-grid{gap:4px;display:grid}.logo-pick{align-items:center;gap:8px;display:flex}.logo-thumb{border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--field);object-fit:cover;width:36px;height:36px;color:var(--ink-4);flex:none;place-items:center;display:grid}.logo-thumb svg{width:16px;height:16px}.logo-pick .stack{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.logo-pick .stack b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.logo-pick .stack span{color:var(--ink-3);font-size:11px}.palette{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--r-2);background:var(--field);height:52px;color:var(--ink-2);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.tile svg{width:16px;height:16px;color:var(--ink-3);transition:color var(--t-fast)}.tile:hover{background:var(--panel-raised);border-color:var(--line-strong);color:var(--ink)}.tile:hover svg{color:var(--accent)}.tile:active{transform:scale(.97)}.layers{margin:0;padding:4px 6px;list-style:none}.layer{border-radius:var(--r-2);height:30px;color:var(--ink-2);transition:background var(--t-fast);align-items:center;gap:2px;padding-right:4px;display:flex}.layer:hover{background:var(--hover);color:var(--ink)}.layer.on{background:var(--accent-tint);color:var(--ink)}.layer.on .layer-fold{color:var(--ink-3);flex:none}.layer-fold svg{transition:transform var(--t-fast) var(--ease-out)}.layer-fold.closed svg{transform:rotate(-90deg)}.layer-fold-space{flex:none;width:22px}.layer-kind{color:var(--accent)}.layer.hidden{color:var(--ink-4)}.layer.dragging{opacity:.4}.layer.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.layer.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.layer.drop-into{box-shadow:inset 0 0 0 2px var(--accent)}.layer-main{border-radius:var(--r-2);min-width:0;height:100%;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0 4px 0 8px;display:flex}.layer-kind{width:14px;height:14px;color:var(--ink-3);flex:none}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.layer-name:first-letter{text-transform:uppercase}.layer .btn.xs{color:var(--ink-4);opacity:0;transition:opacity var(--t-fast), background var(--t-fast), color var(--t-fast)}.layer:hover .btn.xs,.layer.on .btn.xs,.layer .btn.xs.lit,.layer .btn.xs:focus-visible{opacity:1}.layer .btn.xs.lit{color:var(--ink-2)}.layer .btn.xs.layer-fold{opacity:1}.empty{text-align:center;color:var(--ink-3);padding:22px 16px;font-size:12px;line-height:1.5}.empty svg{width:22px;height:22px;color:var(--ink-4);margin-bottom:8px}.empty .btn svg{width:15px;height:15px;color:inherit;margin-bottom:0}.empty b{color:var(--ink-2);margin-bottom:2px;font-weight:600;display:block}.stage{background:var(--well);justify-content:center;align-items:center;min-width:0;min-height:0;padding:32px 56px;display:flex;position:relative}.stage-canvas{box-shadow:var(--shadow-well);touch-action:none;transition:box-shadow var(--t-base);background:#000;border-radius:6px;outline:none;display:block}.stage-canvas:focus-visible{box-shadow:var(--shadow-well), 0 0 0 1px var(--accent)}.stage-note{background:var(--panel-raised);height:28px;box-shadow:var(--shadow-pop);color:var(--ink-2);white-space:nowrap;animation:note-in var(--t-base) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 8px;font-size:12px;font-weight:500;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stage-note svg{width:14px;height:14px}.stage-note.warn svg{color:var(--warn)}.stage-note.err svg{color:var(--danger)}.stage-note .btn{height:22px;margin-left:4px;padding:0 8px}@keyframes note-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.stage-starting{pointer-events:none;color:#dfe3ec;backdrop-filter:blur(6px);animation:fade-in var(--t-base) var(--ease-out);background:#0b0c0f59;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:500;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.btn .loading{color:currentColor}.loading-mark{transform-origin:50%;animation:1.5s ease-in-out infinite loading-breath;display:block}.loading-bar{animation:1.15s ease-in-out infinite loading-pulse}.loading-bar.b1{animation-delay:0s}.loading-bar.b2{animation-delay:.14s}.loading-bar.b3{animation-delay:.28s}@keyframes loading-pulse{0%,to{opacity:.16}40%{opacity:1}}@keyframes loading-breath{0%,to{transform:scale(.92)}50%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-mark,.loading-bar{animation:none}.loading-bar{opacity:1}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.align-row{align-items:center;gap:2px;display:flex}.align-row .divider{margin:0 4px}.align-row .btn.sm.icon{color:var(--ink-2)}.inspector-actions{gap:2px;display:flex}.inspector-body{animation:inspect-in var(--t-base) var(--ease-out)}@keyframes inspect-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.shortcuts{gap:6px;padding:12px;display:grid}.shortcut{color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:flex}.shortcut span{flex:1}.shortcut .keys{gap:3px;display:flex}.statusbar{background:var(--panel);border-top:1px solid var(--line);color:var(--ink-3);font-variant-numeric:tabular-nums;grid-area:status;align-items:center;gap:14px;padding:0 12px;font-size:11.5px;display:flex}.statusbar .grow{flex:1}.statusbar b{color:var(--ink-2);font-weight:500}.statusbar .saved{align-items:center;gap:5px;display:inline-flex}.statusbar .saved svg{width:12px;height:12px;color:var(--live)}@media (width<=1100px){.workspace{grid-template-columns:232px 1fr 248px}.topbar .btn .label{display:none}}@media (width<=860px){html,body{overflow:auto}.editor{grid-template-rows:auto auto auto;min-height:100dvh;position:static}.topbar{grid-template-columns:1fr auto;grid-template-areas:"left right""center center";row-gap:8px;height:auto;padding:8px 10px}.topbar-left{grid-area:left}.topbar-right{grid-area:right}.topbar-center{grid-area:center;justify-self:stretch;overflow-x:auto}.workspace{grid-template-rows:auto auto auto;grid-template-columns:1fr}.panel.left,.panel.right{border:none;border-top:1px solid var(--line)}.panel-scroll{overflow:visible}.stage{order:-1;min-height:260px;padding:16px 20px}.statusbar{display:none}}.tour{z-index:60;position:fixed;inset:0}.tour-spot{border-radius:var(--r-3);box-shadow:0 0 0 9999px #080a0e9e, 0 0 0 2px var(--accent);transition:left var(--t-base) var(--ease-out), top var(--t-base) var(--ease-out), width var(--t-base) var(--ease-out), height var(--t-base) var(--ease-out);pointer-events:none;position:fixed}.tour-card{border-radius:var(--r-3);background:var(--panel-raised);width:320px;box-shadow:var(--shadow-pop);animation:menu-in var(--t-base) var(--ease-out);transition:left var(--t-base) var(--ease-out), top var(--t-base) var(--ease-out);padding:14px 16px;position:fixed}.tour-card.centred{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tour-count{letter-spacing:.02em;color:var(--ink-3);font-size:11px;font-weight:600}.tour-card h2{letter-spacing:-.01em;margin:0 0 6px;font-size:15px;font-weight:650}.tour-card p{color:var(--ink-2);margin:0 0 14px;font-size:13px;line-height:1.5}.tour-actions{align-items:center;gap:8px;display:flex}.tour-actions .grow{flex:1}.start{z-index:60;animation:fade-in var(--t-base) var(--ease-out);background:#080a0e9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.start-card{border-radius:var(--r-4);background:var(--panel-raised);width:min(720px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-pop);animation:menu-in var(--t-base) var(--ease-out);padding:20px 20px 16px;overflow-y:auto}.start-card h2{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:650}.start-card>p{max-width:60ch;color:var(--ink-2);margin:0 0 16px;font-size:13px;line-height:1.5}.start-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0 -6px;display:grid}.style-card .start-blank-thumb{aspect-ratio:16/9;border:1px dashed var(--line-strong);color:var(--ink-3);border-radius:4px;place-items:center;display:grid}.start-blank-thumb svg{width:22px;height:22px}.start-blank:hover .start-blank-thumb{border-color:var(--accent);color:var(--accent)}.start-foot{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.start-foot span{margin-left:auto}