:root{--canvas:#fff;--canvas-soft:#fafafa;--canvas-soft-2:#f5f5f5;--ink:#171717;--body:#4d4d4d;--mute:#888;--hairline:#ebebeb;--hairline-strong:#a1a1a1;--cyan:#50e3c2;--blue:#007cf0;--violet:#7928ca;--brand:#3ecf8e;--pink:#ff0080;--amber:#f9cb28;--error:#e00;--shadow-1:0 0 0 1px #00000014 inset, 0 1px 1px #00000008, 0 2px 2px #0000000a;--shadow-2:0 0 0 1px #00000014 inset, 0 2px 2px #0000000a, 0 8px 16px -4px #00000014;--track-bg:#d4d4d4}[data-theme=dark]{--canvas:#0a0a0a;--canvas-soft:#141414;--canvas-soft-2:#1f1f1f;--ink:#fff;--body:#a3a3a3;--mute:#737373;--hairline:#333;--hairline-strong:#404040;--shadow-1:0 0 0 1px #ffffff1a inset, 0 1px 1px #00000080, 0 2px 2px #00000080;--shadow-2:0 0 0 1px #ffffff1a inset, 0 2px 2px #00000080, 0 8px 16px -4px #000c;--track-bg:#333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas-soft);color:var(--ink);margin:0;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.48}img{max-width:100%}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{box-shadow:var(--shadow-1);border-radius:8px}.topbar-meta{color:var(--body);align-items:center;gap:8px;font-size:13px;display:flex}.topbar-meta span{border:1px solid var(--hairline);background:var(--canvas);border-radius:999px;align-items:center;min-height:28px;padding:0 10px;display:inline-flex}.hero-band{background:var(--canvas);border-bottom:1px solid var(--hairline);padding:56px 24px 28px;position:relative;overflow:hidden}.mesh-gradient{filter:blur(28px);pointer-events:none;background:radial-gradient(circle at 22%,#007cf057,#0000 28%),radial-gradient(circle at 43% 34%,#00dfd857,#0000 30%),radial-gradient(circle at 63% 46%,#7928ca47,#0000 31%),radial-gradient(circle at 78% 38%,#ff00804d,#0000 32%),radial-gradient(circle at 60% 72%,#f9cb2847,#0000 34%);height:300px;position:absolute;inset:-42% -12% auto}.mesh-gradient-video{filter:blur(28px);pointer-events:none;background:radial-gradient(circle at 20%,#7928ca57,#0000 28%),radial-gradient(circle at 40% 34%,#ff008057,#0000 30%),radial-gradient(circle at 60% 46%,#f9cb2847,#0000 31%),radial-gradient(circle at 80% 38%,#ee00004d,#0000 32%);height:300px;position:absolute;inset:-42% -12% auto}.hero-copy{text-align:center;width:min(980px,100%);margin:0 auto;position:relative}.eyebrow{color:var(--mute);letter-spacing:0;margin:0 0 8px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:16px}.hero-copy h1{letter-spacing:-2.4px;margin:0;font-size:clamp(42px,8vw,72px);font-weight:600;line-height:.96}.hero-copy p:last-child{width:min(680px,100%);color:var(--body);margin:18px auto 0;font-size:18px;line-height:28px}.workspace-band,.output-band{padding:24px}.workspace-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;width:min(1400px,100%);margin:0 auto;display:grid}.stage-panel,.control-panel,.sprite-card,.empty-output{background:var(--canvas);box-shadow:var(--shadow-1);border-radius:8px}.stage-panel{overflow:hidden}.dropzone{background-color:#0000;background-image:linear-gradient(45deg,#00000008 25%,#0000 25%),linear-gradient(-45deg,#00000008 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000008 75%),linear-gradient(-45deg,#0000 75%,#00000008 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;min-height:520px;padding:18px;display:grid}.dropzone.is-loaded{align-items:stretch;padding:0}.empty-state{text-align:center;justify-items:center;gap:20px;width:min(520px,100%);display:grid}.empty-state h2,.control-panel h2,.section-heading h2{letter-spacing:-1.28px;margin:0;font-size:32px;font-weight:600;line-height:40px}.empty-state p:not(.eyebrow),.empty-output p{color:var(--body);margin:8px 0 0;font-size:15px;line-height:22px}.canvas-wrap{border-radius:6px 6px 0 0;place-items:center;width:100%;height:min(72vh,760px);display:grid;overflow:auto}.canvas-wrap.checker-bg{background-color:#fff;background-image:linear-gradient(45deg,#0000000e 25%,#0000 25%),linear-gradient(-45deg,#0000000e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0000000e 75%),linear-gradient(-45deg,#0000 75%,#0000000e 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.canvas-wrap.solid-bg{background:var(--preview-bg)}.canvas{width:auto;max-width:100%;height:auto;max-height:72vh;box-shadow:var(--shadow-1);background-color:#0000;border-radius:6px 6px 0 0;display:block}.canvas.manual{cursor:crosshair}.stage-footer{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.stage-footer strong,.stage-footer span{display:block}.stage-footer strong{text-overflow:ellipsis;white-space:nowrap;max-width:520px;font-size:14px;font-weight:500;overflow:hidden}.stage-footer span{color:var(--body);margin-top:2px;font-size:13px}.stage-actions,.button-row,.output-actions{flex-wrap:wrap;gap:8px;display:flex}.control-panel{padding:18px;position:sticky;top:88px}.panel-header,.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.status-pill{border:1px solid var(--hairline);min-height:30px;color:var(--body);background:var(--canvas-soft);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mode-switch{background:var(--canvas-soft-2);border:1px solid var(--hairline);z-index:1;border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:4px;margin:18px 0;padding:4px;display:grid;position:relative}.mode-switch:before{content:"";background:var(--canvas);z-index:-1;border-radius:6px;width:calc(33.3333% - 5.333px);height:calc(100% - 8px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:inset 0 0 0 1px #00000014,0 1px 1px #0000000a}.mode-switch.is-manual:before{transform:translate(calc(100% + 4px))}.mode-switch.is-grid:before{transform:translate(calc(200% + 8px))}.mode-switch button{min-height:38px;color:var(--body);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;transition:color .25s;display:inline-flex}.mode-switch button.is-active{color:var(--ink)}.background-panel{border:1px solid var(--hairline);background:var(--canvas-soft);border-radius:8px;gap:12px;margin-bottom:18px;padding:14px;display:grid}.subpanel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.subpanel-header .eyebrow{margin-bottom:0}.mini-state{border:1px solid var(--hairline);min-height:26px;color:var(--body);background:var(--canvas);border-radius:999px;align-items:center;padding:0 9px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;display:inline-flex}.mini-state.ok{color:#0761d1;background:#d3e5ff;border-color:#b8d6ff}.mini-state.warn{color:#ab570a;background:#ffefcf;border-color:#f5d493}.control-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{color:var(--body);gap:6px;font-size:13px;line-height:18px;display:grid}input{width:100%;min-height:40px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:6px;outline:none;padding:0 10px}input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #17171714}.custom-select{width:100%;position:relative}.select-trigger{width:100%;min-height:40px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);cursor:pointer;font-size:inherit;border-radius:6px;outline:none;justify-content:space-between;align-items:center;padding:0 10px;transition:border-color .16s,box-shadow .16s;display:flex}.select-trigger:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px #17171714}.export-format-select .select-trigger{border-radius:100px;justify-content:center;gap:6px}.select-icon{color:var(--body)}.select-dropdown{background:var(--canvas);border:1px solid var(--hairline);width:100%;box-shadow:var(--shadow-2);z-index:50;border-radius:8px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.select-option{cursor:pointer;color:var(--body);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;transition:background .16s,color .16s;display:flex}.select-option:hover{background:var(--canvas-soft-2);color:var(--ink)}.select-option.selected{color:var(--ink);background:var(--canvas-soft);font-weight:500}.check-icon{color:var(--ink)}.slider-field{gap:8px;margin-top:14px;display:grid}.background-panel .slider-field{margin-top:0}.slider-field>div{color:var(--body);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.slider-field span{color:var(--ink);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}input[type=range]{appearance:none;background-color:var(--track-bg);background-image:linear-gradient(var(--brand), var(--brand));background-repeat:no-repeat;border-radius:999px;outline:none;width:100%;height:4px;min-height:auto;margin:6px 0;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--canvas);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 3px #0000001a}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;width:100%;height:4px}input[type=range]::-moz-range-thumb{background:var(--canvas);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0000001a}input[type=range]::-moz-range-track{background:0 0;border-radius:999px;width:100%;height:4px}.preview-row{justify-content:flex-start;align-items:center;gap:16px;margin-top:2px;display:flex}.preview-row>span{color:var(--body);align-items:center;gap:6px;font-size:13px;display:inline-flex}.swatch-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.swatch{border:1px solid var(--hairline-strong);cursor:pointer;border-radius:999px;width:20px;height:20px;box-shadow:0 0 0 2px #0000}.swatch.is-active{box-shadow:0 0 0 2px var(--canvas), 0 0 0 4px var(--ink)}.checker-swatch{background-color:#fff;background-image:linear-gradient(45deg,#d6d6d6 25%,#0000 25%),linear-gradient(-45deg,#d6d6d6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d6d6d6 75%),linear-gradient(-45deg,#0000 75%,#d6d6d6 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.toggle-row{border:1px solid var(--hairline);background:var(--canvas-soft);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:16px;padding:14px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{color:var(--ink);font-weight:500}.toggle-row small{color:var(--mute);margin-top:2px}.toggle-row input{width:18px;min-height:18px}.action-stack{gap:12px;margin-top:24px;margin-bottom:24px;display:grid}.action-stack.compact{margin-top:16px}.button-primary,.button-secondary,.button-zip,.icon-button{text-transform:capitalize;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:14px;font-weight:500;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button-primary{color:var(--canvas);background:var(--ink);box-shadow:var(--shadow-1)}.button-secondary{color:var(--ink);background:var(--canvas-soft-2);box-shadow:var(--shadow-1)}.button-secondary:hover:not(:disabled){background:var(--canvas-soft)}.button-zip{color:#fff;box-shadow:var(--shadow-1);background:#06c;border:none}.button-zip:hover:not(:disabled){background:#0052a3}.button-primary:hover:not(:disabled),.button-secondary:hover:not(:disabled),.button-zip:hover:not(:disabled),.icon-button:hover:not(:disabled),.theme-toggle-btn:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.button-primary.small,.button-secondary.small,.button-zip.small{min-height:36px;padding:0 12px}.button-primary.wide,.button-secondary.wide,.button-zip.wide{width:100%}.divider{background:var(--hairline);height:1px;margin:18px 0}.rename-panel{gap:12px;display:grid}.rename-panel h3{letter-spacing:-.6px;margin:0;font-size:20px;font-weight:600;line-height:28px}.metric-list{border:1px solid var(--hairline);background:var(--hairline);border-radius:8px;gap:1px;margin-top:18px;display:grid;overflow:hidden}.metric-list div{background:var(--canvas);justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:0 12px;display:flex}.metric-list span{color:var(--body);font-size:13px}.metric-list strong{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400}.status-line{min-height:40px;color:var(--body);margin:14px 0 0;font-size:13px;line-height:20px}.output-band{width:min(1400px,100%);margin:0 auto;padding-top:8px;padding-bottom:64px}.section-heading{margin-bottom:16px}.sprite-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:12px;display:grid}.sprite-card{gap:12px;padding:12px;display:grid;position:relative}.sprite-preview{aspect-ratio:1;border:1px solid var(--hairline);background-color:#0000;background-image:linear-gradient(45deg,#0000000a 25%,#0000 25%),linear-gradient(-45deg,#0000000a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0000000a 75%),linear-gradient(-45deg,#0000 75%,#0000000a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:6px;place-items:center;display:grid;overflow:hidden}.sprite-preview img{object-fit:contain;image-rendering:auto;width:min(78%,156px);height:min(78%,156px)}.sprite-meta{color:var(--body);justify-content:space-between;align-items:center;gap:6px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;display:flex}.sprite-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.manual-chip{color:var(--pink)}.icon-button{width:34px;min-height:34px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:999px;padding:0;position:absolute;top:18px;right:18px;box-shadow:0 2px 4px #0000001a}.empty-output{align-items:center;gap:14px;min-height:112px;padding:24px;display:flex}.empty-output h3{letter-spacing:-.6px;margin:0;font-size:20px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-card-btn{border:1px solid var(--hairline);background:var(--canvas);cursor:pointer;text-align:left;border-radius:40px;flex-direction:column;align-items:flex-start;padding:20px 24px;transition:border-color .15s,background .15s;display:flex}.demo-card-btn:hover{background:var(--canvas-soft);border-color:var(--hairline-strong)}.input-with-unit{background:var(--canvas);border:1px solid var(--hairline);border-radius:6px;align-items:center;width:58px;height:32px;transition:border-color .15s;display:inline-flex}.input-with-unit:focus-within{border-color:var(--hairline-strong)}.input-with-unit input{min-width:0;height:100%;box-shadow:none;color:var(--ink);font-family:var(--font-mono), monospace;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0 2px 0 4px;font-size:13px}.input-with-unit input:focus,.input-with-unit input:focus-visible{box-shadow:none!important;outline:none!important}.input-with-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-with-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-unit .unit{color:var(--mute);pointer-events:none;-webkit-user-select:none;user-select:none;padding-right:4px;font-size:12px}.tooltip-wrap{cursor:help;color:var(--muted);align-items:center;display:inline-flex;position:relative}.tooltip-wrap:after{content:attr(data-tooltip);background:var(--ink);color:var(--canvas);white-space:normal;text-align:center;opacity:0;visibility:hidden;pointer-events:none;z-index:100;border-radius:6px;width:max-content;max-width:220px;padding:6px 10px;font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tooltip-wrap.multiline:after{white-space:pre-line;text-align:left;max-width:280px}.tooltip-wrap:before{content:"";border-style:solid;border-width:4px;border-color:var(--ink) transparent transparent transparent;opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tooltip-wrap:hover:after,.tooltip-wrap:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(-2px)}.tooltip-align-right:after{text-align:left;width:190px;left:-90px;transform:none}.tooltip-align-right:hover:after{transform:translateY(-2px)}.tooltip-align-right:before{left:7px}.vercel-checkbox{appearance:none;border:1px solid var(--hairline-strong);background-color:var(--canvas);cursor:pointer;box-sizing:border-box;border-radius:4px;outline:none;flex-grow:0;flex-shrink:0;margin:0;transition:background-color .15s,border-color .15s;position:relative;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important}.vercel-checkbox:checked{background-color:var(--ink);border-color:var(--ink)}.vercel-checkbox:checked:after{content:"";border:solid var(--canvas);border-width:0 1.5px 1.5px 0;width:4px;height:8px;margin-top:-1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.vercel-checkbox:focus-visible{box-shadow:0 0 0 2px var(--canvas), 0 0 0 4px #17171733;outline:none}.vercel-checkbox:focus{outline:none}@media (max-width:1080px){.workspace-grid{grid-template-columns:1fr}.control-panel{position:static}}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:64px;padding:12px 16px}.topbar-meta{width:100%;overflow-x:auto}.hero-band,.workspace-band,.output-band{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:44px}.hero-copy p:last-child{font-size:16px;line-height:24px}.dropzone{min-height:420px;padding:12px}.stage-footer,.section-heading,.panel-header{flex-direction:column;align-items:stretch}.control-group,.sprite-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--canvas-soft)}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border:2px solid var(--canvas-soft);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--mute)}*{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) var(--canvas-soft)}.settings-details{border:1px solid var(--hairline);background:var(--canvas-soft);border-radius:8px;width:100%;transition:all .2s;overflow:hidden}.settings-details[open]{overflow:visible}.settings-details summary{cursor:pointer;color:var(--body);-webkit-user-select:none;user-select:none;border-top-left-radius:7px;border-top-right-radius:7px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;list-style:none;display:flex}.settings-details summary::-webkit-details-marker{display:none}.settings-details summary:hover{background:var(--canvas-soft-2)}.settings-details summary .chevron{color:var(--mute);margin-left:auto;transition:transform .2s}.settings-details[open] summary .chevron{transform:rotate(180deg)}.settings-details .settings-content{border-top:1px solid var(--hairline);background:var(--canvas);border-bottom-right-radius:7px;border-bottom-left-radius:7px;flex-direction:column;gap:16px;padding:14px;display:flex}.ai-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0000008c;place-items:center;animation:.25s ai-fadeIn;display:grid;position:fixed;inset:0}@keyframes ai-fadeIn{0%{opacity:0}to{opacity:1}}.ai-overlay-card{background:var(--canvas);text-align:center;width:90vw;max-width:380px;box-shadow:0 24px 48px #00000026, 0 0 0 1px var(--hairline) inset;border-radius:20px;padding:40px 48px}.ai-overlay-icon{color:#fff;background:linear-gradient(135deg,#ff0080,#7928ca);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;animation:2s ease-in-out infinite ai-pulse;display:inline-flex}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.ai-overlay-title{color:var(--ink);letter-spacing:-.4px;margin:0 0 8px;font-size:18px;font-weight:600}.ai-overlay-phase{color:var(--body);min-height:20px;margin:0 0 20px;font-size:14px}.ai-overlay-bar{background:var(--canvas-soft-2);border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.ai-overlay-fill{background:linear-gradient(90deg,#ff0080,#7928ca);border-radius:999px;height:100%;transition:width .4s;position:relative}.ai-overlay-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s ease-in-out infinite ai-shimmer;position:absolute;inset:0}@keyframes ai-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-overlay-hint{color:var(--mute);margin:16px 0 0;font-size:12px}.nav-bar{z-index:1000;border-bottom:1px solid var(--hairline);background:var(--canvas);width:100%;height:56px;transition:background .2s,border-color .2s;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--ink);letter-spacing:-.6px;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .16s;display:flex}.nav-logo:hover{opacity:.85}.logo-img{border-radius:6px;width:28px;height:28px}.brand-text{font-weight:600}.brand-dot{color:var(--brand)}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--body);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .16s;display:inline-flex}.nav-link:hover{background:var(--canvas-soft-2);color:var(--ink)}.nav-link.active{background:var(--canvas-soft-2);color:var(--ink);font-weight:600}.nav-badge{background:var(--brand);color:#fff;border-radius:99px;justify-content:center;align-items:center;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.nav-actions{align-items:center;display:flex}.theme-toggle-btn-nav{border:1px solid var(--hairline);background:var(--canvas);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.theme-toggle-btn-nav:hover{background:var(--canvas-soft-2);border-color:var(--hairline-strong);transform:translateY(-1px)}.timeline-range-shading{cursor:grab;transition:background-color .2s,opacity .2s}.timeline-range-shading:hover{background-color:#007cf033!important}.timeline-range-shading:active{cursor:grabbing}.timeline-range-bar{cursor:grab;transition:transform .15s,background-color .15s}.timeline-range-bar:hover{transform:scaleY(1.5);background-color:#0052a3!important}.timeline-range-bar:active{cursor:grabbing}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}