:root{--page:#050505;--panel:#111;--input:#1a1a1a;--raised:#161616;--overlay:#141414;--text:#f2f2f2;--text-2:#ffffff85;--text-3:#ffffff52;--border:#ffffff14;--border-strong:#ffffff24;--hover:#ffffff0d;--active:#ffffff16;--focus:#ffffff9e;--accent:#ff4b20;--accent-ink:#120602;--danger:#ff6b5b;--ok:#7fd49a;--pad:20px;--gap:12px;--header-h:44px;--panel-w:320px;--radius:10px;--radius-sm:6px;--stage-pad:24px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--dur:.14s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:959px){:root{--pad:12px;--gap:10px;--stage-pad:14px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--page);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";overscroll-behavior:none;margin:0;font-size:13px;line-height:1.4;overflow:hidden}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}h1,h2,h3,p{margin:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.92em}:focus{outline:none}:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}::selection{background:#ff4b2059}.app{height:100vh;height:100dvh;padding:var(--pad);gap:var(--gap);flex-direction:column;display:flex;overflow:hidden}.workspace{height:calc(100vh - var(--header-h) - var(--gap) - var(--pad) * 2);height:calc(100dvh - var(--header-h) - var(--gap) - var(--pad) * 2);grid-template-columns:minmax(0, 1fr) var(--panel-w);gap:var(--gap);min-height:0;display:grid}@media (max-width:959px){.workspace{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:0;overflow:hidden}.btn{border-radius:var(--radius-sm);white-space:nowrap;height:30px;color:var(--text);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), opacity var(--dur) var(--ease);align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.btn svg{flex:none}.btn--sm{gap:5px;height:26px;padding:0 8px;font-size:12px}.btn--ghost{color:var(--text-2)}.btn--ghost:hover:not(:disabled),.btn--ghost[aria-expanded=true]{background:var(--hover);color:var(--text)}.btn--secondary{background:var(--input);border:1px solid var(--border);color:var(--text)}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:#1f1f1f}.btn--primary{background:var(--accent);color:var(--accent-ink);padding:0 12px;font-weight:600}.btn--primary:hover:not(:disabled){background:#ff5d35}.btn--primary:active:not(:disabled){background:#f04318}.btn:disabled{opacity:.38}.btn__chev{opacity:.6;margin-left:-2px}.icon-btn{border-radius:var(--radius-sm);color:var(--text-2);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), opacity var(--dur) var(--ease);place-items:center;display:inline-grid}.icon-btn--md{width:32px;height:32px}.icon-btn--sm{width:26px;height:26px}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn[aria-pressed=true]{background:var(--active);color:var(--text)}.icon-btn:disabled{opacity:.3}.toolbar{height:var(--header-h);flex:none;align-items:center;gap:4px;min-width:0;display:flex}.toolbar__brand{color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:0 14px 0 4px;display:flex}.brand-mark{flex:none;width:20px;height:20px}.toolbar__name{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.toolbar__group{align-items:center;gap:2px;display:flex}.toolbar__divider{background:var(--border);flex:none;width:1px;height:18px;margin:0 8px}.toolbar__spacer{flex:1;min-width:8px}@media (max-width:959px){.toolbar{gap:2px}.toolbar__brand{padding:0 6px 0 2px}.toolbar__divider{margin:0 3px}.btn{padding:0 7px}.icon-btn--md{width:30px;height:30px}}@media (max-width:479px){.toolbar__divider,.btn__chev{display:none}}.canvas-panel{flex-direction:column;display:flex}.stage{background-color:#0c0c0c;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-position:-1px -1px;background-size:24px 24px;flex:1;min-height:0;position:relative;overflow:hidden}.artboard{background:#000;outline:1px solid #ffffff12;position:absolute}.gradient-canvas{display:block}.canvas-error{text-align:center;color:var(--text-2);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.canvas-meta{border-top:1px solid var(--border);height:34px;color:var(--text-3);white-space:nowrap;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-width:0;padding:0 14px;font-size:11.5px;display:grid}.canvas-meta__item{text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.canvas-meta__item:last-child{justify-content:flex-end}.canvas-meta__sep{opacity:.6}.canvas-meta__hint{text-align:center}@media (max-width:719px){.canvas-meta{grid-template-columns:1fr auto}.canvas-meta__hint{display:none}}.handles{position:absolute;inset:0}.handles.is-hidden{pointer-events:none}.handles__guides{pointer-events:none;position:absolute;inset:0;overflow:visible}.handles__guides ellipse{fill:none;stroke:#ffffff6b;stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.handles__guides line{stroke:#ffffff2e;stroke-width:1px;vector-effect:non-scaling-stroke}.handle{cursor:grab;touch-action:none;will-change:transform;border-radius:50%;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;display:grid;position:absolute;top:0;left:0;transform:translate(-100px,-100px)}.handles.is-dragging .handle{cursor:grabbing}.handle.is-locked{cursor:default}.handle__dot{background:var(--dot);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--ring), 0 0 0 2.5px #00000047, 0 1px 3px #00000059;transition:width var(--dur) var(--ease), height var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:50%}.handle:hover .handle__dot{width:14px;height:14px}.handle.is-selected .handle__dot{width:14px;height:14px;box-shadow:0 0 0 2px var(--page), 0 0 0 3.5px var(--accent), 0 1px 4px #0006}.handle[data-pinned=true] .handle__dot{box-shadow:inset 0 0 0 2px var(--dot), 0 0 0 1px #0006;background:0 0}.handle[data-pinned=true]:after{content:"";background:var(--text-2);transform-origin:0;width:8px;height:1.5px;transform:rotate(var(--pin-angle,0deg)) translateX(9px);position:absolute;top:50%;left:50%}.handle__lock{background:var(--page);width:13px;height:13px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-1px}.handle:focus-visible{outline-offset:0}.settings{flex-direction:column;display:flex}.tabs{border-bottom:1px solid var(--border);flex:none;grid-template-columns:repeat(5,1fr);height:42px;padding:0 8px;display:grid}.tabs__tab{color:var(--text-2);transition:color var(--dur) var(--ease);font-size:12.5px;font-weight:500;position:relative}.tabs__tab:hover,.tabs__tab.is-active{color:var(--text)}.tabs__tab:after{content:"";background:var(--text);height:1.5px;transition:transform .18s var(--ease);position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(0)}.tabs__tab.is-active:after{transform:scaleX(1)}.tabs__tab:focus-visible{outline-offset:-4px;border-radius:6px}.settings__body{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:1;min-height:0;overflow:hidden auto}.settings__body::-webkit-scrollbar{width:8px}.settings__body::-webkit-scrollbar-thumb{border:2px solid var(--panel);background:#ffffff1f;border-radius:8px}.section{border-bottom:1px solid var(--border);padding:14px 16px 16px}.section:last-child{border-bottom:0}.section__head{justify-content:space-between;align-items:center;min-height:26px;margin-bottom:8px;display:flex}.section__title{color:var(--text);letter-spacing:0;align-items:baseline;gap:8px;font-size:12px;font-weight:600;display:flex}.section__count{color:var(--text-3);font-size:11px;font-weight:400}.note{color:var(--text-3);margin-top:10px;font-size:11.5px;line-height:1.5}.note--ok{color:var(--ok)}.note--error{color:var(--danger)}.sliders{flex-direction:column;display:flex}.slider{grid-template-columns:94px minmax(0,1fr) 56px;align-items:center;gap:10px;height:30px;display:grid}.slider.is-disabled{opacity:.4}.slider__label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;cursor:default;font-size:12px;overflow:hidden}.slider:hover .slider__label{color:var(--text)}.slider__value{background:var(--input);width:100%;height:24px;font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--text);transition:border-color var(--dur) var(--ease);border:1px solid #0000;border-radius:5px;padding:0 6px;font-size:11px}.slider__value:hover:not(:disabled){border-color:var(--border)}.slider__value:focus{border-color:var(--border-strong);outline:none}.range{appearance:none;cursor:pointer;--track:#ffffff1f;--fill:#ffffff9e;background:0 0;width:100%;height:20px;margin:0}.range:disabled{cursor:default}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track) 0 var(--a,0%), var(--fill) var(--a,0%) var(--b,0%), var(--track) var(--b,0%) 100%);border-radius:2px;height:2px}.range::-moz-range-track{background:linear-gradient(to right, var(--track) 0 var(--a,0%), var(--fill) var(--a,0%) var(--b,0%), var(--track) var(--b,0%) 100%);border-radius:2px;height:2px}.range::-webkit-slider-thumb{appearance:none;background:var(--text);width:12px;height:12px;box-shadow:0 0 0 3px var(--panel);transition:transform var(--dur) var(--ease);border:0;border-radius:50%;margin-top:-5px}.range::-moz-range-thumb{background:var(--text);width:12px;height:12px;box-shadow:0 0 0 3px var(--panel);border:0;border-radius:50%}.range:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.12)}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--panel), 0 0 0 4.5px var(--focus)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--panel), 0 0 0 4.5px var(--focus)}.swatch{width:22px;height:22px;transition:box-shadow var(--dur) var(--ease);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff24}.swatch:hover,.swatch[aria-expanded=true]{box-shadow:inset 0 0 0 1px #ffffff24, 0 0 0 2px var(--panel), 0 0 0 3px #fff6}.field{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input);min-width:0;height:28px;transition:border-color var(--dur) var(--ease);flex:1;padding:0 9px;font-size:12px}.field::placeholder{color:var(--text-3)}.field:hover{border-color:var(--border-strong)}.field:focus{border-color:#ffffff4d;outline:none}.field--num{width:72px;font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.chip{width:20px;height:20px;transition:box-shadow var(--dur) var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29}.chip:hover{box-shadow:inset 0 0 0 1px #ffffff29, 0 0 0 2px var(--panel), 0 0 0 3px #ffffff59}.chip.is-selected{box-shadow:inset 0 0 0 1px #ffffff29, 0 0 0 2px var(--panel), 0 0 0 3.5px var(--accent)}.disclosure{width:100%;height:26px;color:var(--text-2);text-align:left;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.disclosure:hover{color:var(--text)}.disclosure__chev{transition:transform .16s var(--ease)}.disclosure[aria-expanded=true]{color:var(--text);margin-bottom:6px}.disclosure[aria-expanded=true] .disclosure__chev{transform:rotate(90deg)}.segmented{background:var(--input);border:1px solid var(--border);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:inline-grid}.segmented__item{height:26px;color:var(--text-2);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:6px;padding:0 10px;font-size:12px;font-weight:500}.segmented__item:hover:not(:disabled){color:var(--text)}.segmented__item.is-active{color:var(--text);background:#2a2a2a;box-shadow:inset 0 1px #ffffff0a}.segmented__item:disabled{opacity:.35}.segmented__item:focus-visible{outline-offset:-1px}.segmented--wide{width:100%;display:grid}.modes{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;gap:2px;width:100%;display:grid}.modes .segmented__item{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:52px;font-size:11.5px;display:flex}.modes .segmented__item svg{opacity:.8}.modes .segmented__item.is-active svg{opacity:1}.popover{z-index:50;background:var(--overlay);border:1px solid var(--border-strong);animation:pop-in .12s var(--ease);border-radius:10px;position:fixed;box-shadow:0 12px 32px #00000080}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px)}}.menu{max-height:min(560px,100vh - 80px);padding:6px;overflow-y:auto}.menu__title{color:var(--text-3);padding:6px 8px;font-size:11px;font-weight:500}.menu__count{font-family:var(--mono);margin-left:4px}.menu__item{text-align:left;width:100%;min-height:32px;color:var(--text);transition:background-color var(--dur) var(--ease);border-radius:6px;align-items:center;gap:10px;padding:6px 8px;font-size:12.5px;display:flex}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--hover)}.menu__item:focus-visible{outline-offset:-1px}.menu__item:disabled{opacity:.4}.menu__item.is-active{background:var(--active)}.menu__item--stack{flex-direction:column;align-items:flex-start;gap:1px}.menu__label{flex:1}.menu__desc,.menu__hint{color:var(--text-3);font-size:11.5px}.menu__check{color:var(--accent)}.menu__ratio{place-items:center;width:20px;height:20px;display:grid}.menu__ratio span{border:1.2px solid var(--text-3);border-radius:2px;display:block}.menu__item.is-active .menu__ratio span{border-color:var(--text)}.menu__sep{background:var(--border);height:1px;margin:6px 2px}.menu__custom{align-items:center;gap:6px;padding:4px 8px;display:flex}.menu__custom-label{color:var(--text-2);flex:1;font-size:12.5px}.menu__custom .field--num{width:60px}.menu__times{color:var(--text-3)}.menu__foot{color:var(--text-3);padding:2px 8px 4px;font-size:11px}.menu__empty{color:var(--text-3);padding:4px 8px 10px;font-size:12px;line-height:1.5}.recent{margin:0;padding:0;list-style:none}.recent__item{text-align:left;width:100%;transition:background-color var(--dur) var(--ease);border-radius:7px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}.recent__item:hover,.recent__item:focus-visible{background:var(--hover)}.recent__thumb{object-fit:cover;width:64px;height:40px;box-shadow:inset 0 0 0 1px var(--border);background:#000;border-radius:4px;display:block}.recent__text{flex-direction:column;min-width:0;display:flex}.recent__name{font-size:12.5px}.recent__meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.recent__time{color:var(--text-3);white-space:nowrap;font-size:11px}.popover--picker{padding:12px}.picker{flex-direction:column;gap:12px;display:flex}.picker__plane{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:6px;height:150px;position:relative}.picker__thumb{pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 3px #00000059}.picker__hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:5px;height:10px;position:relative}.picker__hue-thumb{pointer-events:none;background:0 0;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #00000059}.picker__row{align-items:center;gap:8px;display:flex}.picker__swatch{border-radius:6px;flex:none;width:26px;height:26px;box-shadow:inset 0 0 0 1px #ffffff24}.picker__hex{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input);height:28px;font-family:var(--mono);flex:1;padding:0 8px;font-size:12px}.picker__hex:focus{border-color:#ffffff4d}.tooltip{z-index:100;border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;pointer-events:none;animation:tip-in .1s var(--ease);background:#1d1d1d;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:11.5px;display:flex;position:fixed}.tooltip--bottom{transform:translate(-50%,8px)}.tooltip--top{transform:translate(-50%,calc(-100% - 8px))}.tooltip--left{transform:translate(calc(-100% - 8px),-50%)}.tooltip--right{transform:translate(8px,-50%)}.tooltip kbd{font-family:var(--mono);color:var(--text-2);font-size:10.5px}@keyframes tip-in{0%{opacity:0}}.modal-scrim{z-index:60;animation:fade-in .14s var(--ease);background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;outline:none;flex-direction:column;width:min(440px,100%);max-height:calc(100dvh - 32px);display:flex;box-shadow:0 24px 60px #0000008c}.modal__head{justify-content:space-between;align-items:center;padding:14px 14px 10px 18px;display:flex}.modal__title{font-size:14px;font-weight:600}.modal__body{flex-direction:column;gap:14px;padding:4px 18px 18px;display:flex;overflow-y:auto}.modal__foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.field-row{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;display:grid}.field-row .segmented{justify-self:start}.field-row__label{color:var(--text-2);font-size:12px}.field-row__value{color:var(--text);font-size:12px}.custom-size{color:var(--text-3);align-items:center;gap:8px;display:flex}.quality{align-items:center;gap:10px;display:flex}.quality__value{text-align:right;width:28px;color:var(--text-2);font-size:11.5px}.summary{background:var(--input);color:var(--text-2);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}.summary .mono{color:var(--text)}.summary.is-error{color:var(--danger)}.check{cursor:pointer;grid-template-columns:16px 1fr;align-items:start;gap:10px;font-size:12.5px;display:grid;position:relative}.check input{opacity:0;width:16px;height:16px;margin:0;position:absolute}.check__box{border:1px solid var(--border-strong);background:var(--input);width:16px;height:16px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:4px;place-items:center;margin-top:1px;display:grid}.check input:checked+.check__box{background:var(--text);border-color:var(--text)}.check input:checked+.check__box:after{content:"";border-left:1.6px solid var(--page);border-bottom:1.6px solid var(--page);width:8px;height:4.5px;margin-top:-2px;transform:rotate(-45deg)}.check input:focus-visible+.check__box{outline:1.5px solid var(--focus);outline-offset:2px}.check__hint{color:var(--text-3);margin-top:2px;font-size:11.5px;display:block}.progress{flex-direction:column;gap:8px;display:flex}.progress__bar{background:#ffffff14;border-radius:3px;height:3px;overflow:hidden}.progress__bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .12s linear;display:block}.progress__label{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11.5px}.drawer-scrim{z-index:40;opacity:0;pointer-events:none;transition:opacity .2s var(--ease);background:#00000080;position:fixed;inset:0}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.drawer{z-index:41;top:var(--pad);right:var(--pad);bottom:var(--pad);width:min(var(--panel-w), calc(100vw - var(--pad) * 2));transform:translateX(calc(100% + var(--pad) + 8px));transition:transform .24s var(--ease);outline:none;display:flex;position:fixed}.drawer.is-open{transform:none}.drawer .settings{flex:1;box-shadow:0 16px 48px #0000008c}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.shape-handle{touch-action:none;place-items:center;width:18px;height:18px;margin:-9px 0 0 -9px;display:grid;position:absolute;top:0;left:0;transform:translate(-100px,-100px)}.shape-handle:before{content:"";background:var(--text);width:7px;height:7px;transition:transform var(--dur) var(--ease);border-radius:1.5px;box-shadow:0 0 0 1px #0000008c,0 1px 3px #0006}.shape-handle:hover:before{transform:scale(1.25)}.shape-handle[data-clamped]:before{box-shadow:inset 0 0 0 1.5px var(--text), 0 0 0 1px #00000073;background:0 0}.shape-handle--x{cursor:ew-resize}.shape-handle--y{cursor:ns-resize}.shape-handle--rot{cursor:grab}.shape-handle--rot:before{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--text), 0 0 0 1px #00000073;background:0 0;border-radius:50%}.handles.is-shaping .shape-handle--rot{cursor:grabbing}.handles.is-dragging .shape-handle{opacity:0}.handles__guides .stem{stroke:#fff6;stroke-dasharray:none}.compare{pointer-events:none;position:absolute;inset:0}.compare__tag{width:20px;height:20px;color:var(--text);background:#050505b8;border-radius:5px;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute}.compare__divider{cursor:ew-resize;pointer-events:auto;touch-action:none;outline:none;width:24px;margin-left:-12px;position:absolute}.compare__divider:before{content:"";background:#ffffffd9;width:1px;position:absolute;top:0;bottom:0;left:11.5px;box-shadow:0 0 0 .5px #0000004d}.compare__knob{background:var(--text);border-radius:9px;width:18px;height:30px;margin-top:-15px;position:absolute;top:50%;left:3px;box-shadow:0 1px 6px #00000073}.compare__knob:before,.compare__knob:after{content:"";background:#05050580;width:1px;height:10px;position:absolute;top:10px}.compare__knob:before{left:7px}.compare__knob:after{left:10px}.compare__divider:focus-visible .compare__knob{box-shadow:0 0 0 2px var(--page), 0 0 0 3.5px var(--focus)}.compare__bar{border:1px solid var(--border-strong);pointer-events:auto;white-space:nowrap;background:#111111f0;border-radius:8px;align-items:center;gap:6px;padding:4px 4px 4px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.compare__label{color:var(--text-2);margin-right:4px;font-size:11.5px}.canvas-panel.is-presenting{z-index:90;background:#000;border:0;border-radius:0;position:fixed;inset:0}.canvas-panel.is-presenting .stage{--stage-pad:0px;background:#000}.canvas-panel.is-presenting .artboard{outline:none}.canvas-panel.is-idle,.canvas-panel.is-idle *{cursor:none!important}.present-hint{color:var(--text-2);pointer-events:none;animation:hint-out 3.2s var(--ease) forwards;background:#0a0a0ab8;border-radius:7px;padding:6px 12px;font-size:12px;position:absolute;top:18px;left:50%;transform:translate(-50%)}@keyframes hint-out{0%,70%{opacity:1}to{opacity:0}}.recent__actions .menu__item svg{color:var(--text-2)}.recent__row{align-items:center;display:flex;position:relative}.recent__row .recent__item{flex:1;min-width:0;padding-right:36px}.recent__star{width:26px;height:26px;color:var(--text-3);opacity:0;transition:opacity var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:6px;place-items:center;margin-top:-13px;display:grid;position:absolute;top:50%;right:6px}.recent__row:hover .recent__star,.recent__star:focus-visible,.recent__star[aria-pressed=true]{opacity:1}.recent__star:hover{background:var(--active);color:var(--text)}.recent__star[aria-pressed=true]{color:var(--accent)}.recent__variant{color:var(--text-3)}.recent__row .recent__time{transition:opacity var(--dur) var(--ease)}.recent__row:hover .recent__time,.recent__row.is-starred .recent__time{opacity:0}.toaster{z-index:120;pointer-events:none;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;animation:toast-in .16s var(--ease);background:#1c1c1c;border-radius:8px;padding:8px 14px;font-size:12.5px;box-shadow:0 10px 28px #00000073}.toast--error{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}}.dropzone{z-index:110;pointer-events:none;background:#05050599;place-items:center;display:grid;position:fixed;inset:0}.dropzone__card{background:var(--panel);color:var(--text);border:1.5px dashed #ffffff59;border-radius:12px;padding:22px 28px;font-size:13px}.modal--wide{width:min(620px,100%)}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;display:grid}@media (max-width:559px){.shortcuts{grid-template-columns:minmax(0,1fr)}}.shortcuts__title{color:var(--text-3);margin:0 0 8px;font-size:11px;font-weight:500}.shortcuts dl{margin:0}.shortcuts__row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}.shortcuts__row dt{order:2}.shortcuts__row dd{color:var(--text-2);margin:0;font-size:12.5px}.shortcuts kbd{font-family:var(--mono);background:var(--input);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px}.modes{grid-template-columns:repeat(4,1fr)}.modes .segmented__item{height:50px;padding:0 4px}.morph__pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.morph__pair figure{flex-direction:column;gap:5px;margin:0;display:flex}.morph__pair img,.morph__empty{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:inset 0 0 0 1px var(--border);background:#000;border-radius:5px}.morph__pair figcaption{color:var(--text-3);font-size:11px}.morph__arrow{color:var(--text-3);font-size:13px}@media (max-width:719px){.modal__head{flex-wrap:wrap;gap:8px}}.imgpal{grid-template-columns:56px minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.imgpal__thumb{object-fit:cover;width:56px;height:40px;box-shadow:inset 0 0 0 1px var(--border);border-radius:5px}.imgpal__strip{height:40px;box-shadow:inset 0 0 0 1px var(--border);border-radius:5px;display:flex;overflow:hidden}.imgpal__strip span{flex-basis:0}.imgpal__choose{justify-content:center;width:100%}.modal--code{width:min(620px,100%)}.code{resize:vertical;border:1px solid var(--border);width:100%;height:190px;color:var(--text-2);font-family:var(--mono);white-space:pre-wrap;word-break:break-all;background:#0b0b0b;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.55}.code:focus{border-color:var(--border-strong);outline:none}.field-row .segmented{flex-wrap:wrap}.btn.is-on,.btn[aria-pressed=true].btn--ghost{background:var(--active);color:var(--text)}.btn--xs{border-radius:5px;height:22px;padding:0 7px;font-size:11.5px}.btn--block{justify-content:center;width:100%}.btn--explore{border:1px solid var(--border-strong);letter-spacing:-.005em;background:#1c1c1c;height:36px;font-size:13px;font-weight:600}.btn--explore:hover:not(:disabled){background:#232323;border-color:#fff3}.btn--explore:active:not(:disabled){background:#1a1a1a}.context-note{color:var(--text-2);border-bottom:1px solid var(--border);background:#ffffff04;padding:9px 16px;font-size:11.5px}.section__meta{color:var(--text-3);font-size:11.5px}.section__tools{gap:2px;margin-right:-4px;display:flex}.section--actions{flex-direction:column;gap:8px;display:flex}.section--advanced{padding-top:6px;padding-bottom:6px}.section--advanced.is-open{padding-bottom:16px}.advanced{flex-direction:column;gap:18px;padding-top:8px;display:flex}.group{flex-direction:column;gap:6px;display:flex}.group+.group{margin-top:12px}.advanced .group+.group{margin-top:0}.group__head{justify-content:space-between;align-items:center;min-height:18px;display:flex}.group__title{color:var(--text-3);letter-spacing:.01em;font-size:11px;font-weight:500}.row-field{align-items:center;gap:10px;min-height:30px;display:flex}.row-field__label{width:58px;color:var(--text-2);flex:none;font-size:12px}.row-field__control{flex:1;min-width:0}.row-field__static{color:var(--text-3);font-size:11.5px}.chips-row{flex-wrap:wrap;gap:4px;display:flex}.chips-row .btn--ghost{border:1px solid var(--border)}.inline{align-items:center;gap:6px;display:flex}.inline__grow{flex:1;min-width:0}.empty-hint{justify-content:space-between;align-items:center;gap:8px;display:flex}.empty-hint .note{margin:0}.dropdown{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input);text-align:left;height:30px;transition:border-color var(--dur) var(--ease);align-items:center;gap:8px;padding:0 10px;font-size:12.5px;display:flex}.dropdown:hover:not(:disabled),.dropdown[aria-expanded=true]{border-color:var(--border-strong)}.dropdown:disabled{opacity:.45}.dropdown__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown__chev{color:var(--text-3);flex:none}.menu__text{flex-direction:column;flex:1;gap:1px;display:flex}.menu__item--stack{flex-direction:row;align-items:center}.recipes{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.recipe{aspect-ratio:16/10;box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);background:#0d0d0d;border-radius:5px;position:relative;overflow:hidden}.recipe img,.recipe__blank{object-fit:cover;width:100%;height:100%;display:block}.recipe__blank{background:linear-gradient(90deg,#111 0%,#161616 50%,#111 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.recipe:hover{box-shadow:inset 0 0 0 1px #ffffff47}.recipe.is-active{box-shadow:0 0 0 1.5px var(--accent), inset 0 0 0 1px #0006}.palette{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.swatch--field,.swatch--ground,.swatch--add{touch-action:none;border-radius:7px;flex:none;width:28px;height:28px}.swatch--ground{border-radius:7px;margin-right:5px;position:relative}.swatch--ground:after{content:"";background:var(--border-strong);width:1px;position:absolute;top:5px;bottom:5px;right:-7px}.swatch--field{cursor:grab;position:relative}.swatch--field.is-dragging{opacity:.55;cursor:grabbing}.swatch.is-selected{box-shadow:inset 0 0 0 1px #00000040, 0 0 0 2px var(--panel), 0 0 0 3.5px var(--accent)}.swatch__lock{background:var(--text);width:9px;height:9px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.swatch--add{color:var(--text-3);box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0;place-items:center;display:grid}.swatch--add:hover:not(:disabled){color:var(--text);box-shadow:inset 0 0 0 1px #ffffff4d}.swatch--add:disabled{opacity:.35}.picker__row{align-items:center}.picker__channels{flex:1;grid-template-columns:repeat(3,1fr);gap:4px;min-width:0;display:grid}.picker__channel{align-items:center;gap:3px;min-width:0;display:flex}.picker__channel span{color:var(--text-3);flex:none;width:8px;font-size:10.5px}.picker__channel .field--num{width:100%;min-width:0;height:26px;padding:0 5px;font-size:11px}.picker__space{height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;padding:0 4px;font-size:10.5px;font-weight:500}.picker__space:hover{color:var(--text);background:var(--input)}.picker__space:focus-visible{border-color:var(--border-strong)}.picker__actions{border-top:1px solid var(--border);align-items:center;gap:2px;padding:8px 10px 10px;display:flex}.picker__spacer{flex:1}.picker__note{color:var(--text-3);margin-left:6px;font-size:11.5px}.mutate{flex-direction:column;gap:6px;display:flex}.mutate__row{animation:pop-in .14s var(--ease);grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mutate__row .btn{border:1px solid var(--border);justify-content:center}.seed{align-items:center;gap:4px;display:flex}.seed__icon{color:var(--text-3);margin-right:2px}.seed__input{width:92px;font-family:var(--mono);letter-spacing:.02em;flex:none}.field--mono{font-family:var(--mono)}.imgpal{flex-direction:column;gap:8px;display:flex}.imgpal__head{align-items:center;gap:8px;display:flex}.imgpal__head .imgpal__strip{flex:1}.imgpal__choose{border:1px dashed var(--border-strong);justify-content:center}.types{flex:1}.types .segmented__item{flex:1;justify-content:center;padding:0}.types .segmented__item svg{opacity:.7}.types .segmented__item.is-active svg{opacity:1}.modes{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.mode{border-radius:var(--radius-sm);border:1px solid var(--border);height:50px;color:var(--text-2);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.mode svg{opacity:.75}.mode:hover:not(:disabled){color:var(--text);background:var(--hover)}.mode.is-active{color:var(--text);border-color:var(--accent);background:#ff4b200f}.mode.is-active svg{opacity:1;color:var(--accent)}.mode:disabled{opacity:.35}.timeline{flex-direction:column;gap:4px;display:flex}.timeline.is-disabled{opacity:.45;pointer-events:none}.timeline__track{cursor:ew-resize;touch-action:none;height:30px;margin:0 7px;position:relative}.timeline__track:focus-visible{outline-offset:2px;border-radius:4px}.timeline__rail{background:repeating-linear-gradient(90deg, #ffffff12 0 1px, transparent 1px 10%), var(--input);height:20px;box-shadow:inset 0 0 0 1px var(--border);border-radius:5px;position:absolute;top:50%;left:-7px;right:-7px;transform:translateY(-50%)}.timeline__head{background:var(--text);pointer-events:none;width:1.5px;margin-left:-.75px;position:absolute;top:1px;bottom:1px}.timeline__key{background:var(--text-2);width:11px;height:11px;box-shadow:0 0 0 2px var(--input);z-index:1;cursor:grab;touch-action:none;border-radius:2px;margin:-5.5px 0 0 -5.5px;position:absolute;top:50%;transform:rotate(45deg)}.timeline__key:hover{background:var(--text)}.timeline__key.is-active{background:var(--accent)}.timeline__bar{align-items:center;gap:4px;display:flex}.timeline__time{color:var(--text-3);font-size:11px}.timeline__spacer{flex:1}.timeline .note{margin-top:2px}.meters{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.meters span{--v:0;background:var(--input);border-radius:4px;height:34px;position:relative;overflow:hidden}.meters span:before{content:"";height:calc(var(--v) * 100%);background:#ffffff47;position:absolute;bottom:0;left:0;right:0}.meters span:after{content:attr(data-label);color:var(--text-2);font-size:9px;line-height:1.15;position:absolute;bottom:3px;left:5px;right:3px}.morph__pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:4px;display:grid}.canvas-meta{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 8px 0 14px}.canvas-meta__label{color:var(--text-2)}.canvas-meta__layer{color:var(--text-3)}.canvas-meta__hint--action{color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.canvas-meta__hint--action .btn:first-of-type{color:var(--text);border:1px solid var(--border-strong)}.canvas-meta__tools{justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex}.tool{height:26px;color:var(--text-2);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:11.5px;display:inline-flex}.tool--icon{justify-content:center;width:28px;padding:0}.tool:hover{color:var(--text);background:var(--hover)}.tool.is-on{color:var(--text);background:var(--active)}.tool__count{color:var(--text-3);font-size:10.5px}.canvas-meta__size{color:var(--text-3);margin-left:6px;padding-right:6px;font-size:11px}@media (max-width:719px){.tool span:not(.tool__count){display:none}.tool{justify-content:center;width:28px;padding:0}}.grid-overlay{pointer-events:none;fill:none;stroke:#ffffff4d;stroke-width:1px;vector-effect:non-scaling-stroke;position:absolute}.grid-overlay path{vector-effect:non-scaling-stroke}.grid-overlay__centre{stroke:#ffffff24;stroke-dasharray:3 4}.handles{pointer-events:none}.handles.is-editing{pointer-events:auto;cursor:crosshair}.handles .handle,.handles .shape-handle{pointer-events:auto}.handles.is-locked .handle{opacity:.55;cursor:not-allowed}.explore{z-index:5;animation:fade-in .16s var(--ease);background:#0b0b0b;flex-direction:column;padding:12px 20px 20px;display:flex;position:absolute;inset:0}.explore__head{flex:none;align-items:center;gap:10px;height:32px;margin-bottom:12px;display:flex}.explore__title{font-size:13px;font-weight:600}.explore__spacer{flex:1}.explore__grid{flex:1;place-content:center;gap:12px;min-height:0;display:grid}.explore__cell{text-align:left;border-radius:8px;flex-direction:column;gap:6px;display:flex}.explore__img{box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow var(--dur) var(--ease), transform .18s var(--ease);background:#111;border-radius:6px;display:block;overflow:hidden}.explore__img img{object-fit:cover;width:100%;height:100%;animation:fade-in .22s var(--ease);display:block}.explore__cell.is-loading .explore__img{background:linear-gradient(90deg,#101010 0%,#171717 50%,#101010 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.explore__cell:not(:disabled):hover .explore__img,.explore__cell:focus-visible .explore__img{box-shadow:0 0 0 1.5px var(--accent)}.explore__cell:focus-visible{outline:none}.explore__caption{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.explore__parents{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.explore__parents img{object-fit:cover;outline:1px solid var(--border);outline-offset:-1px;border-radius:4px;width:48px;height:27px;display:block}@media (max-width:719px){.explore__scope{display:none}}.drawer-pop{flex-direction:column;max-height:min(620px,100dvh - 120px);padding:0;display:flex}.drawer-pop__head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;height:42px;padding:0 8px 0 14px;display:flex}.drawer-pop__title{font-size:12.5px;font-weight:600}.drawer-pop__spacer{flex:1}.drawer-pop__note{border-top:1px solid var(--border);margin:0;padding:8px 14px 12px}.layers__list{flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.layer{border-radius:8px}.layer.is-active{box-shadow:inset 0 0 0 1px var(--border);background:#ffffff09}.layer__main{align-items:center;gap:2px;height:36px;padding:0 4px;display:flex}.layer__name{text-align:left;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;height:30px;padding:0 6px;display:flex}.layer__name:hover{background:var(--hover)}.layer.is-hidden .layer__name{opacity:.45}.layer__swatches{flex:none;display:flex}.layer__swatches span{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--overlay);border-radius:50%}.layer__swatches span+span{margin-left:-4px}.layer__label{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.layer.is-active .layer__label{font-weight:600}.layer__engine{color:var(--text-3);margin-left:auto;font-size:11px}.layer__detail{flex-direction:column;gap:4px;padding:2px 10px 8px;display:flex}.layer__actions{align-items:center;gap:2px;padding-top:4px;display:flex}.layer__spacer{flex:1}.mask{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:4px;padding-top:6px;display:flex}.mask__fields{gap:8px;padding:6px 0;display:flex}.history__list{scrollbar-width:thin;gap:8px;margin:0;padding:12px 14px;list-style:none;display:flex;overflow-x:auto}.history__item{text-align:left;flex-direction:column;gap:5px;width:104px;display:flex}.history__item img{object-fit:cover;width:104px;height:60px;box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow var(--dur) var(--ease);border-radius:5px;display:block}.history__item:hover img{box-shadow:0 0 0 1px #ffffff59}.history__item.is-current img{box-shadow:0 0 0 1.5px var(--accent)}.history__item.is-future{opacity:.5}.history__label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.history__item.is-current .history__label{color:var(--text)}.modal-scrim--top{place-items:start center;padding-top:14vh}.cmdk{background:var(--overlay);border:1px solid var(--border-strong);width:min(560px,100%);max-height:min(460px,70vh);animation:pop-in .12s var(--ease);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.cmdk__input{border:0;border-bottom:1px solid var(--border);background:0 0;height:48px;padding:0 18px;font-size:14px}.cmdk__input:focus-visible{outline:none}.cmdk__input::placeholder{color:var(--text-3)}.cmdk__list{padding:6px;overflow-y:auto}.cmdk__item{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;height:34px;padding:0 12px;font-size:13px;display:flex}.cmdk__item.is-active{background:var(--active)}.cmdk__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cmdk__group{color:var(--text-3);font-size:11.5px}.cmdk__kbd{font-family:var(--mono);color:var(--text-2);border:1px solid var(--border-strong);border-radius:4px;padding:1px 6px;font-size:11px}.cmdk__empty{color:var(--text-3);padding:18px 12px;font-size:12.5px}.modal__head{gap:10px}.modal__title{flex:1}.modal__tabs{background:var(--input);border-radius:7px;gap:2px;padding:2px;display:flex}.modal__tab{height:24px;color:var(--text-2);border-radius:5px;padding:0 9px;font-size:11.5px}.modal__tab:hover:not(:disabled){color:var(--text)}.modal__tab.is-active{color:var(--text);background:#262626}.segmented--dense .segmented__item{padding:0 4px;font-size:11.5px}.recent__tabs{align-items:center;gap:2px;padding:2px 2px 6px;display:flex}.recent__tab{height:26px;color:var(--text-2);border-radius:6px;padding:0 8px;font-size:12px}.recent__tab:hover{color:var(--text)}.recent__tab.is-active{color:var(--text);background:var(--active)}.recent__tabs-spacer{flex:1}.recent__remove{width:20px;height:20px;color:var(--text-3);opacity:0;transition:opacity var(--dur) var(--ease);border-radius:5px;place-items:center;margin-top:-10px;display:grid;position:absolute;top:50%;right:34px}.recent__row:hover .recent__remove,.recent__remove:focus-visible{opacity:1}.recent__remove:hover{color:var(--text);background:var(--hover)}.recent__row:hover .recent__time{visibility:hidden}.generate{--g1:#888;--g2:#666;--g3:#444;background:linear-gradient(115deg, color-mix(in srgb, var(--g1) 28%, #141414), color-mix(in srgb, var(--g2) 10%, #141414) 55%, color-mix(in srgb, var(--g3) 24%, #141414)) padding-box, linear-gradient(115deg, var(--g1), var(--g2) 50%, var(--g3)) border-box;height:30px;box-shadow:0 0 18px -6px color-mix(in srgb, var(--g1) 55%, transparent);transition:box-shadow .22s var(--ease), transform .12s var(--ease);border:1.5px solid #0000;border-radius:8px;align-items:stretch;display:inline-flex;position:relative}.generate:hover{box-shadow:0 0 22px -4px color-mix(in srgb, var(--g1) 70%, transparent)}.generate__main{letter-spacing:-.005em;color:var(--text);border-radius:6px 0 0 6px;align-items:center;gap:7px;padding:0 10px 0 11px;font-size:12.5px;font-weight:650;display:inline-flex}.generate__main:active{transform:scale(.97)}.generate__icon{color:color-mix(in srgb, var(--g1) 45%, #fff)}.generate__icon.is-rolling{animation:generate-roll .52s var(--ease)}@keyframes generate-roll{0%{transform:rotate(0)scale(1)}45%{transform:rotate(200deg)scale(1.35)}to{transform:rotate(360deg)scale(1)}}.generate__keep{color:var(--text);background:#ffffff1f;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10.5px;font-weight:650;display:inline-flex}.generate__caret{width:22px;color:var(--text-2);border-left:1px solid #ffffff1a;border-radius:0 6px 6px 0;place-items:center;display:grid}.generate__caret:hover,.generate__caret[aria-expanded=true]{color:var(--text);background:#ffffff0d}.generate--block{background:linear-gradient(115deg, color-mix(in srgb, var(--g1) 46%, #111), color-mix(in srgb, var(--g2) 30%, #111) 55%, color-mix(in srgb, var(--g3) 44%, #111)) padding-box, linear-gradient(115deg, var(--g1), var(--g2) 50%, var(--g3)) border-box;height:44px;box-shadow:0 6px 24px -8px color-mix(in srgb, var(--g1) 70%, transparent);border-width:2px;border-radius:10px;display:flex}.generate--block .generate__main span{text-shadow:0 1px 2px #00000073}.generate--block .generate__icon{color:#fff}.generate--block .generate__main{border-radius:8px 0 0 8px;flex:1;justify-content:center;font-size:14px}.generate--block .generate__caret{border-radius:0 8px 8px 0;width:34px}.generate-menu{padding:6px}.generate-menu__title{color:var(--text-3);padding:4px 8px 6px;font-size:11px}.generate-menu__item{text-align:left;width:100%;color:var(--text);border-radius:6px;align-items:flex-start;gap:6px;padding:7px 8px;font-size:12.5px;display:flex}.generate-menu__item:hover,.generate-menu__item:focus-visible{background:var(--hover)}.generate-menu__check{width:14px;color:var(--accent);flex:none;padding-top:2px}.generate-menu__text{flex-direction:column;gap:1px;display:flex}.generate-menu__hint{color:var(--text-3);font-size:11px}.section--generate{gap:10px}.actions-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.actions-row>.btn{justify-content:center}.actions-row .mutate{display:contents}.actions-row .mutate__row{grid-column:1/-1}.engine-note{margin-top:6px}.link-btn{color:var(--text);text-underline-offset:2px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.link-btn:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.glass-list{flex-wrap:wrap;gap:6px;display:flex}.glass-chip{height:26px;color:var(--text-2);background:var(--input);border:1px solid var(--border);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:6px;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:11.5px;display:inline-flex}.glass-chip:hover{color:var(--text);border-color:var(--border-strong)}.glass-chip.is-selected{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.glass-chip.is-hidden{opacity:.5}.glass-empty{flex-direction:column;gap:10px;display:flex}.glass-empty .note{margin:0}.glass-presets{grid-template-columns:repeat(4,1fr)}.glass-preset__name{color:#fff;text-align:center;text-shadow:0 1px 2px #0009;pointer-events:none;background:linear-gradient(#0000,#0000008c);padding:10px 4px 3px;font-size:9.5px;font-weight:600;line-height:1.1;position:absolute;bottom:0;left:0;right:0}.glass-note{margin:0 0 10px}.glass-style-note{margin-top:6px}.glass-placements{margin-bottom:10px}.glass-tint{align-items:center;gap:10px;margin-top:10px;display:flex}.glass-tint__swatch{flex:none}.glass-tint__slider{flex:1;min-width:0}.glass-handles{pointer-events:none;z-index:2;position:absolute;inset:0}.glass-handles__svg{position:absolute;inset:0;overflow:visible}.glass-outline{fill:#0000;stroke:#ffffff59;stroke-width:1px;stroke-dasharray:4 4;pointer-events:all;cursor:move;transition:stroke var(--dur) var(--ease)}.glass-outline:hover{stroke:#ffffffb3}.glass-outline.is-selected{stroke:#fff;stroke-width:1.25px;stroke-dasharray:none;filter:drop-shadow(0 0 1px #000000b3)}.glass-outline.is-hidden{stroke-dasharray:2 5;stroke:#ffffff40}.glass-stem{stroke:#ffffff8c;stroke-width:1px}.glass-box{fill:none;stroke:#ffffff38;stroke-width:1px;stroke-dasharray:2 4;pointer-events:none}.glass-snap{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 3}.glass-handle{pointer-events:auto;touch-action:none;place-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;display:grid;position:absolute;top:0;left:0}.glass-handle:before{content:"";width:8px;height:8px;transition:transform var(--dur) var(--ease);background:#fff;border-radius:2px;box-shadow:0 0 0 1px #0009,0 1px 3px #00000073}.glass-handle:hover:before{transform:scale(1.3)}.glass-handle.is-pinned:before{background:0 0;box-shadow:inset 0 0 0 1.5px #fff,0 0 0 1px #00000080}.glass-handle--rot{cursor:grab}.glass-handle--rot:before{background:var(--accent);border-radius:50%;width:11px;height:11px}.glass-handles.is-dragging .glass-handle--rot,.glass-handles.is-dragging .glass-outline{cursor:grabbing}.glass-readout{color:#fff;white-space:nowrap;pointer-events:none;background:#000000b8;border-radius:5px;padding:3px 7px;font-size:11px;position:absolute;top:0;left:0;translate:-50% -50%}.lock-chips{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.lock-chip{height:26px;color:var(--text-3);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);border:1px dashed #ffffff1f;border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.lock-chip:hover{color:var(--text);border-color:#ffffff47}.lock-chip.is-on{color:var(--text);background:#ffffff14;border-style:solid;border-color:#ffffff57}.lock-icon{width:24px;height:24px;color:var(--text-3);transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:6px;flex:none;place-items:center;display:grid}.lock-icon:hover{color:var(--text);background:var(--hover)}.lock-icon.is-on{color:var(--text);background:#ffffff1a}.section__head .section__meta{margin-left:auto;margin-right:6px}.look-row{margin-top:10px}.lock-item{text-align:left;width:100%;color:var(--text-2);border-radius:6px;grid-template-columns:16px 1fr;align-items:center;column-gap:8px;padding:7px 8px;font-size:12.5px;display:grid}.lock-item:hover,.lock-item:focus-visible{background:var(--hover);color:var(--text)}.lock-item.is-on{color:var(--text)}.lock-item.is-on svg{color:var(--accent)}.lock-item__hint{color:var(--text-3);grid-column:2;font-size:11px;line-height:1.35}.generate-menu__foot{border-top:1px solid var(--border);color:var(--text-3);margin-top:4px;padding:8px 8px 4px;font-size:11px}kbd{min-width:18px;font-family:var(--mono);text-align:center;color:var(--text);background:#ffffff1a;border-radius:4px;padding:0 5px;font-size:10.5px;line-height:17px;display:inline-block;box-shadow:inset 0 -1px #ffffff14}.swatch-wrap{display:inline-flex;position:relative}.swatch-wrap .swatch--ground{margin-right:5px}.swatch-lock{width:15px;height:15px;color:var(--text-2);box-shadow:0 0 0 1px var(--border-strong);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);background:#0e0e0e;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px;transform:scale(.8)}.swatch-wrap:hover .swatch-lock,.swatch-lock:focus-visible,.swatch-lock.is-on{opacity:1;transform:none}.swatch-lock.is-on{color:#0b0b0b;background:var(--text);box-shadow:0 0 0 2px var(--panel)}@media (hover:none){.swatch-lock{opacity:.8;transform:none}}.strip{border-top:1px solid var(--border);background:#0d0d0d;flex:none;align-items:center;gap:6px;height:66px;padding:0 10px 0 12px;display:flex}.strip__row{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;height:100%;margin:0 -5px;padding:0 5px;scroll-padding-inline:5px;display:flex;overflow:auto hidden}.strip__row::-webkit-scrollbar{display:none}.strip__item{flex:none;position:relative}.strip__pick{width:84px;height:48px;box-shadow:inset 0 0 0 1px var(--border);opacity:.72;transition:opacity var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);background:#151515;border-radius:6px;display:block;overflow:hidden}.strip__pick img,.strip__blank{object-fit:cover;width:100%;height:100%;display:block}.strip__blank{background:linear-gradient(90deg,#111 0%,#181818 50%,#111 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.strip__item:hover .strip__pick{opacity:1}.strip__item.is-current .strip__pick{opacity:1;box-shadow:0 0 0 2px #0d0d0d, 0 0 0 3.5px var(--accent)}.strip__pick:active{transform:scale(.97)}.strip__star{color:#fff;opacity:0;width:18px;height:18px;transition:opacity var(--dur) var(--ease);background:#0000008c;border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}.strip__item:hover .strip__star,.strip__star:focus-visible,.strip__item.is-starred .strip__star{opacity:1}.strip__item.is-starred .strip__star{color:#ffcf4a}.strip__clear{width:24px;height:24px;color:var(--text-3);border-radius:6px;flex:none;place-items:center;display:grid}.strip__clear:hover{color:var(--text);background:var(--hover)}.strip__breed{width:24px;height:24px;color:var(--text-3);border-radius:6px;flex:none;place-items:center;display:grid}.strip__breed:hover,.strip__breed.is-on{color:var(--text);background:var(--hover)}.strip__note{color:var(--text-2);white-space:nowrap;flex:none;font-size:11.5px}.strip.is-picking .strip__item:not(.is-current) .strip__pick{opacity:1;cursor:copy}.strip.is-picking .strip__item:not(.is-current):hover .strip__pick,.strip__item.is-mate .strip__pick{opacity:1;box-shadow:0 0 0 2px #0d0d0d,0 0 0 3.5px #ffffff8c}@media (max-width:719px){.strip__note{display:none}}@media (hover:none){.strip__star{opacity:.8}}@media (max-width:719px){.strip{height:52px}.strip__pick{width:64px;height:36px}}.first-hint{z-index:4;max-width:calc(100% - 32px);color:var(--text);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;animation:hint-in .42s var(--ease) .6s both;background:#0a0a0ad1;border-radius:999px;align-items:center;gap:12px;padding:7px 8px 7px 14px;font-size:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1f,0 10px 30px #00000073}.first-hint b{font-weight:600}.first-hint__sep{background:#ffffff2e;width:1px;height:12px}.first-hint__close{width:22px;height:22px;color:var(--text-2);pointer-events:auto;border-radius:50%;place-items:center;display:grid}.first-hint__close:hover{color:var(--text);background:#ffffff1a}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:719px){.first-hint{white-space:normal;gap:8px;font-size:11px}}.explore__empty{color:var(--text-2);margin:0 0 12px;font-size:12.5px}.handles .shape-handle{z-index:2}.handles .handle{z-index:1}.devices{z-index:55;isolation:isolate;animation:fade-in .18s var(--ease);background:#040404;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.devices__ambient{z-index:-2;opacity:.55;pointer-events:none;background-position:50%;background-size:100% 100%;position:absolute;inset:-10%}.devices:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(110% 85% at 50% 48%,#0000 30%,#040404e0 100%),linear-gradient(#040404bf,#0000 16% 78%,#040404b3);position:absolute;inset:0}.devices__head{height:52px;color:var(--text);flex:none;align-items:center;gap:10px;padding:0 14px 0 20px;display:flex}.devices__title{font-size:13px;font-weight:600}.devices__hint{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:12px;overflow:hidden}.devices__spacer{flex:1}.devices__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:10px 28px 26px;display:flex}.devices__stage.is-scroll{overscroll-behavior:contain;justify-content:flex-start;padding:10px 16px 24px;overflow-y:auto}.devices__row{justify-content:center;align-items:flex-end;display:flex}.device-cell{flex-direction:column;flex:none;align-items:center;margin:0;display:flex}.device-cell__caption{z-index:1;text-shadow:0 1px 8px #0009;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:46px;display:flex;position:relative}.device-cell__name{color:var(--text-2);transition:color var(--dur) var(--ease);font-size:12px}.device-cell__size{color:#fff6;font-size:10.5px}.device-cell:hover .device-cell__name{color:var(--text)}.device-cell__save{animation:fade-in .16s var(--ease);gap:6px;box-shadow:0 8px 24px #ff4b2047}.device{--ink:255 255 255;--inv:14 14 16;--frost:#ffffff2e;--frost-line:#fff3;cursor:pointer;transition:transform .28s var(--ease);flex:none;padding:0;display:block;position:relative;container-type:inline-size}.device[data-tone=light]{--ink:16 16 20;--inv:255 255 255;--frost:#fff6;--frost-line:#ffffff80}:where(.device) :where(span,i,b,u){flex:none;font-style:normal;text-decoration:none;display:block}.device:hover{transform:translateY(-4px)}.device-cell.is-selected .device{transform:translateY(-9px)scale(1.012)}.device:focus-visible{outline:2px solid var(--focus);outline-offset:8px;border-radius:6px}.device__shadow{height:7cqw;max-height:34px;transition:transform .28s var(--ease), background .28s var(--ease);background:radial-gradient(closest-side,#000000b8,#0000);border-radius:50%;position:absolute;bottom:-3cqw;left:4%;right:4%}.device:hover .device__shadow{transform:translateY(4px)scaleX(.94)}.device-cell.is-selected .device__shadow{background:radial-gradient(closest-side,#ff4b206b,#0000);transform:translateY(9px)scaleX(.9)}.device__screenbox{z-index:1;isolation:isolate;border-radius:var(--sr,0);background:#0b0b0c;position:absolute;overflow:hidden}.device__screenbox:has(>canvas:not([data-ready])){background:linear-gradient(90deg,#0e0e0f 0%,#19191b 50%,#0e0e0f 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.device__screen{opacity:0;width:100%;height:100%;transition:opacity .28s var(--ease);display:block;position:absolute;inset:0}.device__screen[data-ready]{opacity:1}.device__screenbox:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(116deg,#ffffff26 0%,#ffffff0b 37%,#0000 37.2% 72%,#ffffff08);position:absolute;inset:0}.ui{z-index:2;pointer-events:none;position:absolute;inset:0}.ui-rings i,.ui-note,.ui-dial,.ui-search,.ui-widget,.device--tablet .ui-apps--dock,.device--laptop .ui-apps--dock,.ui-app.v0,.ui-eyebrow,.ui-btn--glass{background:var(--frost);box-shadow:inset 0 0 0 .14cqw var(--frost-line), 0 .6cqw 2.4cqw #0000001f}.ui-sb{position:absolute;top:4.6cqw}.ui-sb--l{background:rgb(var(--ink) / .92);border-radius:1.4cqw;width:9cqw;height:2.8cqw;left:8.5cqw}.ui-sb--r{align-items:center;gap:1.2cqw;height:2.8cqw;display:flex;right:7cqw}.ui-signal{align-items:flex-end;gap:.45cqw;height:2.3cqw;display:flex}.ui-signal i{background:rgb(var(--ink) / .92);border-radius:.3cqw;width:.85cqw}.ui-signal i:first-child{height:35%}.ui-signal i:nth-child(2){height:57%}.ui-signal i:nth-child(3){height:79%}.ui-signal i:nth-child(4){height:100%}.ui-battery{width:5.8cqw;height:2.7cqw;box-shadow:inset 0 0 0 .3cqw rgb(var(--ink) / .45);border-radius:.9cqw;position:relative}.ui-battery:after{content:"";background:rgb(var(--ink) / .92);border-radius:.4cqw;position:absolute;inset:.6cqw 1.5cqw .6cqw .6cqw}.ui-homebar{background:rgb(var(--ink) / .92);border-radius:1cqw;width:36cqw;height:1.3cqw;margin-left:-18cqw;position:absolute;bottom:2.3cqw;left:50%}.phone__body{background:linear-gradient(140deg,#a3a4a9 0%,#4a4b50 16%,#26272a 44%,#5b5c61 72%,#1b1c1f 100%);border-radius:15.5cqw;position:absolute;inset:0;box-shadow:0 6cqw 12cqw #0000008c,0 1.6cqw 3.2cqw #00000073,inset 0 0 0 .22cqw #ffffff29}.phone__glass{background:#020202;border-radius:14.6cqw;position:absolute;inset:.9cqw;box-shadow:inset 0 0 0 .35cqw #0e0e10}.device--home .phone__body{background:linear-gradient(140deg,#6a6d73 0%,#2a2c30 22%,#151619 52%,#3d3f44 80%,#101113 100%);border-radius:11cqw}.device--home .phone__glass{border-radius:10.3cqw;inset:.7cqw}.phone__btn{background:linear-gradient(90deg,#232427,#8f9095 55%,#36373b);border-radius:.5cqw;width:1cqw;position:absolute}.phone__btn--a{height:7cqw;top:27cqw;left:-.6cqw}.phone__btn--b{height:13cqw;top:41cqw;left:-.6cqw}.phone__btn--c{height:13cqw;top:57cqw;left:-.6cqw}.phone__btn--p{height:21cqw;top:45cqw;right:-.6cqw}.phone__btn.is-hidden{display:none}.device--home .phone__btn--b,.device--home .phone__btn--c{height:20cqw;top:38cqw;left:auto;right:-.6cqw}.device--home .phone__btn--c{height:11cqw;top:64cqw}.device--home .phone__btn--p{display:none}.device--lock{--sr:12.3cqw}.ui-island{background:#000;border-radius:4.2cqw;width:29cqw;height:8.4cqw;margin-left:-14.5cqw;position:absolute;top:2.6cqw;left:50%}.ui-date{background:rgb(var(--ink) / .78);border-radius:1.65cqw;width:34cqw;height:3.3cqw;margin-left:-17cqw;position:absolute;top:19.5cqw;left:50%}.ui-clock{justify-content:center;align-items:center;gap:2.2cqw;display:flex;position:absolute;top:25.5cqw;left:0;right:0}.ui-clock>i{background:rgb(var(--ink) / .95);border-radius:5cqw;width:11.5cqw;height:19.5cqw;box-shadow:0 .6cqw 2.4cqw #00000024}.ui-clock>b{flex-direction:column;gap:5cqw;display:flex}.ui-clock u{background:rgb(var(--ink) / .95);border-radius:50%;width:2.6cqw;height:2.6cqw}.ui-rings{justify-content:center;gap:4.4cqw;display:flex;position:absolute;top:52cqw;left:0;right:0}.ui-rings i{border-radius:50%;width:13cqw;height:13cqw;position:relative}.ui-rings i:after{content:"";border:1cqw solid rgb(var(--ink) / .88);border-right-color:rgb(var(--ink) / .22);transform:rotate(var(--r,20deg));border-radius:50%;position:absolute;inset:2.8cqw}.ui-rings i:nth-child(2):after{--r:140deg}.ui-rings i:nth-child(3):after{--r:-70deg;border-bottom-color:rgb(var(--ink) / .22)}.ui-note{border-radius:5cqw;height:15.5cqw;position:absolute;left:4.5cqw;right:4.5cqw}.ui-note--a{bottom:45cqw}.ui-note--b{bottom:27.5cqw}.ui-note i{background:linear-gradient(145deg, var(--c1), var(--c2));border-radius:2.4cqw;width:8.5cqw;height:8.5cqw;position:absolute;top:3.5cqw;left:3.4cqw;box-shadow:inset 0 0 0 .15cqw #ffffff4d}.ui-note--b i{background:linear-gradient(145deg, var(--c3), var(--c4))}.ui-note b{background:rgb(var(--ink) / .6);border-radius:1cqw;height:1.6cqw;position:absolute;left:15cqw}.ui-note b:first-of-type{background:rgb(var(--ink) / .92);width:30cqw;height:1.9cqw;top:3.8cqw}.ui-note b:nth-of-type(2){width:50cqw;top:7.3cqw}.ui-note b:nth-of-type(3){width:36cqw;top:10.2cqw}.ui-round{background:#00000047;border-radius:50%;width:11.5cqw;height:11.5cqw;position:absolute;bottom:9cqw;box-shadow:inset 0 0 0 .14cqw #ffffff24}.ui-round--l{left:10cqw}.ui-round--r{right:10cqw}.ui-round:after{content:"";background:#ffffffeb;border-radius:.7cqw;width:2.4cqw;height:3.8cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-round--r:after{border-radius:.9cqw;width:4.2cqw;height:3.2cqw}.device--home{--sr:8.6cqw}.ui-punch{background:radial-gradient(circle at 40% 38%,#1d2236,#000 62%);border-radius:50%;width:3.8cqw;height:3.8cqw;margin-left:-1.9cqw;position:absolute;top:2.8cqw;left:50%;box-shadow:0 0 0 .35cqw #000}.device--home .ui-sb{top:3cqw}.device--home .ui-sb--l{width:8cqw;height:2.4cqw;left:6.5cqw}.device--home .ui-sb--r{right:6cqw}.ui-glance{flex-direction:column;gap:2.4cqw;display:flex;position:absolute;top:15cqw;left:7cqw}.ui-glance b:first-child{background:rgb(var(--ink) / .95);border-radius:2.5cqw;width:40cqw;height:5cqw}.ui-glance b:nth-child(2){background:rgb(var(--ink) / .7);border-radius:1.2cqw;width:26cqw;height:2.4cqw}.ui-dial{border-radius:50%;width:24cqw;height:24cqw;position:absolute;top:11cqw;right:7cqw}.ui-dial i{background:rgb(var(--ink) / .95);transform-origin:50% 100%;border-radius:1cqw;width:1.5cqw;margin-left:-.75cqw;position:absolute;bottom:50%;left:50%}.ui-dial i:first-child{height:6.4cqw;transform:rotate(-52deg)}.ui-dial i:nth-child(2){background:rgb(var(--ink) / .7);width:1cqw;height:9cqw;margin-left:-.5cqw;transform:rotate(36deg)}.ui-dial:after{content:"";background:rgb(var(--ink) / .95);border-radius:50%;width:2.4cqw;height:2.4cqw;margin:-1.2cqw 0 0 -1.2cqw;position:absolute;top:50%;left:50%}.ui-apps{justify-items:center;display:grid;position:absolute;left:0;right:0}.ui-app{position:relative;box-shadow:0 .5cqw 1.4cqw #0000002e}.ui-app:after{content:"";background:#ffffffeb;border-radius:30%;width:38%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-app.v1{background:linear-gradient(150deg, color-mix(in oklab, var(--c1) 62%, white), var(--c1))}.ui-app.v2{background:#fffffff0}.ui-app.v2:after{background:var(--c2);border-radius:50%}.ui-app.v3{background:linear-gradient(150deg, var(--c3), color-mix(in oklab, var(--c3) 55%, black))}.ui-app.v3:after{border-radius:1cqw;width:48%;height:14%}.ui-app.v4{background:linear-gradient(160deg,#26272b,#0d0d0f)}.ui-app.v4:after{background:conic-gradient(var(--c1), var(--c2), var(--c4), var(--c1));border-radius:50%;width:46%;height:46%}.device--home .ui-apps--grid{grid-template-columns:repeat(4,1fr);row-gap:7cqw;padding:0 5cqw;top:98cqw}.device--home .ui-apps--dock{grid-template-columns:repeat(4,1fr);padding:0 5cqw;top:166cqw}.device--home .ui-app{border-radius:50%;width:15cqw;height:15cqw}.ui-search{border-radius:5cqw;height:10cqw;position:absolute;bottom:10cqw;left:6cqw;right:6cqw}.ui-search i{background:conic-gradient(var(--c1), var(--c2), var(--c3), var(--c4), var(--c1));border-radius:50%;width:5cqw;height:5cqw;margin-top:-2.5cqw;position:absolute;top:50%;left:2.6cqw}.ui-search b{background:rgb(var(--ink) / .5);border-radius:1cqw;width:28cqw;height:1.5cqw;margin-top:-.75cqw;position:absolute;top:50%;left:10.5cqw}.ui-search u{background:rgb(var(--ink) / .85);border-radius:1.2cqw;width:2.4cqw;height:3.8cqw;margin-top:-1.9cqw;position:absolute;top:50%;right:3.4cqw}.device--home .ui-homebar{width:30cqw;height:1.1cqw;margin-left:-15cqw;bottom:2cqw}.device--tablet{--sr:2.6cqw}.tablet__body{background:linear-gradient(140deg,#9a9ba0 0%,#45464a 16%,#252629 48%,#515257 76%,#1a1b1d 100%);border-radius:6cqw;position:absolute;inset:0;box-shadow:0 4cqw 9cqw #0000008c,0 1.2cqw 2.4cqw #0000006b,inset 0 0 0 .16cqw #ffffff29}.tablet__glass{background:#020202;border-radius:5.4cqw;position:absolute;inset:.6cqw}.tablet__cam{background:radial-gradient(circle at 35% 35%,#2b3452,#06070b 62%);border-radius:50%;width:1cqw;height:1cqw;margin-left:-.5cqw;position:absolute;top:1.2cqw;left:50%}.device--tablet .ui-sb{top:1.6cqw}.device--tablet .ui-sb--l{border-radius:.85cqw;width:6cqw;height:1.7cqw;left:3.4cqw}.device--tablet .ui-sb--r{gap:.8cqw;height:1.7cqw;right:3cqw}.device--tablet .ui-signal{gap:.3cqw;height:1.5cqw}.device--tablet .ui-signal i{width:.55cqw}.device--tablet .ui-battery{width:3.6cqw;height:1.7cqw;box-shadow:inset 0 0 0 .2cqw rgb(var(--ink) / .45);border-radius:.55cqw}.device--tablet .ui-battery:after{border-radius:.25cqw;inset:.4cqw 1cqw .4cqw .4cqw}.ui-widget{border-radius:4cqw;position:absolute}.device--tablet .ui-widget--a,.device--tablet .ui-widget--b{width:40.5cqw;height:19cqw;top:7cqw}.device--tablet .ui-widget--a{left:5cqw}.device--tablet .ui-widget--b{grid-template-columns:repeat(2,1fr);gap:1.6cqw;padding:2.4cqw;display:grid;right:5cqw}.ui-widget--a i{background:conic-gradient(from 200deg, var(--c1), var(--c2), var(--c3), var(--c1));border-radius:50%;width:8cqw;height:8cqw;position:absolute;top:3.2cqw;left:3.2cqw}.ui-widget--a b{background:rgb(var(--ink) / .6);border-radius:1cqw;width:13cqw;height:1.6cqw;position:absolute;bottom:3.2cqw;left:3.2cqw}.ui-widget--a b:first-of-type{background:rgb(var(--ink) / .94);width:20cqw;height:2.2cqw;bottom:6cqw}.ui-widget--b i{background:#ffffff29;border-radius:2cqw}.ui-widget--b i:first-child{background:linear-gradient(150deg, var(--c1), var(--c2))}.ui-widget--b i:nth-child(4){background:linear-gradient(150deg, var(--c3), var(--c4))}.device--tablet .ui-apps--grid{grid-template-columns:repeat(6,1fr);row-gap:5.6cqw;padding:0 4cqw;top:33cqw}.device--tablet .ui-app{border-radius:2.5cqw;width:9.6cqw;height:9.6cqw}.device--tablet .ui-apps--dock,.device--laptop .ui-apps--dock{align-items:center;display:flex;top:auto;left:50%;right:auto;transform:translate(-50%)}.device--tablet .ui-apps--dock{border-radius:4.4cqw;gap:1.8cqw;padding:1.9cqw;bottom:2.8cqw}.ui-divider{background:rgb(var(--ink) / .3);align-self:stretch;width:.2cqw;margin:.6cqw .1cqw}.device--tablet .ui-homebar{width:26cqw;height:.75cqw;margin-left:-13cqw;bottom:.9cqw}.device--laptop{--sr:.9cqw .9cqw .2cqw .2cqw}.laptop__lid{background:#040405;border-radius:2.4cqw 2.4cqw .6cqw .6cqw;position:absolute;inset:0 6cqw 3.4cqw;box-shadow:inset 0 0 0 .22cqw #595a5f,inset 0 0 0 .42cqw #0c0c0d,0 3cqw 7cqw #00000073}.laptop__base{height:3.4cqw;position:absolute;bottom:0;left:0;right:0}.laptop__deck{background:linear-gradient(#e6e7eb,#b9babf);border-radius:.5cqw .5cqw 0 0;height:1.1cqw;position:absolute;top:0;left:.4cqw;right:.4cqw}.laptop__lip{background:linear-gradient(#a6a7ac,#6e6f74 55%,#3a3b3f);border-radius:0 0 4cqw 4cqw/0 0 2.3cqw 2.3cqw;position:absolute;inset:1.1cqw 0 0;box-shadow:0 2.4cqw 4.4cqw #0009}.laptop__scoop{background:linear-gradient(#74757a,#a9aaaf);border-radius:0 0 1cqw 1cqw;width:14cqw;height:.9cqw;margin-left:-7cqw;position:absolute;top:1.1cqw;left:50%}.ui-menubar{background:#00000024;align-items:center;gap:1.1cqw;height:1.9cqw;padding:0 1.3cqw;display:flex;position:absolute;top:0;left:0;right:0}.device--laptop[data-tone=light] .ui-menubar{background:#ffffff42}.ui-menubar>i{background:rgb(var(--ink) / .95);border-radius:50%;width:.95cqw;height:.95cqw;margin-right:.3cqw}.ui-menubar>b{background:rgb(var(--ink) / .8);border-radius:.4cqw;width:2.2cqw;height:.62cqw}.ui-menubar>b:first-of-type{background:rgb(var(--ink) / .95);width:2.8cqw}.ui-menubar>b:nth-of-type(3){width:2.6cqw}.ui-menubar>b:nth-of-type(4){width:1.8cqw}.ui-menubar__right{align-items:center;gap:1cqw;margin-left:auto;display:flex}.ui-menubar__right u{background:rgb(var(--ink) / .8);border-radius:.25cqw;width:.95cqw;height:.8cqw}.ui-menubar__right b{background:rgb(var(--ink) / .88);border-radius:.4cqw;width:5.4cqw;height:.62cqw}.ui-notch{background:#000;border-radius:0 0 .75cqw .75cqw;width:9.5cqw;height:1.9cqw;margin-left:-4.75cqw;position:absolute;top:0;left:50%}.ui-notch:after{content:"";background:radial-gradient(circle at 35% 35%,#27314e,#05060a 70%);border-radius:50%;width:.55cqw;height:.55cqw;margin-left:-.275cqw;position:absolute;top:.65cqw;left:50%}.device--laptop .ui-widget{border-radius:1.4cqw;width:7.4cqw;height:7.4cqw;left:1.6cqw}.device--laptop .ui-widget--a{top:3.4cqw}.device--laptop .ui-widget--a i{border:.65cqw solid rgb(var(--ink) / .88);border-left-color:rgb(var(--ink) / .22);background:0 0;width:4cqw;height:4cqw;margin:-2cqw 0 0 -2cqw;top:50%;left:50%;transform:rotate(-30deg)}.device--laptop .ui-widget--b{flex-direction:column;justify-content:flex-end;gap:.65cqw;padding:1.2cqw;display:flex;top:12cqw}.device--laptop .ui-widget--b b{background:rgb(var(--ink) / .6);border-radius:.5cqw;width:3.4cqw;height:.6cqw}.device--laptop .ui-widget--b b:first-child{background:rgb(var(--ink) / .92);width:4.6cqw;height:.9cqw}.device--laptop .ui-widget--b b:last-child{width:2.6cqw}.ui-files{flex-direction:column;align-items:center;gap:2cqw;display:flex;position:absolute;top:3.4cqw;right:1.8cqw}.ui-files i{background:linear-gradient(180deg, color-mix(in oklab, var(--c2) 55%, white), color-mix(in oklab, var(--c2) 85%, black));border-radius:.5cqw;width:3.4cqw;height:2.7cqw;position:relative;box-shadow:0 .3cqw .8cqw #00000038}.ui-files i:after{content:"";background:rgb(var(--ink) / .72);border-radius:.4cqw;height:.5cqw;position:absolute;bottom:-1.1cqw;left:.1cqw;right:.1cqw}.device--laptop .ui-apps--dock{border-radius:1.7cqw;gap:.75cqw;padding:.6cqw;bottom:.7cqw}.device--laptop .ui-app{border-radius:1cqw;width:4.1cqw;height:4.1cqw}.device--browser{--sr:0 0 1.4cqw 1.4cqw}.browser__window{background:#141416;border-radius:1.4cqw;position:absolute;inset:0;box-shadow:0 0 0 .1cqw #ffffff24,0 4cqw 9cqw #0000008c,0 1cqw 2.5cqw #0006}.browser__bar{background:linear-gradient(#2b2b2e,#202023);border-radius:1.4cqw 1.4cqw 0 0;height:4.2cqw;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -.08cqw #ffffff0f,inset 0 .08cqw #ffffff17}.browser__lights{gap:.75cqw;display:flex;position:absolute;top:50%;left:1.8cqw;transform:translateY(-50%)}.browser__lights i{background:#ff5f57;border-radius:50%;width:1.15cqw;height:1.15cqw}.browser__lights i:nth-child(2){background:#febc2e}.browser__lights i:nth-child(3){background:#28c840}.browser__icon--side{border-radius:.35cqw;width:1.9cqw;height:1.45cqw;margin-top:-.725cqw;position:absolute;top:50%;left:8.4cqw;box-shadow:inset 0 0 0 .16cqw #ffffff61}.browser__url{background:#ffffff13;border-radius:.8cqw;justify-content:center;align-items:center;gap:.8cqw;width:36cqw;height:2.5cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.browser__url i{background:#ffffff59;border-radius:.25cqw;width:.9cqw;height:.9cqw}.browser__url b{background:#ffffff4d;border-radius:1cqw;width:13cqw;height:.55cqw}.browser__tools{gap:1cqw;display:flex;position:absolute;top:50%;right:1.8cqw;transform:translateY(-50%)}.browser__tools i{border-radius:.35cqw;width:1.45cqw;height:1.45cqw;box-shadow:inset 0 0 0 .16cqw #ffffff61}.ui-nav{align-items:center;gap:1.2cqw;height:2.6cqw;display:flex;position:absolute;top:2.4cqw;left:4.5cqw;right:4.5cqw}.ui-nav>i{background:rgb(var(--ink) / .95);border-radius:.7cqw;width:2.2cqw;height:2.2cqw}.ui-nav>b{background:rgb(var(--ink) / .92);border-radius:.5cqw;width:5cqw;height:.9cqw}.ui-nav__links{gap:2.6cqw;margin:0 auto;display:flex}.ui-nav__links b{background:rgb(var(--ink) / .72);border-radius:.4cqw;width:3.6cqw;height:.62cqw}.ui-nav>u{width:6cqw;height:2.4cqw;box-shadow:inset 0 0 0 .13cqw rgb(var(--ink) / .45);border-radius:1.2cqw}.ui-cta{background:rgb(var(--ink) / .96);border-radius:1.2cqw;place-items:center;width:8.4cqw;height:2.4cqw;display:grid}.ui-cta b{background:rgb(var(--inv) / .75);border-radius:.4cqw;width:4.4cqw;height:.55cqw}.ui-hero{flex-direction:column;align-items:center;display:flex;position:absolute;top:10.5cqw;left:0;right:0}.ui-eyebrow{border-radius:1.2cqw;align-items:center;gap:.8cqw;height:2.4cqw;margin-bottom:2.2cqw;padding:0 1.2cqw;display:flex}.ui-eyebrow i{background:var(--c1);border-radius:50%;width:.9cqw;height:.9cqw;box-shadow:0 0 0 .25cqw #ffffff4d}.ui-eyebrow b{background:rgb(var(--ink) / .85);border-radius:.4cqw;width:9cqw;height:.55cqw}.ui-headline{background:rgb(var(--ink) / .96);border-radius:1.2cqw;width:56cqw;height:4.1cqw;margin-bottom:1.3cqw;box-shadow:0 .4cqw 2cqw #0000001a}.ui-headline--2{width:41cqw;margin-bottom:2.6cqw}.ui-sub{background:rgb(var(--ink) / .62);border-radius:.6cqw;width:40cqw;height:1cqw;margin-bottom:1.1cqw}.ui-sub--2{width:29cqw;margin-bottom:2.8cqw}.ui-buttons{gap:1.4cqw;display:flex}.ui-btn{border-radius:1.65cqw;place-items:center;width:11.5cqw;height:3.3cqw;display:grid}.ui-btn b{border-radius:.4cqw;width:5.4cqw;height:.6cqw}.ui-btn--solid{background:rgb(var(--ink) / .96)}.ui-btn--solid b{background:rgb(var(--inv) / .8)}.ui-btn--glass b{background:rgb(var(--ink) / .9)}.ui-product{background:#0a0a0e6b;border-radius:1.5cqw;height:22cqw;position:absolute;top:43cqw;left:13cqw;right:13cqw;box-shadow:inset 0 0 0 .1cqw #ffffff29,0 -1cqw 4cqw #0003}.ui-product__dots{gap:.5cqw;display:flex;position:absolute;top:1.3cqw;left:1.6cqw}.ui-product__dots i{background:#ffffff47;border-radius:50%;width:.7cqw;height:.7cqw}.ui-product__side{flex-direction:column;gap:1.1cqw;width:12cqw;display:flex;position:absolute;top:3.8cqw;left:1.6cqw}.ui-product__side b{background:#ffffff42;border-radius:.4cqw;width:80%;height:.7cqw}.ui-product__side b:first-child{background:#ffffff9e;width:66%}.ui-product__side b:nth-child(3){width:58%}.ui-product__chart{align-items:flex-end;gap:1cqw;height:10cqw;display:flex;position:absolute;top:4.2cqw;left:17cqw;right:2cqw}.ui-product__chart i{background:linear-gradient(180deg, color-mix(in oklab, var(--c1) 70%, white), var(--c1));opacity:.92;border-radius:.5cqw .5cqw .2cqw .2cqw;flex:1;height:50%}.ui-product__chart i:nth-child(2n){background:linear-gradient(180deg, color-mix(in oklab, var(--c2) 70%, white), var(--c2))}.ui-product__chart i:first-child{height:40%}.ui-product__chart i:nth-child(2){height:62%}.ui-product__chart i:nth-child(3){height:48%}.ui-product__chart i:nth-child(4){height:80%}.ui-product__chart i:nth-child(5){height:58%}.ui-product__chart i:nth-child(6){height:94%}.ui-product__chart i:nth-child(7){height:72%}.device--album{--sr:.5cqw}.device--album .device__screenbox{box-shadow:1.4cqw 0 2.6cqw #00000080,0 3cqw 6cqw #00000073}.ui--album{background:radial-gradient(circle at 62%,#0000 40.5%,#ffffff0d 41.5%,#0000 43%),linear-gradient(90deg,#00000038,#0000 2.5% 97.5%,#ffffff12);box-shadow:inset 0 0 0 .18cqw #ffffff1a}.vinyl{background:radial-gradient(circle,#0000 0 20.5%,#0c0c0e 20.5% 23.5%,#0000 23.5% 96%,#0c0c0e 96%),repeating-radial-gradient(circle,#121214 0 .45cqw,#19191c .45cqw .9cqw);border-radius:50%;width:68cqw;height:68cqw;position:absolute;top:2cqw;left:30cqw;box-shadow:0 2cqw 5cqw #0009,inset 0 0 0 .25cqw #222225}.vinyl__sheen{mix-blend-mode:screen;background:conic-gradient(from 18deg,#0000 0deg,#ffffff29 28deg,#0000 58deg 180deg,#ffffff1c 208deg,#0000 238deg);border-radius:50%;position:absolute;inset:0}.vinyl__label{border-radius:50%;width:23cqw;height:23cqw;margin:-11.5cqw 0 0 -11.5cqw;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 .5cqw #0b0b0c}.vinyl__label canvas{width:100%;height:100%;display:block}.vinyl__hole{background:#050505;border-radius:50%;width:1.4cqw;height:1.4cqw;margin:-.7cqw 0 0 -.7cqw;position:absolute;top:50%;left:50%;box-shadow:inset 0 .2cqw .3cqw #000c,0 0 0 .2cqw #ffffff1f}@media (max-width:719px){.devices__hint{display:none}}@media (prefers-reduced-motion:reduce){.device,.device__shadow,.device__screen{transition:none}}.modal--export{width:min(540px,100%)}.modal--export.modal--code{width:min(620px,100%)}@media (max-width:599px){.modal--export .modal__title{display:none}.modal--export .modal__tabs{flex:1;overflow-x:auto}}.pack-head{align-items:center;gap:10px;margin-bottom:-6px;display:flex}.pack-head__count{color:var(--text-3);flex:1;font-size:11px}.pack-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.check.pack-item{background:var(--input);height:36px;transition:background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:8px;grid-template-columns:16px 18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;box-shadow:inset 0 0 0 1px #0000}.check.pack-item .check__box{margin-top:0}.check.pack-item:hover{background:#202020}.check.pack-item.is-on{box-shadow:inset 0 0 0 1px var(--border-strong)}.pack-item__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.pack-item__size{color:var(--text-3);font-size:10.5px}.pack-item.is-on .pack-item__size{color:var(--text-2)}.pack-ratio{place-items:center;width:18px;height:18px;display:grid}.pack-ratio span{border:1.2px solid var(--text-3);border-radius:2px}.pack-item.is-on .pack-ratio span{border-color:var(--text)}.pack-count{color:var(--text-3);margin-left:2px;font-size:10.5px}.segmented__item.is-active .pack-count{color:var(--text-2)}.pack-thumbs{align-items:center;gap:4px;height:34px;display:flex;overflow:hidden}.pack-thumbs img,.pack-thumbs>span{object-fit:cover;width:54px;height:34px;box-shadow:inset 0 0 0 1px var(--border);background:#161616;border-radius:5px;flex:none}.pack-thumbs__more{color:var(--text-2);place-items:center;font-size:11px;display:grid}@media (max-width:479px){.pack-list{grid-template-columns:minmax(0,1fr)}}.triggers .triggers__click{flex:1;display:grid}