:root{--bg-app: #0d0c0b;--bg-ws: #121110;--bg-panel: #171615;--bg-field: #201f1d;--bg-field-hover: #282624;--bg-raised: #1d1c1a;--bg-active: #34322f;--line: rgba(255, 246, 235, .06);--line-2: rgba(255, 246, 235, .1);--line-3: rgba(255, 246, 235, .16);--fg: #efedea;--fg-2: #a9a6a1;--fg-3: #75716c;--fg-4: #4e4b47;--hi: rgba(255, 246, 235, .055);--hi-2: rgba(255, 246, 235, .1);--accent: #ff7a48;--accent-soft: rgba(255, 122, 72, .16);--guide: var(--accent);--r: 7px;--font: "Inter", system-ui, -apple-system, sans-serif;--display: "Familjen Grotesk", "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--fg);font:12px/1.4 var(--font);font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}input,textarea{-webkit-user-select:text;user-select:text}:focus-visible{outline:1.5px solid var(--accent);outline-offset:1px}body.is-scrubbing,body.is-scrubbing *{cursor:ew-resize!important}body.is-dragging-layer,body.is-dragging-layer *{cursor:grabbing!important}kbd{font:500 10.5px/1 var(--font);padding:2px 5px;border-radius:4px;background:var(--bg-field);border:1px solid var(--line-2);color:var(--fg-2)}.muted{color:var(--fg-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff29}::-webkit-scrollbar-track{background:transparent}.app{height:100%;display:flex;flex-direction:column}.main{flex:1;min-height:0;display:flex}.panel{background:var(--bg-panel);display:flex;flex-direction:column;min-height:0;flex:none}.panel-left{width:248px;border-right:1px solid var(--line)}.panel-right{width:288px;border-left:1px solid var(--line)}.panel-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.topbar{height:48px;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 10px 0 12px;background:var(--bg-panel);border-bottom:1px solid var(--line);gap:12px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px;min-width:0}.topbar-right{justify-content:flex-end}.brand{display:flex;align-items:center;gap:9px;height:32px;padding:0 8px 0 4px;border-radius:8px}.brand:hover,.brand.is-open{background:var(--hi)}.brand-chev{color:var(--fg-3);margin-left:-3px}.foldmark{display:block;flex:none;-webkit-user-select:none;user-select:none}.brand-word{font-family:var(--display);font-weight:600;font-size:14.5px;letter-spacing:-.015em}.topbar-slash{color:var(--fg-4);font-size:15px;margin:0 -2px}.docname-wrap{display:inline-grid;min-width:0;max-width:280px}.docname-wrap:after,.docname{grid-area:1 / 1;font-weight:500;padding:0 7px;border:1px solid transparent;white-space:pre}.docname-wrap:after{content:attr(data-value) " ";visibility:hidden;overflow:hidden;height:0}.docname{width:100%;background:transparent;border:1px solid transparent;border-radius:6px;height:28px;padding:0 7px;font-weight:500;color:var(--fg);min-width:0;max-width:260px;text-overflow:ellipsis}.docname:hover{border-color:var(--line-2)}.docname:focus{outline:none;border-color:var(--line-3);background:var(--bg-field)}.toolbar{display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--bg-app);border:1px solid var(--line)}.toolbar-sep{width:1px;height:18px;background:var(--line-2);margin:0 4px}.tool{height:30px;min-width:32px;display:grid;place-items:center;border-radius:7px;color:var(--fg-2);transition:background .12s,color .12s}.tool:hover{color:var(--fg);background:var(--hi)}.tool.is-active{position:relative;background:#fff6eb21;color:var(--fg);box-shadow:inset 0 0 0 1px #fff6eb12,inset 0 1px #fff6eb14}.tool.is-active:after{content:"";position:absolute;left:50%;bottom:3px;width:10px;height:2px;margin-left:-5px;border-radius:1px;background:var(--accent)}.tool-split{display:flex;align-items:center;gap:1px;padding:0 5px 0 8px}.tool-chev{opacity:.7}.zoom{height:28px;display:flex;align-items:center;gap:3px;padding:0 6px 0 8px;border-radius:7px;color:var(--fg-2);font-variant-numeric:tabular-nums;min-width:62px;justify-content:space-between}.zoom:hover{background:var(--hi);color:var(--fg)}.btn{height:30px;padding:0 12px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.btn:disabled{opacity:.45;cursor:default}.btn-icon-text{gap:6px;padding-left:10px}.btn-primary{background:var(--fg);color:#0b0b0c}.btn-primary:hover:not(:disabled){background:#fff}.btn-secondary{background:var(--bg-field);border:1px solid var(--line-2);color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--bg-field-hover);border-color:var(--line-3)}.btn-quiet{color:var(--fg-2)}.btn-quiet:hover{background:var(--hi);color:var(--fg)}.btn-block{width:100%;background:var(--bg-field);color:var(--fg-2);height:28px}.btn-block:hover{background:var(--bg-field-hover)}.btn-grow{flex:1}.iconbtn{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;color:var(--fg-2);transition:background .12s,color .12s}.iconbtn:hover:not(:disabled){background:var(--hi);color:var(--fg)}.iconbtn.is-active{background:var(--hi-2);color:var(--fg)}.iconbtn:disabled{opacity:.3;cursor:default}.textbtn{color:var(--fg-3);font-size:11.5px;padding:2px 4px;border-radius:4px}.textbtn:hover{color:var(--fg);background:var(--hi)}.panel-tabs{height:40px;flex:none;display:flex;align-items:center;gap:2px;padding:0 8px;border-bottom:1px solid var(--line)}.panel-tabs>button:not(.panel-tab-add){height:26px;padding:0 9px;border-radius:6px;color:var(--fg-3);font-weight:500}.panel-tabs>button:not(.panel-tab-add):hover{color:var(--fg-2)}.panel-tabs>button.is-active{color:var(--fg);background:var(--hi)}.panel-tab-add{margin-left:auto;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--fg-2)}.panel-tab-add:hover{background:var(--hi);color:var(--fg)}.layers{padding:6px 0 16px}.layer-row{position:relative;height:30px;display:flex;align-items:center;gap:8px;padding-right:6px;margin:0 6px;border-radius:6px;color:var(--fg-2);cursor:default}.layer-row:hover,.layer-row.is-hovered{background:var(--hi)}.layer-row.is-selected{background:var(--hi-2);color:var(--fg)}.layer-row.is-hidden .layer-name,.layer-row.is-hidden .layer-icon,.layer-row.is-hidden .layer-swatch{opacity:.4}.layer-row.drop-before{box-shadow:inset 0 2px 0 var(--fg)}.layer-row.drop-after{box-shadow:inset 0 -2px 0 var(--fg)}.layer-frame{padding-left:10px;color:var(--fg);font-weight:600}.layer-meta{margin-left:auto;font-weight:400;color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}.layer-icon{width:16px;display:grid;place-items:center;color:var(--fg-3);flex:none}.layer-row.is-selected .layer-icon{color:var(--fg)}.layer-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-rename{flex:1;min-width:0;height:22px;background:var(--bg-field);border:1px solid var(--line-3);border-radius:5px;padding:0 5px;outline:none}.layer-swatch{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #ffffff26}.layer-actions{display:flex;gap:0;flex:none}.layer-act{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;color:var(--fg-3);opacity:0}.layer-row:hover .layer-act,.layer-act.is-on{opacity:1}.layer-act:hover{color:var(--fg);background:var(--hi)}.layer-rails{position:absolute;top:0;bottom:0;pointer-events:none}.layer-rails i{position:absolute;top:0;bottom:0;width:1px;background:#ffffff24}.layer-sep{height:1px;background:var(--line);margin:6px 14px}.layer-bg{color:var(--fg-3)}.layer-bg-swatch{width:14px;height:14px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px #ffffff26}.layers-empty{margin:14px 16px 0;color:var(--fg-3);line-height:1.6}.presets{padding:12px}.presets-intro{margin:0 2px 12px;color:var(--fg-3);line-height:1.5;font-size:11.5px}.preset-grid{display:grid;gap:14px}.preset-card{display:flex;flex-direction:column;gap:7px;text-align:left;border-radius:10px}.preset-thumb{display:block;aspect-ratio:2 / 1;border-radius:8px;overflow:hidden;background:var(--bg-field);box-shadow:inset 0 0 0 1px var(--line);transition:transform .18s,box-shadow .18s}.preset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.preset-card:hover .preset-thumb{box-shadow:0 0 0 1px var(--line-3),0 10px 26px -10px #000c}.preset-meta{display:flex;flex-direction:column;gap:1px;padding:0 2px}.preset-name{font-weight:500;color:var(--fg)}.preset-blurb{color:var(--fg-3);font-size:11.5px}.preset-thumb-loading{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:linear-gradient(160deg,#22201d,#1b1a18 58%,#1e1c1a)}.preset-thumb-loading:before{content:"";position:absolute;top:-30%;right:-45%;bottom:-30%;left:-45%;background:radial-gradient(40% 46% at 50% 50%,#ffbe9616,#ffbe9600 70%);animation:thumbGlow 3.2s cubic-bezier(.45,0,.3,1) infinite alternate}.preset-thumb-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 0.93 0 0 0 0 0.86 0.55 0 0 0 -0.22'/></filter><rect width='140' height='140' filter='url(%23g)'/></svg>")}@keyframes thumbGlow{0%{transform:translate(-22%,6%)}to{transform:translate(22%,-6%)}}@media (prefers-reduced-motion: reduce){.preset-thumb-loading:before{animation:none}}.workspace{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--bg-ws);touch-action:none}.artboard{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:0 0 0 1px #ffffff0d,0 30px 80px -24px #000000bf}.artboard.is-selected{box-shadow:0 0 0 1px #fff6,0 30px 80px -24px #000000bf}.artboard canvas{position:absolute;left:0;top:0;display:block}.artboard-label{position:absolute;left:0;top:0;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--fg-3);white-space:nowrap;cursor:default;min-width:120px}.artboard-name{color:var(--fg-2);overflow:hidden;text-overflow:ellipsis}.artboard-size{font-variant-numeric:tabular-nums}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.overlay *{vector-effect:non-scaling-stroke}.ov-line,.ov-hover,.ov-dash,.ov-blur,.ov-width,.ov-edge,.ov-arc,.ov-stem,.ov-ghost,.ov-guide{fill:none}.ov-line{stroke:#fff;stroke-width:1.25;filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}.ov-hover{stroke:#ffffffb3;stroke-width:1;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}.ov-dash{stroke:#ffffffbf;stroke-width:1;stroke-dasharray:4 4;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}.ov-blur{stroke:#ffffff73;stroke-width:1;stroke-dasharray:2 4}.ov-width{stroke:#fff6;stroke-width:1;stroke-dasharray:3 4}.ov-edge{stroke:#ffffffe6;stroke-width:1.25;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.6))}.ov-arc{stroke:#fffc;stroke-width:1.25}.ov-stem{stroke:#ffffffbf;stroke-width:1}.ov-ghost{stroke:#ffffffb3;stroke-width:1;stroke-dasharray:4 3}.ov-guide{stroke:var(--guide);stroke-width:1}.ov-center{fill:#fff}.ov-handle,.ov-knob,.ov-point{fill:#fff;stroke:#0000008c;stroke-width:1;pointer-events:all;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.ov-knob{cursor:grab}.ov-knob-rot{cursor:alias}.ov-knob-blur{fill:#111;stroke:#fff;stroke-width:1.5;cursor:ew-resize}.ov-point{cursor:move}.ov-point.is-first{stroke:#fff;stroke-width:1.5;fill:#111112d9}.ov-point.is-selected{fill:var(--accent);stroke:#fff;stroke-width:1.5}.cur-rx{cursor:ew-resize}.cur-ry{cursor:ns-resize}.ov-puck{pointer-events:all;cursor:move}.ov-puck circle{fill:#111112c7;stroke:#ffffffb3;stroke-width:1}.ov-puck path{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round}.text-editor{position:absolute;margin:0;padding:0;border:0;outline:1px dashed rgba(255,255,255,.7);outline-offset:2px;background:transparent;resize:none;overflow:hidden;white-space:pre-wrap;caret-color:#fff;z-index:2}.gl-error{position:absolute;inset:auto 24px 24px 24px;padding:14px 16px;border-radius:10px;background:#2a1515;border:1px solid #5a2a2a;display:flex;flex-direction:column;gap:4px}.section{padding:14px 14px 16px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;height:20px;margin-bottom:10px}.section-head h3{margin:0;font-size:11.5px;font-weight:600;color:var(--fg);letter-spacing:.005em}.section-actions{display:flex;align-items:center;gap:2px;margin-right:-6px}.section-actions .iconbtn{width:24px;height:24px}.section-body{display:flex;flex-direction:column;gap:8px}.hint{margin:-2px 0 2px;color:var(--fg-3);font-size:11.5px;line-height:1.5}.row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px}.row-label{color:var(--fg-3)}.row-controls{min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-2-auto{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.grid-1-auto{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.insp-head{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;border-bottom:1px solid var(--line);height:48px}.insp-icon{color:var(--fg-2);display:grid;place-items:center}.insp-name{flex:1;min-width:0;height:28px;background:transparent;border:1px solid transparent;border-radius:6px;padding:0 6px;margin-left:-6px;font-weight:600;font-size:12.5px}.insp-name:hover{border-color:var(--line-2)}.insp-name:focus{outline:none;border-color:var(--line-3);background:var(--bg-field)}.path-row{display:flex;align-items:center;gap:4px}.path-meta{flex:1;color:var(--fg-2)}.textarea{width:100%;min-height:64px;resize:vertical;background:var(--bg-field);border:1px solid transparent;border-radius:var(--r);padding:8px 9px;line-height:1.45;outline:none}.textarea:hover{background:var(--bg-field-hover)}.textarea:focus{border-color:var(--line-3);background:var(--bg-field)}.slider{position:relative;height:28px;border-radius:var(--r);background:var(--bg-field);display:flex;align-items:center;justify-content:space-between;padding:0 9px;cursor:ew-resize;overflow:hidden;outline:none;min-width:0;transition:background .12s}.slider:hover{background:var(--bg-field-hover)}.slider:focus-visible{box-shadow:inset 0 0 0 1px #ffffff59}.slider-fill{position:absolute;top:0;bottom:0;background:#ffffff0f;pointer-events:none}.slider-thumb{position:absolute;top:7px;bottom:7px;width:2px;margin-left:-1px;border-radius:1px;background:#ffffff52;pointer-events:none;transition:background .12s}.slider:hover .slider-thumb{background:#ffffff8c}.slider-thumb.is-min{opacity:0}.slider:hover .slider-thumb.is-min,.slider.is-dragging .slider-thumb.is-min{opacity:1}.slider.is-dragging .slider-thumb{background:var(--accent)}.slider-label{position:relative;color:var(--fg-2);white-space:nowrap;pointer-events:none;overflow:hidden;text-overflow:ellipsis}.slider-value{position:relative;font-variant-numeric:tabular-nums;color:var(--fg);pointer-events:none;white-space:nowrap;padding-left:6px}.slider-input{position:relative;width:64px;text-align:right;background:var(--bg-app);border:1px solid var(--line-3);border-radius:5px;height:22px;padding:0 6px;outline:none;margin-right:-5px;font-variant-numeric:tabular-nums}.slider.is-disabled{opacity:.4;cursor:default}.numfield{display:flex;align-items:center;height:28px;border-radius:var(--r);background:var(--bg-field);min-width:0;transition:background .12s}.numfield:hover{background:var(--bg-field-hover)}.numfield:focus-within{box-shadow:inset 0 0 0 1px var(--line-3);background:var(--bg-field)}.numfield-label{width:26px;flex:none;text-align:center;color:var(--fg-3);cursor:ew-resize;font-size:11.5px}.numfield input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;padding:0 8px 0 0;font-variant-numeric:tabular-nums}.segmented{display:flex;height:28px;padding:2px;border-radius:var(--r);background:var(--bg-field);gap:2px}.segmented button{flex:1;border-radius:5px;color:var(--fg-3);display:grid;place-items:center;padding:0 8px;white-space:nowrap;font-weight:500;transition:background .12s,color .12s}.segmented button:hover{color:var(--fg-2)}.segmented button.is-active{background:var(--bg-active);color:var(--fg);box-shadow:0 1px 2px #0000004d}.segmented-sm button{padding:0 7px;font-size:11.5px}.toggle{display:inline-flex;align-items:center;gap:8px;height:28px;color:var(--fg-2);justify-self:start}.toggle-track{width:26px;height:16px;border-radius:8px;background:#3a3a3f;position:relative;transition:background .15s;flex:none}.toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#cfcfd4;transition:transform .15s,background .15s}.toggle.is-on .toggle-track{background:var(--fg)}.toggle.is-on .toggle-knob{transform:translate(10px);background:#0b0b0c}.toggle.is-on{color:var(--fg)}.select{height:28px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 6px 0 9px;border-radius:var(--r);background:var(--bg-field);text-align:left;min-width:0}.select:hover{background:var(--bg-field-hover)}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.select-hint{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-left:auto}.select-prefix{color:var(--fg-3)}.select-chev{color:var(--fg-3);flex:none}.popover{position:fixed;z-index:1000;background:var(--bg-raised);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 16px 48px -8px #000000a6,0 2px 6px #00000059;animation:pop .12s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(-2px) scale(.985)}}.menu{padding:5px;max-height:70vh;overflow-y:auto}.menu-heading{padding:6px 8px;color:var(--fg-3);font-size:11px}.menu-item{width:100%;display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px 5px 4px;border-radius:6px;text-align:left;color:var(--fg)}.menu-item:hover{background:var(--hi-2)}.menu-check{width:18px;flex:none;display:grid;place-items:center;color:var(--fg)}.menu-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.menu-note{color:var(--fg-3);font-size:11px;font-family:var(--font);font-weight:400}.menu-hint{color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.menu-item-icon{padding-left:6px;gap:10px}.menu-icon{width:28px;height:28px;border-radius:7px;background:var(--bg-field);display:grid;place-items:center;color:var(--fg-2);flex:none}.menu-divider{height:1px;background:var(--line);margin:4px 2px}.popover-title{font-weight:600;font-size:11.5px;margin-bottom:10px}.colorfield{display:flex;align-items:center;gap:6px;min-width:0}.colorfield-swatch{width:28px;height:28px;flex:none;padding:4px;border-radius:var(--r);background:var(--bg-field)}.colorfield-swatch:hover,.colorfield-swatch.is-open{background:var(--bg-field-hover)}.colorfield-swatch span{display:block;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff24}.hexinput,.opacityinput{height:28px;min-width:0;border:0;border-radius:var(--r);background:var(--bg-field);padding:0 9px;outline:none;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:uppercase}.hexinput{flex:1}.opacityinput{width:54px;flex:none;text-align:right;text-transform:none}.hexinput:hover,.opacityinput:hover{background:var(--bg-field-hover)}.hexinput:focus,.opacityinput:focus{box-shadow:inset 0 0 0 1px var(--line-3);background:var(--bg-field)}.picker-pop{padding:12px}.corners{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.corner{display:flex;flex-direction:column;gap:5px;min-width:0}.corner-label{color:var(--fg-3);font-size:11px}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:8px;background:var(--bg-field);text-align:left;transition:background .12s}.palette:hover{background:var(--bg-field-hover)}.palette-chips{display:flex;height:16px;border-radius:4px;overflow:hidden}.palette-chips i{flex:1}.palette-name{color:var(--fg-2);font-size:11.5px;padding-left:1px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#05050699;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:32px;animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg-panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 40px 120px -20px #000c;max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;animation:rise .18s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px) scale(.99)}}.modal-head{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.01em}.modal-export{width:min(920px,100%)}.export-body{display:grid;grid-template-columns:1fr 300px;min-height:0}.export-preview{background:var(--bg-ws);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px;border-right:1px solid var(--line);min-width:0}.export-preview-frame{width:100%;max-height:52vh;border-radius:8px;overflow:hidden;background:var(--bg-field);box-shadow:0 0 0 1px var(--line),0 20px 50px -20px #000c;margin:0 auto}.export-preview-frame img{width:100%;height:100%;display:block;object-fit:contain}.export-dims{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;color:var(--fg-2)}.export-options{padding:20px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-weight:500;color:var(--fg-2)}.field-note{color:var(--fg-3);font-size:11.5px;line-height:1.45}.field-suffix{display:flex;align-items:center;height:30px;border-radius:var(--r);background:var(--bg-field);padding:0 9px}.field-suffix:focus-within{box-shadow:inset 0 0 0 1px var(--line-3)}.field-suffix input{flex:1;min-width:0;border:0;background:transparent;outline:none;height:100%}.field-suffix span{color:var(--fg-3)}.export-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}.export-actions .btn{height:34px}.export-preview.is-video .motion-preview{width:min(100%,calc(46vh * var(--frame-aspect, 1)));margin:0 auto}.toast{position:fixed;left:50%;bottom:68px;transform:translate(-50%);z-index:1100;background:var(--fg);color:#0b0b0c;font-weight:500;padding:8px 14px;border-radius:999px;box-shadow:0 10px 30px #00000080;animation:toast .2s ease-out;pointer-events:none}@keyframes toast{0%{opacity:0;transform:translate(-50%,6px)}}.modal-variations{width:min(1180px,100%)}.var-controls{display:flex;align-items:center;gap:10px}.var-body{padding:20px;overflow-y:auto}.var-grid{display:grid;grid-template-columns:repeat(var(--var-cols, 3),minmax(0,1fr));gap:16px}.var-card{position:relative;min-width:0}.var-hit{position:relative;display:block;width:100%;text-align:left;border-radius:8px}.var-hit:focus-visible{outline:none}.var-thumb{display:block;border-radius:8px;overflow:hidden;background:var(--bg-field);box-shadow:0 0 0 1px var(--line)}.var-thumb img{display:block;width:100%;height:100%;object-fit:cover}.var-hit:hover .var-thumb{box-shadow:0 0 0 1.5px var(--fg),0 14px 34px -14px #000000e6}.var-hit:focus-visible .var-thumb{box-shadow:0 0 0 1.5px var(--accent),0 14px 34px -14px #000000e6}.var-card.is-current .var-thumb{box-shadow:0 0 0 1px var(--line-3)}.var-card.is-applied .var-thumb{box-shadow:0 0 0 1.5px var(--accent)}.var-badge,.var-use{position:absolute;bottom:8px;height:22px;display:inline-flex;align-items:center;padding:0 8px;border-radius:6px;font-size:11px;font-weight:500;color:var(--fg);background:#100f0eb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--line-2);pointer-events:none}.var-badge{left:8px}.var-use{right:8px;opacity:0;transform:translateY(3px);transition:opacity .14s,transform .14s}.var-card:hover .var-use,.var-card:focus-within .var-use,.var-card.is-applied .var-use{opacity:1;transform:none}.var-card.is-applied .var-use{color:#1a0e08;background:var(--accent);box-shadow:none}.var-centre{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:var(--fg);background:#100f0eb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--line-2);opacity:0;transition:opacity .14s,background .12s}.var-card:hover .var-centre,.var-card:focus-within .var-centre{opacity:1}.var-centre:hover{background:#282624e6}.var-title{display:flex;align-items:baseline;gap:14px}.var-back{color:var(--fg-3);font-size:11.5px;transition:color .12s}.var-back:before{content:"← "}.var-back:hover{color:var(--fg)}.var-sep{width:1px;height:16px;background:var(--line-2)}.var-foot{margin:18px 0 0;color:var(--fg-3);font-size:11.5px}.var-foot svg{vertical-align:-2px}.modal-library{width:min(1180px,100%);max-height:min(860px,calc(100vh - 64px));min-height:300px}.lib-body{padding:20px 20px 28px;overflow-y:auto}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px 18px}.lib-card{display:flex;flex-direction:column;gap:10px;min-width:0}.lib-thumb{position:relative;display:block;aspect-ratio:2 / 1;border-radius:9px;overflow:hidden;background:var(--bg-field);box-shadow:0 0 0 1px var(--line);transition:box-shadow .15s}.lib-thumb img{display:block;width:100%;height:100%;object-fit:cover}.lib-thumb:hover{box-shadow:0 0 0 1.5px var(--fg),0 14px 34px -14px #000000e6}.lib-badge{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:999px;font-size:10.5px;font-weight:600;background:#0a0a0bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.lib-meta{display:flex;align-items:flex-start;gap:8px}.lib-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lib-name{font-weight:500;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-sub{color:var(--fg-3);font-size:11.5px;font-variant-numeric:tabular-nums}.lib-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.lib-card:hover .lib-actions,.lib-actions:focus-within{opacity:1}.btn-danger{height:28px;padding:0 10px;background:#4a1d22;color:#ffb4bc;border-radius:7px}.btn-danger:hover{background:#5c2229}.lib-heading{margin:34px 0 14px;font-size:12px;font-weight:600;color:var(--fg-2)}.lib-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.lib-preset{display:flex;flex-direction:column;gap:6px;text-align:left}.lib-preset-thumb{display:block;aspect-ratio:2 / 1;border-radius:7px;overflow:hidden;background:var(--bg-field);box-shadow:0 0 0 1px var(--line)}.lib-preset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lib-preset:hover .lib-preset-thumb{box-shadow:0 0 0 1.5px var(--fg)}.lib-preset-name{color:var(--fg-2);font-size:11.5px}.modal-shortcuts{width:min(760px,100%)}.sc-body{padding:18px 22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;overflow-y:auto}.sc-group h3{margin:0 0 8px;font-size:11.5px;font-weight:600;color:var(--fg)}.sc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;height:28px;color:var(--fg-2);border-bottom:1px solid var(--line)}.sc-row kbd{white-space:nowrap}.light-row{display:flex;gap:14px;align-items:center}.lightpad{position:relative;width:92px;height:92px;flex:none;border-radius:50%;background:radial-gradient(circle,#1d1d20,#18181a 70%);box-shadow:inset 0 0 0 1px var(--line-2),inset 0 6px 18px #00000080;cursor:crosshair;touch-action:none}.lightpad-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,transparent 32%,rgba(255,255,255,.05) 32.5%,transparent 33.5%),radial-gradient(circle,transparent 64%,rgba(255,255,255,.05) 64.5%,transparent 65.5%);pointer-events:none}.lightpad-sphere{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;box-shadow:0 6px 14px #0000008c;pointer-events:none}.lightpad-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff8f0;box-shadow:0 0 0 3px #ffb47833,0 0 16px 5px #ffaa6e80;pointer-events:none}.light-readout{display:flex;flex-direction:column;gap:3px;min-width:0}.light-big{font-weight:500;color:var(--fg)}.light-small{font-size:11.5px;color:var(--fg-2);line-height:1.45}.light-small.muted{color:var(--fg-3);margin-top:2px}.ambient{position:absolute;left:0;top:0;filter:blur(70px) saturate(1.25);opacity:.32;pointer-events:none;transform-origin:0 0}.viewswitch{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:2px;padding:3px;border-radius:10px;background:#161617d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:0 10px 30px -8px #0009;z-index:5}.viewswitch button{height:28px;padding:0 12px;border-radius:7px;color:var(--fg-2);font-weight:500;transition:background .15s,color .15s}.viewswitch button:hover{color:var(--fg)}.viewswitch button.is-active{background:var(--fg);color:#0b0b0c}.depthview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;cursor:grab;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#18181b 0%,var(--bg-ws) 70%);animation:fade .25s ease-out}.depthview.is-orbiting{cursor:grabbing}.dv-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.dv-stage{position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.85,.2,1)}.depthview.is-orbiting .dv-stage,.depthview.is-orbiting .dv-tag{transition:none}.dv-plane{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.85,.2,1),box-shadow .15s;border-radius:4px;cursor:pointer;box-shadow:0 0 0 1px #ffffff1f}.dv-plane img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:4px;pointer-events:none}.dv-bg{box-shadow:0 0 0 1px #ffffff1a,0 40px 80px #0009}.dv-shape,.dv-text,.dv-image{background:#ffffff04}.dv-warp{background:linear-gradient(135deg,#ffffff0f,#ffffff04);box-shadow:inset 0 0 0 1px #ffffff47;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.dv-warp-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffff8c}.dv-plane.is-hover{box-shadow:0 0 0 1.5px #fff9}.dv-plane.is-active{box-shadow:0 0 0 2px #fff}.dv-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dv-tag{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11.5px;font-weight:500;color:var(--fg-3);padding:3px 8px 3px 7px;border-radius:6px;background:#141312b8;border:1px solid var(--line);cursor:pointer;transition:transform .9s cubic-bezier(.2,.85,.2,1)}.dv-tag svg{opacity:.8}.dv-tag em{font-style:normal;color:var(--fg-4);font-weight:400}.dv-tag:hover,.dv-tag.is-hover{color:var(--fg);border-color:var(--line-3)}.dv-tag.is-active{color:var(--fg);border-color:#ffffff80;background:#1e1d1be6}.dv-lead{position:absolute;left:0;top:0;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,#fff6eb47,#fff6eb1a);pointer-events:none}.dv-lead:before{content:"";position:absolute;left:-2px;top:-1.5px;width:4px;height:4px;border-radius:50%;background:#fff6eb80}.dv-lead.is-hover,.dv-lead.is-active{background:linear-gradient(90deg,#ffffffbf,#ffffff4d)}.dv-lead.is-active:before,.dv-lead.is-hover:before{background:#fff}.dv-hint{position:absolute;left:0;right:0;top:18px;text-align:center;color:var(--fg-4);font-size:11px;letter-spacing:.01em;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.dv-hint.is-gone{opacity:0;transform:translateY(-4px)}.tilt{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 50%;position:relative;transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .25s;will-change:transform}.tilt.is-tilting{transition:transform .08s linear,box-shadow .25s}.tilt-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.22),rgba(255,255,255,0) 55%);opacity:0;transition:opacity .3s;mix-blend-mode:soft-light}.tilt.is-tilting .tilt-glare{opacity:1}.panel-right .panel-scroll>div,.panel-right .panel-scroll>section{animation:inspIn .18s ease-out}@keyframes inspIn{0%{opacity:0;transform:translateY(3px)}}.layer-thumb{width:30px;height:16px;flex:none;border-radius:4px;background-color:#0e0e10;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff1a}.layer-row.is-hidden .layer-thumb{opacity:.4}.tooltip{position:fixed;z-index:1200;transform:translate(-50%,-100%);display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;background:#f3f0ec;color:#161412;font-size:11.5px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #00000073;animation:tipIn .12s ease-out}.tooltip.is-below{transform:translate(-50%)}.tooltip kbd{background:#00000014;border-color:#0000001a;color:#444}@keyframes tipIn{0%{opacity:0}}.ctxmenu{width:220px}.ctxmenu .menu-item{min-height:28px;padding-left:10px}.menu-item.is-danger .menu-label{color:#ff8f9b}.dropzone{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;border:1px dashed var(--line-3);text-align:left;transition:background .12s,border-color .12s}.dropzone:hover{background:var(--hi);border-color:#ffffff4d}.dropzone-title{font-weight:500}.dropzone-sub{color:var(--fg-3);font-size:11.5px}.workspace.is-dropping:after{content:"Drop to recolour from this image";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1.5px dashed rgba(255,255,255,.5);border-radius:14px;display:grid;place-items:center;font-size:14px;font-weight:500;color:#fff;background:#0a0a0b73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:10}@media (max-width: 1240px){.panel-left{width:216px}.panel-right{width:268px}}@media (max-width: 1360px){.is-native .topbar .btn-label,.is-native .cmd-trigger-label{display:none}.is-native .cmd-trigger{padding:0 6px}}@media (max-width: 1280px){.topbar .btn-label,.cmd-trigger-label{display:none}.cmd-trigger{padding:0 6px}.topbar .btn-icon-text.btn-secondary{gap:0;padding:0 8px}}@media (max-width: 1180px){.is-native .brand-word,.is-native .topbar-slash{display:none}}@media (max-width: 1040px){.brand-word,.topbar-slash{display:none}.panel-left{width:196px}.layer-thumb{display:none}}.topbar-gap{width:6px}.savestate{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-3);padding:0 4px;white-space:nowrap;cursor:default}.savestate i{width:6px;height:6px;border-radius:50%;background:transparent;box-shadow:none;transition:background .2s,box-shadow .2s,width .2s}.savestate.is-saved i{width:0;margin-right:-6px}.savestate.is-saving i{background:var(--fg-3);box-shadow:0 0 0 3px #ffffff0f}.savestate.is-error{color:#ff9aa5}.savestate.is-error i{background:#ff6b7a;box-shadow:0 0 0 3px #ff6b7a26}.modal-new{width:min(1120px,100%);height:min(780px,calc(100vh - 64px))}.modal-new .modal-head{height:68px}.new-title{display:flex;flex-direction:column;gap:3px}.new-title span{color:var(--fg-3);font-size:12px}.new-body{flex:1;min-height:0;display:grid;grid-template-columns:252px 1fr}.new-sizes{border-right:1px solid var(--line);padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.size-row{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:8px;text-align:left;color:var(--fg-2);transition:background .12s}.size-row:hover{background:var(--hi)}.size-row.is-active{background:var(--hi-2);color:var(--fg)}.aspect-glyph{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--bg-field)}.aspect-glyph svg{display:block}.aspect-glyph rect{fill:currentColor;fill-opacity:.12;stroke:currentColor;stroke-width:1.25;stroke-opacity:.85}.size-row.is-active .aspect-glyph{background:var(--fg);color:#0b0b0c}.size-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.size-name{font-weight:500}.size-dims{font-size:11.5px;color:var(--fg-3);font-variant-numeric:tabular-nums}.size-ratio{font-size:11px;color:var(--fg-3);font-variant-numeric:tabular-nums}.size-custom{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px 4px}.new-starts{overflow-y:auto;padding:18px 22px 24px}.new-mode{display:flex;margin-bottom:20px}.new-mode .segmented{width:224px}.new-section-label,.presets-label{font-size:11.5px;font-weight:600;color:var(--fg-2);margin:4px 0 12px}.start-grid+.new-section-label{margin-top:26px}.start-grid{display:grid;grid-template-columns:repeat(var(--start-cols, 3),minmax(0,1fr));gap:20px 16px}.start-card{display:flex;flex-direction:column;gap:9px;text-align:left}.start-thumb{display:block;width:100%;border-radius:8px;overflow:hidden;background:var(--bg-field);box-shadow:0 0 0 1px var(--line)}.start-thumb img{display:block;width:100%;height:100%;object-fit:cover}.start-card:hover .start-thumb{box-shadow:0 0 0 1.5px var(--fg),0 14px 34px -14px #000000e6}.start-card:focus-visible{outline:none}.start-card:focus-visible .start-thumb{box-shadow:0 0 0 1.5px var(--accent),0 14px 34px -14px #000000e6}.start-meta{display:flex;flex-direction:column;gap:1px;padding:0 2px}.start-name{font-weight:500}.start-blurb{font-size:11.5px;color:var(--fg-3)}.new-foot{height:52px;flex:none;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 20px;color:var(--fg-3);font-size:11.5px}.new-foot kbd{margin-right:6px}.preset-grid-plain{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.preset-grid-plain .preset-blurb{display:none}.presets-label{margin:0 2px 10px}.preset-grid-plain{padding-bottom:14px;border-bottom:1px solid var(--line)}.section-note{font-size:11px;color:var(--fg-3);margin-right:6px;cursor:help}.toolhint{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:14px;padding:6px 12px;border-radius:9px;background:#161617d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);color:var(--fg-2);font-size:11.5px;white-space:nowrap;pointer-events:none;z-index:5;animation:tipIn .18s ease-out}.toolhint span{display:inline-flex;align-items:center;gap:6px}.emptyhint{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border-radius:10px;background:#161617db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:0 12px 30px -10px #0009;z-index:5;animation:tipIn .25s ease-out}.emptyhint-title{color:var(--fg-2);font-size:11.5px;margin-right:6px}.emptyhint button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:7px;color:var(--fg);font-weight:500}.emptyhint button:hover{background:var(--hi-2)}.emptyhint kbd{margin-left:2px}.lib-new{display:flex;flex-direction:column;gap:10px;text-align:left}.lib-new-tile{aspect-ratio:2 / 1;border-radius:9px;border:1px dashed var(--line-3);display:grid;place-items:center;color:var(--fg-2);transition:background .15s,border-color .15s,color .15s}.lib-new:hover .lib-new-tile{background:var(--hi);border-color:#ffffff52;color:var(--fg)}.lib-new-label{font-weight:500;font-size:12.5px;color:var(--fg-2)}.presets .preset-grid:not(.preset-grid-plain){grid-template-columns:1fr 1fr;gap:14px 10px}.presets .preset-blurb{display:none}.presets .preset-name{font-size:11.5px}.ov-knob,.ov-point{transform-box:fill-box;transform-origin:center;transition:transform .1s ease-out}.ov-knob:hover,.ov-point:hover{transform:scale(1.3)}.ov-handle:hover{stroke:#000;stroke-width:2}.ov-puck{transition:opacity .1s}.ov-puck:hover circle{fill:#1e1e20e6;stroke:#fff}.develop{animation:develop 1.1s ease-out both}@keyframes develop{0%{opacity:0;filter:blur(8px) saturate(.2) brightness(1.2)}45%{opacity:1}to{filter:none}}.toast-image{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px}.toast-image img{height:30px;border-radius:6px;display:block;box-shadow:0 0 0 1px #0000001a;animation:develop 1.1s ease-out both}.ov-brush{fill:none;stroke:#ffffffd9;stroke-width:1;filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}.tooloptions{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 10px 4px 12px;border-radius:10px;background:#171615e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:0 12px 30px -10px #0009;z-index:5;animation:tipIn .18s ease-out}.tooloptions-title{font-weight:600;font-size:11.5px;margin-right:4px}.tooloptions-slider{width:150px}.tooloptions-hint{color:var(--fg-3);font-size:11px;white-space:nowrap}.palette,.lib-new,.start-card,.var-card,.preset-card,.dropzone,.look{align-items:stretch}.slider .slider-thumb{opacity:0;transition:opacity .12s,background .12s}.slider:hover .slider-thumb,.slider:focus-visible .slider-thumb,.slider.is-dragging .slider-thumb{opacity:1}.savestate{min-width:66px}.menu-item-plain{padding-left:10px}.layer-bg{color:var(--fg-2)}.layer-rails i{background:#fff6eb38}.layer-row.is-affected{background:#ff7a480f}.layer-row.is-affected .layer-rails i{background:var(--accent);opacity:.6}.layers-warn{margin:10px 14px 0;padding:8px 10px;border-radius:8px;background:#ff7a4814;border:1px solid rgba(255,122,72,.2);color:#ffb79a;font-size:11.5px;line-height:1.45}.light-pop-body{display:flex;flex-direction:column;gap:8px}.export-sharelink{align-self:flex-start;color:var(--fg-2);font-size:12px;border-bottom:1px solid var(--line-3);padding:1px 0}.export-sharelink:hover{color:var(--fg);border-color:var(--fg-2)}.cmd-trigger{height:28px;display:inline-flex;align-items:center;gap:10px;padding:0 6px 0 10px;border-radius:8px;background:var(--bg-field);border:1px solid var(--line);color:var(--fg-3);font-size:12px;margin-right:2px}.cmd-trigger:hover{color:var(--fg-2);border-color:var(--line-2)}.cmd-trigger kbd{font-size:10px;padding:1px 4px}.cmd-scrim{place-items:start center;padding-top:14vh;background:#05050666}.cmd{width:min(620px,100%);background:var(--bg-raised);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 40px 120px -20px #000000d9;overflow:hidden;animation:rise .16s ease-out;outline:none}.cmd-input{width:100%;height:54px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 18px;font-size:15px;outline:none}.cmd-input::placeholder{color:var(--fg-3)}.cmd-list{max-height:46vh;overflow-y:auto;padding:6px}.cmd-group{padding:10px 10px 4px;font-size:11px;color:var(--fg-3)}.cmd-item{width:100%;display:flex;align-items:center;gap:10px;min-height:34px;padding:6px 10px;border-radius:8px;text-align:left}.cmd-item.is-active{background:var(--hi-2)}.cmd-item-group{font-size:11px;color:var(--fg-3);width:52px;flex:none}.cmd-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-hint{color:var(--fg-3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.cmd-swatches{display:flex;height:12px;border-radius:3px;overflow:hidden}.cmd-swatches i{width:12px}.cmd-empty{padding:22px 12px;color:var(--fg-3);text-align:center}.cmd-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--line);color:var(--fg-3);font-size:11px}.cmd-foot span:last-child{margin-left:auto}.modal-scrim.cmd-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05050638}.contrast{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11.5px;color:var(--fg-2);padding:2px 0}.contrast-dot{width:7px;height:7px;border-radius:50%;background:#5bd18b}.contrast.is-ok .contrast-dot{background:#e7c35a}.contrast.is-poor .contrast-dot{background:#ff6b7a}.contrast.is-poor .contrast-text{color:#ffb3bb}.contrast-fixes{display:flex;gap:4px;margin-left:auto}.ov-sunline{stroke:#ffd6b459;stroke-width:1;stroke-dasharray:2 4}.ov-sun{pointer-events:all;cursor:grab;opacity:.75;transition:opacity .15s}.workspace:hover .ov-sun,.ov-sun:hover{opacity:1}.ov-sun-halo{fill:#ffaa6e2e;stroke:none}.ov-sun-core{fill:#fff6ee;stroke:#00000059;stroke-width:1}.ov-sun line{stroke:#ffe3cc;stroke-width:1.5;stroke-linecap:round}.is-native .topbar{padding-left:var(--native-traffic, 76px)}.is-native.is-fullscreen .topbar{padding-left:12px}.export-heavy{color:#f0b08a;font-variant-numeric:tabular-nums}.lib-count{margin-left:6px;font-weight:400;color:var(--fg-3);font-variant-numeric:tabular-nums}.lib-search{width:200px;height:30px;padding:0 10px;border-radius:8px;background:var(--bg-field);border:1px solid var(--line);color:var(--fg);font:inherit;font-size:12.5px}.lib-search:focus{outline:none;border-color:var(--line-3)}.lib-sort{margin-right:4px}.lib-rename{width:100%;height:22px;padding:0 4px;margin-left:-5px;border-radius:5px;background:var(--bg-field);border:1px solid var(--line-3);color:var(--fg);font:inherit;font-weight:500}.lib-new{aspect-ratio:2 / 1;align-self:start;display:grid;place-content:center;justify-items:center;gap:8px;border-radius:9px;color:var(--fg-3);font-size:12.5px;border:1px dashed var(--line-2);background:transparent;transition:color .15s,border-color .15s,background .15s}.lib-new:hover{color:var(--fg);border-color:var(--line-3);background:var(--hi)}.lib-none{grid-column:1 / -1;margin:24px 0;color:var(--fg-3)}[role=dialog]:focus,[role=dialog]:focus-visible{outline:none}