:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f7;--bg-elevated:#fff;--ink:#141627;--muted:#5b627a;--accent:#4f46e5;--accent-2:#22c55e;--accent-3:#0ea5e9;--card:#fffffffa;--surface:#f6f7fc;--surface-2:#e9edf5;--stroke:#14162724;--stroke-strong:#14162738;--shadow:0 20px 40px #14162724;--shadow-soft:0 12px 24px #14162724;--swatch-ring:#0f172a73;--published:#f97316;--radius-pill:999px;--radius-sm:9px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--control-sm:32px;--control-md:38px;--control-lg:44px;font-family:Space Grotesk,Segoe UI,sans-serif}:root[data-theme=system],body[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=system],body[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f111a;--bg-elevated:#1b1e2b;--ink:#f8fafc;--muted:#aab1c5;--accent:#a78bfa;--accent-2:#2dd4bf;--accent-3:#f97316;--card:#1b1e2bf2;--surface:#222838;--surface-2:#1a2030;--stroke:#f8fafc2e;--stroke-strong:#f8fafc52;--shadow:0 20px 45px #00000073;--shadow-soft:0 10px 24px #00000080;--swatch-ring:#f8fafc99}}:root[data-theme=dawn],body[data-theme=dawn]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3ef;--bg-elevated:#fffaf6;--ink:#2b1f1a;--muted:#7a645c;--accent:#f97316;--accent-2:#ec4899;--accent-3:#06b6d4;--card:#fffaf6fa;--surface:#f3ece6;--surface-2:#e9dfd6;--stroke:#2b1f1a24;--stroke-strong:#2b1f1a42;--shadow:0 20px 40px #2b1f1a24;--shadow-soft:0 12px 24px #2b1f1a24;--swatch-ring:#2b1f1a73}:root[data-theme=flora],body[data-theme=flora]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef8f3;--bg-elevated:#fafffb;--ink:#0f2a24;--muted:#4e6a61;--accent:#10b981;--accent-2:#60a5fa;--accent-3:#a855f7;--card:#fafffbfa;--surface:#e6f2ec;--surface-2:#dceddf;--stroke:#0f2a2424;--stroke-strong:#0f2a2442;--shadow:0 20px 40px #0f2a2424;--shadow-soft:0 12px 24px #0f2a2424;--swatch-ring:#0f2a2473}:root[data-theme=noir],body[data-theme=noir]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f111a;--bg-elevated:#1b1e2b;--ink:#f8fafc;--muted:#aab1c5;--accent:#a78bfa;--accent-2:#2dd4bf;--accent-3:#f97316;--card:#1b1e2bf2;--surface:#222838;--surface-2:#1a2030;--stroke:#f8fafc2e;--stroke-strong:#f8fafc52;--shadow:0 20px 45px #00000073;--shadow-soft:0 10px 24px #00000080;--swatch-ring:#f8fafc99}:root[data-theme=graphite],body[data-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141822;--bg-elevated:#212838;--ink:#f1f5f9;--muted:#98a1b7;--accent:#38bdf8;--accent-2:#a3e635;--accent-3:#fb7185;--card:#212838f0;--surface:#293246;--surface-2:#20283a;--stroke:#f1f5f92e;--stroke-strong:#f1f5f952;--shadow:0 20px 40px #00000073;--shadow-soft:0 12px 24px #00000080;--swatch-ring:#f8fafc8c}:root[data-theme=aurora],body[data-theme=aurora]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1321;--bg-elevated:#151e2f;--ink:#eef5ff;--muted:#98a6c7;--accent:#38bdf8;--accent-2:#f472b6;--accent-3:#a78bfa;--card:#151e2ff0;--surface:#1a2437;--surface-2:#131c2d;--stroke:#eef5ff2e;--stroke-strong:#eef5ff52;--shadow:0 20px 45px #00000073;--shadow-soft:0 10px 24px #00000080;--swatch-ring:#eef5ff99}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-user-select:none;user-select:none;scrollbar-gutter:stable;margin:0;overflow:hidden scroll}input,textarea,select,[contenteditable=true],[contenteditable=plaintext-only],.color-hex,.color-card-value,.color-card-name,.view-data{-webkit-user-select:text;user-select:text}body:before{content:"";z-index:-2;background:radial-gradient(800px 400px at 70% -10%,#4f46e52e,#0000 60%),radial-gradient(600px 500px at -10% 40%,#0ea5e933,#0000 60%),linear-gradient(140deg,#f6f7fb 0%,#f7f7ff 55%,#f2f4ff 100%);position:fixed;inset:0}body[data-theme=dawn]:before,:root[data-theme=dawn] body:before{background:radial-gradient(820px 420px at 80% -10%,#f9731633,#0000 60%),radial-gradient(520px 420px at -10%,#ec48992e,#0000 60%),linear-gradient(140deg,#f7f0ea 0%,#fff4ee 55%,#fbeee7 100%)}body[data-theme=flora]:before,:root[data-theme=flora] body:before{background:radial-gradient(760px 420px at 80% -10%,#10b98133,#0000 60%),radial-gradient(520px 420px at -10%,#60a5fa2e,#0000 60%),linear-gradient(140deg,#edf7f1 0%,#f4fbf6 55%,#e6f3ec 100%)}body[data-theme=noir]:before,:root[data-theme=noir] body:before{background:radial-gradient(700px 380px at 85% -10%,#8b5cf633,#0000 60%),radial-gradient(500px 420px at 0%,#2dd4bf2e,#0000 60%),linear-gradient(140deg,#0b0e18 0%,#131826 55%,#0d111d 100%)}body[data-theme=graphite]:before,:root[data-theme=graphite] body:before{background:radial-gradient(700px 380px at 85% -10%,#38bdf833,#0000 60%),radial-gradient(500px 420px at 0%,#a3e6352e,#0000 60%),linear-gradient(140deg,#121624 0%,#1b2233 55%,#121624 100%)}body[data-theme=aurora]:before,:root[data-theme=aurora] body:before{background:radial-gradient(720px 380px at 85% -10%,#38bdf838,#0000 60%),radial-gradient(520px 420px at 0 55%,#f472b62e,#0000 60%),linear-gradient(140deg,#0a111e 0%,#131c2d 55%,#0a1222 100%)}@media (prefers-color-scheme:dark){body[data-theme=system]:before,:root[data-theme=system] body:before{background:radial-gradient(700px 380px at 85% -10%,#8b5cf633,#0000 60%),radial-gradient(500px 420px at 0%,#2dd4bf2e,#0000 60%),linear-gradient(140deg,#0b0e18 0%,#131826 55%,#0d111d 100%)}}body:after{content:"";opacity:.3;z-index:-1;background-image:radial-gradient(#1c1a160d .5px,#0000 .5px);background-size:12px 12px;position:fixed;inset:0}body:not(.is-ready){overflow:hidden scroll}body:not(.is-ready) .page{opacity:0;pointer-events:none}body.is-ready .page{opacity:1;transition:opacity .4s}.loading-screen{background:var(--bg);color:var(--ink);z-index:1000;opacity:1;justify-content:center;align-items:center;font-family:Segoe UI,system-ui,sans-serif;transition:opacity .45s,visibility 0s linear .45s;display:flex;position:fixed;inset:0}body.is-ready .loading-screen{opacity:0;visibility:hidden;pointer-events:none}.loading-card{text-align:center;background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow-soft);opacity:1;border-radius:22px;place-items:center;gap:18px;min-width:min(320px,90vw);padding:28px 32px;transition:opacity .45s,transform .45s;display:grid;transform:translateY(0)scale(1)}body.is-ready .loading-card{opacity:0;transform:translateY(8px)scale(.98)}.loading-brand{align-items:center;gap:12px;display:flex}.loading-brand .brand-logo{width:46px;height:46px;box-shadow:0 10px 20px #1416271f}.loading-text{text-align:left;gap:6px;display:grid}.loading-title{letter-spacing:-.02em;font-family:inherit;font-size:1.2rem}.loading-subtitle{color:var(--muted);font-size:.95rem}.loading-spinner{border:3px solid var(--stroke);border-top-color:var(--accent);border-radius:999px;width:44px;height:44px;animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]).is-ready .page,body:not([data-motion=on]).is-ready .loading-screen,body:not([data-motion=on]).is-ready .loading-card{transition:none}body:not([data-motion=on]) .loading-spinner{animation:none}}body[data-motion=off].is-ready .page,body[data-motion=off].is-ready .loading-screen,body[data-motion=off].is-ready .loading-card{transition:none}body[data-motion=off] .loading-spinner{animation:none}.page{--page-pad:16px;max-width:1800px;padding:0 var(--page-pad) 36px;--topbar-offset:0px;--bottom-nav-height:0px;--frame-padding-top:22px;--frame-padding-bottom:22px;--rail-gap:12px;margin:0 auto}.app-frame{padding-block:var(--frame-padding-top) var(--frame-padding-bottom);min-height:calc(100dvh - var(--bottom-nav-height));flex-direction:column;display:flex}.topbar{z-index:5;isolation:isolate;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:8px 12px;display:flex;position:sticky;top:0}.topbar:before{content:"";top:0;bottom:0;left:calc(var(--page-pad) * -1);right:calc(var(--page-pad) * -1);background:var(--bg);-webkit-backdrop-filter:blur(14px);box-shadow:none;z-index:-1;pointer-events:none;transition:box-shadow .2s;position:absolute}.topbar.is-scrolled:before{box-shadow:0 12px 20px -16px #0f172a99}.topbar-actions{align-items:center;gap:12px;display:flex}.shell{gap:var(--rail-gap);flex:auto;grid-template-columns:1fr;grid-template-areas:"main""sidebar";min-height:0;display:grid}.main-content{grid-area:main;gap:24px;min-width:0;display:grid}.sidebar-stack{flex-direction:column;grid-area:sidebar;gap:18px;min-width:0;display:flex}.view-section{display:block}.view-section:not(.is-active){display:none}.panel.view-section.is-active{display:grid}.panel-palettes.view-section.is-active{display:flex}.panel-playground.view-section.is-active{min-height:min(820px, 100svh - var(--frame-padding-top) - var(--frame-padding-bottom) - var(--bottom-nav-height));flex-direction:column;display:flex}.brand{--brand-size:38px;color:inherit;text-align:left;cursor:pointer;letter-spacing:-.02em;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:0;font-family:Fraunces,serif;transition:gap .25s;display:flex}.brand-text{flex-direction:column;justify-content:center;align-items:stretch;gap:2px;min-width:0;display:flex}.brand-logo{width:var(--brand-size);height:var(--brand-size);border-radius:25%;flex-shrink:0;align-self:center;transition:width .25s,height .25s;display:block;overflow:hidden;box-shadow:0 12px 24px #1c1a161f}.brand-band-backdrop{fill:#e64548}.brand-band:first-child{fill:#658af1}.brand-band:nth-child(2){fill:#61e0c5}.brand-band:nth-child(3){fill:#f2ca64}.brand-band:nth-child(4){fill:#f6a26a}.brand-band:nth-child(5){fill:#e64548}@keyframes brand-bands-slide{0%{transform:translate(0)}to{transform:translate(397.795px)}}.brand.is-cycling .brand-bands{animation:.9s cubic-bezier(.45,.05,.25,1) brand-bands-slide}@media (prefers-reduced-motion:reduce){.brand.is-cycling .brand-bands{animation:none}}.brand-title{font-size:calc(var(--brand-size) * .55);line-height:1.05}.brand-subtitle{--brand-tracking:.26em;font-size:calc(var(--brand-size) * .33);text-transform:uppercase;letter-spacing:var(--brand-tracking);margin-right:calc(var(--brand-tracking) * -1);color:var(--accent);text-align:justify;text-align-last:justify;text-justify:inter-character;line-height:1.2}.brand--sidebar{--brand-size:44px}.brand:hover .brand-logo,.brand:focus-visible .brand-logo{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent), 0 12px 24px color-mix(in srgb, var(--accent) 24%, transparent)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.avatar-button.ghost{border:1px solid var(--stroke);background:var(--bg-elevated);box-shadow:var(--shadow-soft);width:var(--control-md);height:var(--control-md);min-width:var(--control-md);border-radius:999px;place-items:center;padding:4px;display:grid}.user-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.sidebar{flex:auto;align-content:start;gap:16px;padding:12px;transition:padding .25s,gap .25s;display:none;overflow:visible}.sidebar-nav{gap:10px;display:grid}.nav-item{width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:14px;justify-content:flex-start;gap:10px;padding:10px 12px;font-weight:600;transition:color .2s,border-color .2s,background .2s,gap .25s,padding .25s}.nav-item:hover{background:var(--surface-2)}.nav-item .icon{width:18px;height:18px;color:var(--muted)}.nav-item.is-active .icon{color:var(--accent)}.nav-item.is-active,.nav-item.is-active:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.sidebar-actions{flex-direction:column;gap:10px;padding:0 12px;transition:padding .25s,gap .25s;display:none}.sidebar-bottom{flex-direction:column;gap:14px;margin-top:auto;display:flex}.sidebar-toggle .icon{transition:transform .2s;transform:rotate(90deg)}.app-shell:not([data-sidebar-ready]) .sidebar,.app-shell:not([data-sidebar-ready]) .sidebar-actions,.app-shell:not([data-sidebar-ready]) .sidebar-toggle .icon{transition:none}.nav-user .user-avatar{width:20px;height:20px}.nav-user .nav-label{text-align:left;flex:auto}.bottom-nav{width:100%;padding:4px calc(12px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));min-height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--stroke);z-index:6;pointer-events:none;border-radius:10px 10px 0 0;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -6px 12px #0f172a1f}.bottom-nav .nav-item{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 6px;font-size:.68rem}.bottom-nav .nav-item.is-active{color:var(--accent);background:#4f46e51f;border-color:#4f46e54d}.fab-hub{--fab-control-shadow:var(--shadow-soft);right:calc(18px + env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + var(--bottom-nav-height) + 12px);z-index:7;isolation:isolate;place-items:center end;gap:10px;display:grid;position:fixed;left:auto;transform:none}.fab-menu{box-shadow:none;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:0;justify-items:end;gap:5px;padding:0;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(8px)}.fab-hub.is-open .fab-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-toggle{width:56px;height:56px;box-shadow:var(--fab-control-shadow);border-radius:50%;padding:0}.fab-toggle.icon-only{border-radius:50%;width:56px;min-width:56px;height:56px;padding:0}.fab-toggle.icon-only .icon{width:22px;height:22px}.fab-action{white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--stroke);width:max-content;max-width:100%;box-shadow:var(--fab-control-shadow);border-radius:999px;justify-content:center;padding:10px 14px}.fab-action.ghost{background:var(--bg-elevated);border:1px solid var(--stroke);color:var(--ink);box-shadow:var(--fab-control-shadow)}.fab-action.primary{border:0;padding-inline:15px}.fab-action.ghost:hover:not(:disabled){background:color-mix(in srgb, var(--bg-elevated) 92%, var(--ink))}.app-shell[data-sidebar=collapsed]{--sidebar-width:60px}.sidebar .nav-item span,.sidebar-actions .nav-item span,.brand--sidebar .brand-text{opacity:1;white-space:nowrap;max-width:160px;transition:max-width .25s,opacity .16s;overflow:hidden}.sidebar .nav-item,.sidebar-actions .nav-item{overflow:hidden}.app-shell[data-sidebar=collapsed] .brand--sidebar .brand-text,.app-shell[data-sidebar=collapsed] .sidebar .nav-item span,.app-shell[data-sidebar=collapsed] .sidebar-actions .nav-item span{opacity:0;max-width:0}.app-shell[data-sidebar=collapsed] .sidebar .nav-item,.app-shell[data-sidebar=collapsed] .sidebar-actions .nav-item{gap:0;padding-inline:11px}.app-shell[data-sidebar=collapsed] .sidebar{padding:12px 10px}.app-shell[data-sidebar=collapsed] .brand--sidebar{--brand-size:34px;gap:0}.app-shell[data-sidebar=collapsed] .sidebar-actions{padding:0 10px}.app-shell[data-sidebar=collapsed] .sidebar-toggle .icon{transform:rotate(-90deg)}.app-shell[data-sidebar=collapsed] .nav-user .user-avatar{width:24px;height:24px}.page[data-view=discover] .fab-hub,.page[data-view=playground] .fab-hub{display:none}.tagline{max-width:520px;color:var(--muted);font-size:1rem}.footer{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:20px;display:flex}.footer-row{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-links--meta{flex-direction:column;justify-content:center;align-items:center;gap:8px}.footer-meta-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;display:flex}.footer-version{flex-direction:column;align-items:center;gap:6px;display:flex}.footer-deploy{justify-content:center;display:flex}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.workspace{gap:18px;display:grid}.panel{--panel-pad:16px;background:var(--card);border:1px solid var(--stroke-strong);border-radius:var(--radius-xl);padding:var(--panel-pad);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;animation:.28s forwards rise;animation-delay:var(--delay);align-content:start;transform:translateY(8px)}.view-section.panel{--view-from:10px;animation:.28s both view-enter}.app-shell[data-view-direction=back] .view-section.panel{--view-from:-10px}@keyframes view-enter{0%{opacity:0;transform:translateY(var(--view-from))}to{opacity:1;transform:none}}@media (width<=959.98px){.view-section.panel{animation-name:view-enter-mobile;transform:none}@keyframes view-enter-mobile{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.view-section.panel{--view-from:0px}}.panel-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.panel-header--library{margin-bottom:8px}.panel-heading h2{margin:0 0 8px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.panel-palettes{flex-direction:column;min-height:0;display:flex}.panel-palettes .library-groups{flex:0 auto}.panel-palettes .panel-palettes-spacer{flex:auto;min-height:4px}@media (width<=959.98px){.panel-palettes{position:relative}.fab-hub{right:auto;bottom:calc(env(safe-area-inset-bottom) + var(--bottom-nav-height) + 12px);align-self:flex-end;margin-top:4px;position:sticky}}.action-dock{background:var(--card);box-shadow:none;z-index:3;border:1px solid #0000;border-radius:18px;justify-content:flex-end;align-self:flex-end;align-items:center;gap:12px;width:max-content;margin-top:4px;margin-left:auto;padding:12px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:sticky;bottom:24px}.action-dock.is-floating{border:1px solid var(--stroke);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(-4px);box-shadow:0 18px 36px #0f172a40}.action-dock button,.panel-actions button{white-space:nowrap}.panel h2{letter-spacing:-.01em;margin:0 0 6px;font-size:1.1rem}.panel p{color:var(--muted);margin:12px 0 0}.panel-options,.panel-drop,.panel-export,.panel-log,.panel-list,.panel-editor{grid-column:auto}.divider{background:var(--stroke);height:1px;margin:18px 0}.section{gap:12px;display:grid}.section-header h4{margin:0;font-size:1rem}@keyframes rise{to{opacity:1;transform:translateY(0)}}.field{flex-direction:column;gap:8px;display:flex}.field.compact{gap:6px;font-size:.85rem;display:grid}.field.compact span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.field select:focus,.field input[type=text]:focus,.field input[type=number]:focus,.field input[type=email]:focus,.field input[type=password]:focus,.field input[type=search]:focus{background:var(--bg-elevated);border-color:#4f46e580;box-shadow:0 0 0 3px #4f46e533}.field select:disabled,.field input[type=text]:disabled,.field input[type=number]:disabled,.field input[type=email]:disabled,.field input[type=password]:disabled,.field input[type=search]:disabled{opacity:.82;cursor:not-allowed;color:var(--muted);background:#94a3b81f;border-color:#94a3b859}.inline-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inline-field .toggle{margin-top:0}.inline-field input[type=color]{width:64px;height:42px}select{appearance:none;border-radius:var(--radius-md);border:1px solid var(--stroke);background-color:var(--bg-elevated);min-height:var(--control-md);color:inherit;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 20px center,right 15px center;background-repeat:no-repeat;background-size:6px 6px;outline:none;padding:0 36px 0 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 0 0 1px #0000}select:hover:not(:disabled){border-color:var(--stroke-strong)}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{background-image:none;justify-content:space-between;align-items:center;gap:10px;padding-right:14px;display:flex}select::picker-icon{color:var(--muted);transition:transform .2s}select:open::picker-icon{transform:rotate(180deg)}::picker(select){border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow);max-height:320px;margin-top:6px;padding:6px;overflow-y:auto}option{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 10px;font-size:.92rem;display:flex}option:hover,option:focus{background:color-mix(in srgb, var(--accent) 18%, transparent);outline:none}option:checked{color:var(--accent);font-weight:600}option::checkmark{content:"";opacity:0;background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}option:checked::checkmark{opacity:1}}@supports not (appearance:base-select){option{background-color:var(--bg-elevated);color:var(--ink)}}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search]{border-radius:var(--radius-md);border:1px solid var(--stroke);background:var(--bg-elevated);min-height:var(--control-md);width:100%;color:inherit;outline:none;padding:0 12px;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 0 0 1px #0000}input[type=color]{border-radius:var(--radius-md);cursor:pointer;appearance:none;background:0 0;border:none;width:72px;height:54px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #1c1a1626}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:12px}input[type=color]::-moz-color-swatch{border:none;border-radius:12px}.toggle{cursor:pointer;grid-template-columns:52px 1fr;align-items:center;column-gap:12px;margin-top:16px;display:grid}.toggle.is-compact{grid-template-columns:52px auto;margin-top:0}.toggle input{display:none}.toggle input:checked+.toggle-track{background:var(--accent);box-shadow:inset 0 0 0 1px #7dd3fc66}.toggle input:checked+.toggle-track:after{transform:translate(22px)}.toggle input:focus-visible+.toggle-track{box-shadow:0 0 0 3px #4f46e540}.toggle input:disabled+.toggle-track{background:#94a3b840;box-shadow:inset 0 0 0 1px #94a3b84d}.toggle input:disabled+.toggle-track:after{background:#e2e8f0cc;box-shadow:inset 0 0 0 1px #94a3b859}.toggle input:disabled+.toggle-track+.toggle-label{color:var(--muted);opacity:.9}.toggle-track{background:#1e293b99;border-radius:999px;width:52px;height:30px;transition:background .2s,box-shadow .2s;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #94a3b859}.toggle-track:after{content:"";background:#f8fafc;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px #0f172a59,inset 0 0 0 1px #94a3b840}.toggle.is-compact .toggle-track{justify-self:start}.toggle-label{font-weight:500;line-height:1.4}.toggle.is-compact .toggle-label{line-height:1.3}.hint{font-size:.9rem}.panel-desktop .folder-grid{grid-template-columns:1fr;gap:12px;display:grid}.panel-desktop .path{color:var(--muted);word-break:break-all;font-size:.85rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.segmented{border:1px solid var(--stroke);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:8px;padding:6px;display:inline-flex}.segmented-option{cursor:pointer;position:relative}.segmented-option input{opacity:0;position:absolute}.segmented-option input:checked+span{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff}.segmented-option input:disabled+span{opacity:.5;cursor:not-allowed}.segmented-option span{color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.export-trigger{justify-content:center;width:auto}.footer-button{border-radius:var(--radius-pill);color:var(--ink);border:1px solid var(--stroke);background:var(--bg-elevated);min-height:var(--control-md);align-items:center;gap:10px;padding:0 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 12px 24px #1c1a1614}.footer-button:hover{border-color:#1c1a164d;box-shadow:0 16px 28px #1c1a1624}button.footer-link{border-radius:var(--radius-sm);min-height:0;color:var(--muted);box-shadow:none;background:0 0;border:none;padding:6px 2px;font-size:.9rem;font-weight:600;transition:color .2s}button.footer-link:hover{color:var(--ink)}button.footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.version-button{gap:6px}.version-label{color:var(--muted);font-size:.85rem;font-weight:600}.version-number{color:var(--ink);font-size:.9rem;font-weight:600}.github-button svg{fill:currentColor;width:18px;height:18px}.deploy-stamp{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--muted) 72%, transparent);font-variant-numeric:tabular-nums;font-size:.62rem;font-weight:600}button{border-radius:var(--radius-pill);min-height:var(--control-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.92rem;font-weight:600;transition:filter .2s,box-shadow .2s,background .2s;display:inline-flex}button.primary{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff;box-shadow:var(--shadow-soft)}button.ghost{border:1px solid var(--stroke);color:inherit;background:0 0}button.danger{color:#fff;box-shadow:var(--shadow-soft);background:linear-gradient(130deg,#ef4444,#b91c1c)}button:hover:not(:disabled):not(.primary):not(.danger):not(.text-link):not(.footer-link):not(.discover-author-button):not(.playground-source-detach):not(.brand):not(.fab-action){background:color-mix(in srgb, var(--ink) 8%, transparent)}button.primary:hover:not(:disabled),button.danger:hover:not(:disabled){filter:brightness(1.06)}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}button.is-active{border:1px solid var(--accent);color:var(--accent);background:#4f46e514}button.icon-only{width:var(--control-md);min-width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);flex:none;padding:0}button.icon-only .icon{width:18px;height:18px}button.close-button{width:var(--control-md);min-width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);border:1px solid var(--stroke);background:0 0;flex:none;padding:0}button.close-button .icon{width:16px;height:16px}button.close-button:hover{background:#94a3b826}.section-card{border-radius:var(--radius-lg);border:1px solid var(--stroke-strong);background:var(--surface-2);min-width:0;display:grid;overflow:hidden}.section-card--open{overflow:visible}.section-card--open>.section-head:first-child{border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.panel-head{min-width:0;min-height:56px;margin:calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1) 0;padding:8px var(--panel-pad);border-bottom:1px solid var(--stroke-strong);border-radius:calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;background:var(--surface);align-items:center;gap:10px;display:flex}.section-head{border-bottom:1px solid var(--stroke-strong);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:56px;padding:8px 14px;display:flex}.section-head .section-title{text-transform:uppercase;letter-spacing:.09em;min-width:0;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:.74rem;font-weight:700;line-height:1.5;display:flex}.section-actions{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.section-body{min-width:0;padding:14px}.chip-group{--chip-height:var(--control-sm);min-width:0;height:calc(var(--control-sm) + 8px);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;align-items:center;gap:4px;padding:4px;display:flex}.chip-group--labelled{cursor:pointer;padding-left:12px}.chip-label{color:var(--muted);white-space:nowrap;flex:none;font-size:.82rem;font-weight:600;line-height:1.5}.chip{height:var(--chip-height);border-radius:var(--radius-pill);min-width:0;min-height:0;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding-inline:14px;font-size:.85rem;font-weight:600;line-height:1.5;transition:background .15s,color .15s;display:inline-flex}.chip .icon{flex:none;width:17px;height:17px}.chip:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 10%, transparent)}.chip:disabled{opacity:.3;cursor:not-allowed}.chip--primary{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff}.chip--primary:hover:not(:disabled){background:linear-gradient(130deg, var(--accent), var(--accent-3));filter:brightness(1.06)}.chip--icon{width:var(--chip-height);padding-inline:0}.chip--select{flex:0 auto;min-width:0;padding-inline:14px 30px;position:relative}.chip--select:after{content:"";pointer-events:none;border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .18s;position:absolute;right:13px;transform:translateY(-2px)rotate(45deg)}.chip--select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-group.is-open .chip--select:after{transform:translateY(1px)rotate(-135deg)}.chip-select-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip--select select{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chip-group{position:relative}.chip-select-list{z-index:14;border-radius:var(--radius-md);border:1px solid var(--stroke-strong);background:var(--bg-elevated);min-width:100%;max-height:min(320px,60vh);box-shadow:var(--shadow);overscroll-behavior:contain;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.chip-group.is-open .chip-select-list{gap:2px;display:grid}button.chip-select-option{border-radius:var(--radius-sm);width:100%;min-height:0;color:var(--ink);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:.85rem;font-weight:600;line-height:1.5;transition:background .12s;display:block}button.chip-select-option:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}button.chip-select-option[aria-selected=true]{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff}.modal{z-index:10;opacity:0;pointer-events:none;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}#discover-profile-modal .modal-card{gap:8px}#discover-profile-modal .modal-header{min-height:var(--control-md);padding-right:0}#discover-profile-modal .modal-header-actions .close-button{position:static}#discover-profile-modal .modal-body{gap:12px}.modal.is-open{opacity:1;pointer-events:auto}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0f172a80;transition:opacity .18s;position:absolute;inset:0}.modal-card{background:var(--bg-elevated);border:1px solid var(--stroke);width:min(520px,90vw);box-shadow:var(--shadow);opacity:0;will-change:opacity, transform;border-radius:20px;grid-template-rows:auto minmax(0,1fr);gap:12px;max-height:86vh;padding:24px;transition:opacity .22s,transform .22s;display:grid;position:relative;overflow:hidden;transform:translateY(14px)scale(.98)}.modal.is-open .modal-backdrop{opacity:1}.modal.is-open .modal-card{opacity:1;transform:translateY(0)scale(1)}.modal-card.modal-wide{width:min(760px,92vw)}.modal-card.modal-editor{width:min(980px,94vw)}.modal-card.modal-view{gap:8px;width:min(680px,92vw)}.modal-card.modal-view .modal-body{gap:10px}.modal-card.modal-view #view-subtitle{margin:4px 0 0}.modal-card.modal-view .modal-header{align-items:flex-start}.modal-header{min-height:var(--control-md);justify-content:space-between;align-items:center;gap:12px;padding-right:48px;display:flex;position:relative}.modal-header--top{align-items:flex-start}.modal-header>div{min-width:0}.modal-header-actions{align-items:center;gap:8px;display:flex}.modal-header>.close-button,.modal-header-actions .close-button{position:absolute;top:50%;right:0;transform:translateY(-50%)}.modal-header--top>.close-button,.modal-card.modal-view .modal-header>.close-button{top:0;transform:none}.modal-header.editor-header{align-items:center}.modal-header h3{margin:0;font-size:1.1rem}.modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 30%, transparent) transparent;gap:16px;min-height:0;margin-inline:-6px;padding-inline:6px;display:grid;overflow:auto}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 30%, transparent);background-clip:content-box;border:3px solid #0000}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-actions{justify-content:flex-end;gap:12px;display:flex}#generate-modal .modal-card{background:var(--bg-elevated);border-color:var(--stroke);width:min(840px,94vw);box-shadow:var(--shadow);border-radius:22px;padding:22px}#generate-modal .modal-body{gap:14px}.generate-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""preview""controls";align-items:start;gap:14px;display:grid}.generate-name-field{grid-area:name}.generate-controls{border:1px solid var(--stroke);background:var(--surface);border-radius:14px;grid-area:controls;padding:14px}.generate-form-grid{gap:12px}.generate-base-field{min-width:0}.generate-base-inline{box-sizing:border-box;border:1px solid var(--stroke);background:var(--bg-elevated);border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 10px;display:flex}.generate-base-inline .toggle.is-compact{grid-template-columns:42px auto}.generate-base-inline .toggle-track{width:42px;height:24px}.generate-base-inline .toggle-track:after{width:16px;height:16px;top:4px;left:4px}.generate-base-inline .toggle input:checked+.toggle-track:after{transform:translate(18px)}#generate-modal .field>label{letter-spacing:.01em;font-weight:600}.generate-preview{border:1px solid var(--stroke);background:var(--surface);border-radius:14px;grid-area:preview;gap:10px;padding:12px;display:grid;overflow:hidden}.generate-preview-meta{gap:4px;display:grid}.generate-preview-name{margin:0;font-size:1.02rem;font-weight:750}.generate-preview-subtitle{opacity:.82;margin:0;font-size:.84rem;font-weight:600}.generate-preview-strip{border:1px solid var(--stroke);background:var(--surface);border-radius:12px;flex-wrap:nowrap;height:168px;display:flex;overflow:hidden}.generate-preview-empty{width:100%;color:var(--muted);text-align:center;place-items:center;margin:0;padding:20px;font-weight:600;display:grid}.generate-preview-swatch{min-width:0;height:168px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bg-elevated) 16%, transparent);flex:1 1 0;align-content:end;gap:4px;padding:10px;display:grid;overflow:hidden}.generate-preview-swatch-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0f172a4d;font-size:.84rem;font-weight:600;line-height:1.2;overflow:hidden}.generate-preview-swatch-hex{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:clip;opacity:.92;text-shadow:0 1px 2px #0f172a4d;font-size:.7rem;font-weight:700;overflow:hidden}.generate-preview-strip.is-vertical-text .generate-preview-swatch{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:3px;padding:6px 4px;display:flex}.generate-preview-strip.is-vertical-text .generate-preview-swatch-hex,.generate-preview-strip.is-vertical-text .generate-preview-swatch-name{writing-mode:sideways-lr;text-orientation:mixed;white-space:nowrap;text-overflow:ellipsis;max-height:100%;line-height:1;display:block;overflow:hidden}.generate-preview-strip.is-vertical-text .generate-preview-swatch-hex{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-overflow:clip;opacity:.86;order:1;max-height:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.62rem;font-weight:700;overflow:visible}.generate-preview-strip.is-vertical-text .generate-preview-swatch-name{order:2;font-size:.7rem;font-weight:600}.generate-base-color-field{flex:none;place-items:center;width:28px;height:28px;margin-left:6px;display:inline-grid;position:relative}.generate-base-color-field input[type=color]{border-radius:7px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0f172a52}.generate-base-color-icon{color:#f8fafc;pointer-events:none;background:#0f172ac7;border-radius:999px;place-items:center;width:11px;height:11px;display:grid;position:absolute;bottom:2px;right:2px}.generate-base-color-icon svg{width:7px;height:7px}.generate-base-color-field input[type=color]:disabled+.generate-base-color-icon{opacity:.5}.generate-base-color-field.is-hidden{display:none}.generate-modal-actions{justify-content:space-between;align-items:center;margin-top:0}.generate-modal-actions button{min-width:156px}.generate-destination{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;overflow:hidden}@media (width<=720px){#generate-modal .modal-card{width:min(96vw,560px);padding:16px}#generate-modal .modal-body{gap:12px}.generate-controls{padding:12px}#generate-modal .generate-form-grid{grid-template-columns:1fr}#generate-modal .generate-preview-strip{height:112px}#generate-modal .generate-preview-swatch{flex:1 1 0;min-width:0;height:112px;padding:8px}#generate-modal .generate-base-inline{justify-content:space-between;gap:10px}#generate-modal .generate-modal-actions{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}#generate-modal .generate-modal-actions button{width:100%;min-width:0}}@media (width<=430px){#generate-modal .generate-modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .modal,body:not([data-motion=on]) .modal-backdrop,body:not([data-motion=on]) .modal-card{transition:none}}body[data-motion=off] .modal,body[data-motion=off] .modal-backdrop,body[data-motion=off] .modal-card{transition:none}.legal-body{gap:18px}.legal-section{gap:8px;display:grid}.legal-section h4{margin:0;font-size:1rem}.legal-copy{color:var(--muted);margin:0;font-size:.95rem}.legal-list{color:var(--muted);gap:6px;margin:0;padding-left:20px;display:grid}.legal-list li{line-height:1.5}.license-list{gap:16px;display:grid}.license-item{border:1px solid var(--stroke);background:var(--bg);box-shadow:var(--shadow-soft);border-radius:16px;gap:10px;padding:16px;display:grid}.license-item-header{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-weight:600;display:flex}.license-name{font-size:1rem}.license-version{color:var(--muted);font-size:.85rem}.license-meta{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.license-text{border:1px solid var(--stroke);background:var(--bg-elevated);white-space:pre-wrap;border-radius:12px;max-height:260px;margin:0;padding:12px 14px;font-size:.8rem;line-height:1.5;overflow:auto}.dropzone{border:2px dashed var(--stroke);text-align:center;background:var(--bg-elevated);cursor:pointer;border-radius:18px;padding:32px 20px;transition:border-color .2s,background .2s}.dropzone.is-dragover{border-color:var(--accent);background:#d4633f1f}.dropzone.is-busy{opacity:.6;pointer-events:none}.dropzone input{display:none}.drop-content p{margin:0;font-size:1.05rem;font-weight:600}.drop-content span{color:var(--muted)}.dropzone{background:var(--surface);border-color:var(--stroke-strong)}.import-tabs{justify-content:stretch;width:100%}.import-tabs .segmented-option{flex:1 1 0}.import-tabs .segmented-option span{justify-content:center;width:100%}.import-panel{display:none}.import-panel.is-active{gap:14px;display:grid}.image-stage{gap:12px;display:grid}.image-stage.is-hidden{display:none}.image-canvas{border:1px solid var(--stroke);background:var(--surface-2);border-radius:14px;line-height:0;position:relative;overflow:hidden}.image-canvas img{object-fit:contain;width:100%;max-height:320px;display:block}.image-canvas.is-picking{cursor:crosshair}.image-points{pointer-events:none;position:absolute;inset:0}.image-points.is-hidden{display:none}.image-point{pointer-events:auto;cursor:pointer;border:2px solid #fff;border-radius:999px;width:20px;height:20px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a99,0 3px 8px #0f172a66}.image-point:hover{transform:translate(-50%,-50%)scale(1.15)}.image-mode{width:100%}.image-mode .segmented-option{flex:1 1 0}.image-mode .segmented-option span{justify-content:center;width:100%}.image-controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.image-controls.is-hidden{display:none}.image-controls .field span{color:var(--muted);justify-content:space-between;gap:8px;font-size:.78rem;font-weight:600;display:flex}.image-controls output{color:var(--ink);font-variant-numeric:tabular-nums}.image-result{gap:12px;display:grid}.image-strip{border:1px solid var(--stroke);background:var(--surface-2);border-radius:12px;min-height:54px;display:flex;overflow:hidden}.image-strip .empty{margin:auto;padding:12px}.image-chip{flex:1 1 0;place-items:end center;min-width:0;padding-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.6rem;font-weight:700;display:grid;overflow:hidden}.image-result button{justify-self:end}@media (width<=560px){.image-result button{justify-self:stretch;width:100%}}.library-toolbar{flex-wrap:nowrap}@media (width<=560px){#create-folder{width:var(--control-md);min-width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);flex:none;padding:0}#create-folder span{display:none}}.library-search{flex:240px;min-width:0}.library-search input{border:1px solid var(--stroke);background:var(--bg-elevated);border-radius:12px;width:100%;padding:10px 12px;font-size:.9rem}.library-groups{gap:0;display:grid}.library-group{align-content:start;min-width:0;display:grid;overflow:visible}.library-group>.section-head{margin-inline:calc(var(--panel-pad) * -1);padding-inline:var(--panel-pad);border-top:1px solid var(--stroke-strong);border-bottom:0;border-radius:0}.library-group:first-child>.section-head{border-top:0}.library-group-body{background:var(--card)}.library-group-toggle,.library-group-open{min-width:0;color:inherit;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.library-group-toggle:hover,.library-group-open:hover{background:var(--surface-2)}.library-group-toggle{flex:none;padding:6px}.library-group-open{flex:auto;padding:6px 10px}.library-group-chevron{opacity:.7;flex:none;width:16px;height:16px}.library-group-grip{width:22px;height:22px;color:var(--muted);opacity:.55;cursor:grab;touch-action:none;border-radius:7px;flex:none;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:inline-flex}.library-group-grip .icon{width:14px;height:14px}.library-group-grip:hover{opacity:1;background:var(--surface-2)}.library-group-grip:active{cursor:grabbing}.library-group:hover .library-group-grip,.library-group:focus-within .library-group-grip{opacity:.9}.library-group-icon{width:17px;height:17px;color:var(--accent);flex:none}input.library-group-rename{border:1px solid var(--accent);background:var(--bg-elevated);min-width:0;max-width:100%;height:26px;min-height:0;color:var(--ink);font:inherit;border-radius:9px;flex:0 auto;padding:0 10px;font-size:.95rem;font-weight:600}.library-group-rename-sizer{visibility:hidden;pointer-events:none;white-space:pre;font-size:.95rem;font-weight:600;position:absolute}.library-group-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.library-group-open .palette-count,.library-crumb-title .palette-count{flex:none;margin-left:auto}.library-group-actions{gap:4px}.library-group-actions button{padding:6px}.library-group-body{grid-template-rows:1fr;transition:grid-template-rows .24s;display:grid}.library-group-body>*{visibility:visible;min-height:0;transition:visibility linear;overflow:hidden}.library-group.is-collapsed .library-group-body>*{visibility:hidden;min-height:0;padding-block:0;transition:visibility 0s linear .24s}:is(.library-group-body:has(>.palette-grid.is-sorting),.library-group-body:has(>.palette-grid.is-sorting)>*){overflow:visible}.library-group.is-collapsed .library-group-body{grid-template-rows:0fr}body.is-dragging .library-group.is-collapsed .library-group-body{grid-template-rows:1fr}body.is-dragging .library-group.is-collapsed .library-group-body>*{visibility:visible;transition:none}body.is-dragging .library-group.is-collapsed .palette-grid{min-height:72px;padding-block:10px 14px}.library-group .palette-grid{padding:10px 0 14px}.library-group--open>.section-head{margin-inline:calc(var(--panel-pad) * -1);padding-inline:var(--panel-pad);border-radius:0}.library-crumb .icon-only{background:0 0;border:0;width:30px;min-width:30px;height:30px}.library-crumb-title{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.library-crumb-name{letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}@keyframes library-level-in{0%{opacity:0;transform:translateY(8px)}}@keyframes library-level-out{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.library-groups.is-entering-in,.library-groups.is-entering-out{animation:none}body:not([data-motion=on]) .library-group-body{transition:none}}body[data-motion=off] .library-group-body{transition:none}@media (width<=640px){.library-group-header{gap:4px;padding-inline:8px}.library-group-open .palette-count{display:none}.library-group-open{padding-inline:6px}.library-group-actions button{padding:5px}}.library-group-empty{text-align:center;border:1px dashed var(--stroke);border-radius:16px;grid-column:1/-1;margin:0;padding:14px 16px}.palette-grid{border-radius:16px;grid-template-columns:minmax(0,1fr);gap:16px;min-height:72px;display:grid;position:relative}.palette-grid:before{content:"";z-index:0;border:2px dashed color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;opacity:0;border-radius:14px;transition:opacity .18s,transform .18s;position:absolute;inset:4px;transform:scale(.985)}.palette-grid.is-sorting:before{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .palette-grid:before{transition:none}}body[data-motion=off] .palette-grid:before{transition:none}@media (width>=960px){.palette-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.palette-card{border:1px solid var(--stroke);background:var(--surface);text-align:left;cursor:pointer;border-radius:16px;gap:10px;min-width:0;padding:12px;transition:border-color .2s,box-shadow .2s,transform .18s,opacity .18s;display:grid;position:relative;container:palette-card/inline-size}.palette-card.is-active{border-color:color-mix(in srgb, var(--accent-3) 55%, var(--stroke))}.palette-card:focus-visible{outline:2px solid var(--swatch-ring);outline-offset:2px}.is-sorting{-webkit-user-select:none;user-select:none}.is-sort-dragging{z-index:5;cursor:grabbing;pointer-events:none;will-change:transform;transition:none;position:relative;box-shadow:0 16px 30px #0f172a47}.palette-card.is-sort-dragging{opacity:1;background:var(--bg-elevated);box-shadow:0 22px 44px #0f172a73}.color-row.is-sort-dragging{opacity:.95}.palette-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.palette-count{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--stroke);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.palette-card-header{gap:8px;min-width:0;display:grid}.palette-chips{border:1px solid var(--stroke);background:var(--surface-2);border-radius:14px;gap:0;min-height:54px;display:flex;overflow:hidden}.palette-chips.is-empty{justify-content:center;align-items:center;padding:12px}.palette-chips.is-empty .empty{text-align:center}.palette-actions{flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;min-width:0;display:flex;position:relative}.palette-actions button:not(.icon-only){flex:none;padding:8px 12px;font-size:.85rem}.palette-actions-lead{align-items:center;gap:inherit;flex:auto;min-width:0;display:flex;position:relative}.palette-actions-trailing{align-items:center;gap:inherit;flex:none;margin-left:auto;display:flex}.palette-actions-primary{display:contents}.palette-actions-more.is-hidden{display:none}.palette-actions-menu{z-index:8;border-radius:var(--radius-md);border:1px solid var(--stroke-strong);background:var(--bg-elevated);box-shadow:var(--shadow);gap:6px;padding:8px;display:none;position:absolute;bottom:calc(100% + 8px);right:0}.palette-actions.is-open .palette-actions-menu{display:flex}@container palette-card (width<=640px){.palette-actions{gap:8px}.palette-actions button:not(.icon-only){padding:7px 9px;font-size:.8rem}.palette-actions button span{display:none}}@container palette-card (width<=420px){.palette-actions-more{display:inline-flex}.palette-actions-menu{z-index:8;border-radius:var(--radius-md);border:1px solid var(--stroke-strong);background:var(--bg-elevated);box-shadow:var(--shadow);gap:6px;padding:8px;display:none;position:absolute;bottom:calc(100% + 8px);right:0}.palette-actions.is-open .palette-actions-menu{display:flex}.palette-actions-spacer,.palette-card .palette-meta-badges{display:none}}.palette-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:10px;display:flex}.palette-actions button.is-published{color:var(--published);background:color-mix(in srgb, var(--published) 16%, transparent);border-color:color-mix(in srgb, var(--published) 40%, transparent)}.palette-actions button.is-published:hover:not(:disabled){background:color-mix(in srgb, var(--published) 26%, transparent)}.palette-meta{flex-direction:column;gap:6px;width:100%;display:flex}.palette-meta-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;display:grid}.palette-card-grip{width:22px;height:22px;color:var(--muted);opacity:.55;cursor:grab;touch-action:none;border-radius:7px;flex:none;justify-content:center;align-items:center;margin-left:-4px;transition:opacity .15s,background .15s;display:inline-flex}.palette-card-grip .icon{width:14px;height:14px}.palette-card-grip:hover{opacity:1;background:var(--surface-2)}.palette-card-grip:active{cursor:grabbing}.palette-card:hover .palette-card-grip,.palette-card:focus-within .palette-card-grip{opacity:.9}.palette-card.is-sort-dragging .palette-card-grip{opacity:1;cursor:grabbing}.palette-meta-badges{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.palette-chip{border:none;border-radius:0;flex:1 1 0;min-width:0;min-height:54px;box-shadow:inset 0 0 0 1px #ffffff14}.palette-chip-more{letter-spacing:.08em;text-transform:uppercase;min-width:42px;color:var(--muted);background:var(--surface);border-left:1px solid var(--stroke);flex:none;place-items:center;padding:0 8px;font-size:.75rem;font-weight:600;display:grid}.collection-box{border:1px solid var(--stroke);background:var(--surface);text-align:left;border-radius:16px;grid-template-rows:auto 1fr auto;gap:10px;min-width:0;padding:12px;display:grid;position:relative}.collection-header{align-items:center;gap:8px;min-width:0;display:flex}.collection-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.collection-header .palette-count{flex:none}.collection-actions .collection-delete{margin-left:auto}button.collection-preview{border:1px dashed var(--stroke);background:var(--surface-2);cursor:pointer;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;height:100%;min-height:54px;padding:8px;display:grid}button.collection-preview:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}.collection-mini{border-radius:5px;height:16px;display:flex;overflow:hidden}.collection-mini span{flex:1 1 0;min-width:0}.collection-empty{text-align:center;grid-column:1/-1;align-self:center;font-size:.8rem}.collection-box.is-drop-target{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.collection-box.is-drop-target button.collection-preview{border-style:solid;border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 16%, var(--surface-2))}.collection-box.is-insert-target:after{content:"";z-index:7;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 70%, transparent);pointer-events:none;position:absolute}.collection-box.is-insert-target[data-insert-edge=left]:after,.collection-box.is-insert-target[data-insert-edge=right]:after{width:4px;top:10px;bottom:10px}.collection-box.is-insert-target[data-insert-edge=left]:after{left:-10px}.collection-box.is-insert-target[data-insert-edge=right]:after{right:-10px}.collection-box.is-insert-target[data-insert-edge=top]:after,.collection-box.is-insert-target[data-insert-edge=bottom]:after{height:4px;left:10px;right:10px}.collection-box.is-insert-target[data-insert-edge=top]:after{top:-10px}.collection-box.is-insert-target[data-insert-edge=bottom]:after{bottom:-10px}.library-groups{padding-top:var(--panel-pad)}.library-group--open{background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(72px,1fr);min-width:0;display:grid;overflow:visible}.panel-palettes .library-groups[data-level=folder]{flex:auto}.panel-palettes .library-groups[data-level=library]{flex:auto;grid-template-rows:minmax(72px,1fr);padding-top:0}.panel-palettes .library-groups[data-level=folder]+.panel-palettes-spacer,.panel-palettes .library-groups[data-level=library]+.panel-palettes-spacer{flex:0 0 4px}.library-root{min-height:100%;margin-inline:calc(var(--panel-pad) * -1);padding:var(--panel-pad) var(--panel-pad) 0;align-content:start}.library-group--open>.section-head{margin:calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1) 0;padding:8px var(--panel-pad);border-top:0;border-bottom:1px solid var(--stroke-strong);background:var(--surface);border-radius:0}.library-group--open>.library-group-body{background:0 0;min-height:0}.library-group--open .palette-grid{min-height:100%;margin-inline:calc(var(--panel-pad) * -1);padding:var(--panel-pad) var(--panel-pad) 0;align-content:start}.library-groups.is-entering-in{animation:.2s both library-level-in}.library-groups.is-entering-out{animation:.2s both library-level-out}@media (prefers-reduced-motion:reduce){.library-groups.is-entering-in,.library-groups.is-entering-out{animation:none}}.library-crumb{position:relative;overflow:hidden}.library-crumb-drag-hint{text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}body.is-dragging .library-crumb{background:color-mix(in srgb, var(--accent) 12%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}body.is-dragging .library-crumb-name,body.is-dragging .library-crumb-title .palette-count{display:none}body.is-dragging .library-crumb-drag-hint{display:inline}.library-crumb.is-drop-target{background:color-mix(in srgb, var(--accent) 22%, var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}@keyframes spring-open-progress{0%{transform:scaleX(0)}}.collection-box.is-drop-target:after,.library-crumb.is-drop-target:after{content:"";z-index:8;border-radius:var(--radius-pill);background:var(--accent);height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);transform-origin:0;pointer-events:none;animation:.65s linear both spring-open-progress;position:absolute}.collection-box.is-drop-target:after{bottom:6px;left:12px;right:12px}.library-crumb.is-drop-target:after{right:var(--panel-pad);bottom:5px;left:var(--panel-pad)}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .collection-box.is-drop-target:after,body:not([data-motion=on]) .library-crumb.is-drop-target:after{animation-timing-function:step-end}}.modal-card.modal-editor{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(1040px,96vw);height:min(820px,88vh)}.modal-card.modal-editor .modal-body{flex-direction:column;min-height:0;padding-right:0;display:flex;overflow:hidden}.modal-card.modal-editor .editor{flex:auto;min-height:0}.editor{flex-direction:column;gap:10px;min-height:0;display:flex}.modal-header.editor-header{flex-wrap:nowrap;align-items:center;gap:12px;padding-right:0;display:flex}.modal-header.editor-header>.close-button{flex:none;position:static;transform:none}.editor-title{flex:auto;align-items:center;min-width:0;display:flex}.editor-count{flex:none}.editor-count:empty{display:none}.editor-name{flex:0 auto;min-width:0;display:grid}.editor-name input[type=text]{box-shadow:none;background:0 0;border:none;border-radius:0;width:100%;min-width:0;padding:0;font-size:1.15rem;font-weight:600}.editor-name input[type=text]:focus{outline:none;box-shadow:0 2px #94a3b859}#editor-subtitle{flex:none;margin:0}.editor-toolbar{border-top:0;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;padding-top:0;display:flex}.editor-toolbar-group{align-items:center;gap:6px;min-width:0;display:flex}.editor-tools{flex:0 auto}.editor-toolbar-spacer{flex:auto;min-width:0}.editor-toolbar button:not(.icon-only){padding:8px 12px;font-size:.85rem}.editor-toolbar button.icon-only{padding:8px}#editor-save{padding:8px 18px}.editor-notation{border-radius:10px;max-width:104px;padding:7px 10px;font-size:.85rem}.editor-tools.is-hidden{display:none}.overflow-group{flex:auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.editor-tools-primary{display:contents}.editor-tools-primary>*{flex:none}.editor-tools-primary button{white-space:nowrap}.overflow-trigger.is-hidden{display:none}.overflow-panel{z-index:6;border:1px solid var(--stroke);background:var(--bg-elevated);min-width:190px;box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:14px;gap:6px;padding:10px;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(6px)}.overflow-group.is-open .overflow-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.overflow-panel button{justify-content:flex-start;width:100%}.overflow-panel .editor-notation{width:100%;max-width:none}@media (hover:hover){.editor-add-color{display:none}.editor-tools.is-empty-palette .editor-add-color{display:inline-flex}}.color-list{--color-gap:0px;gap:var(--color-gap);flex:auto;align-content:stretch;min-height:0;display:grid}#palette-editor[data-layout=horizontal] .color-list{grid-auto-rows:minmax(52px,1fr);grid-auto-flow:row;padding:8px 0;overflow:hidden auto}#palette-editor[data-layout=vertical] .color-list{grid-auto-rows:minmax(0,1fr);grid-auto-columns:minmax(54px,1fr);grid-auto-flow:column;padding:0 8px;overflow:auto hidden}.color-row{text-align:left;background:var(--surface);border:0;border-radius:0;gap:10px;min-width:0;height:100%;min-height:0;transition:box-shadow .2s;display:flex;position:relative;overflow:visible;container:color-row/inline-size}.color-insert-zone{z-index:3;place-items:center;display:grid;position:absolute}button.color-insert.icon-only{background:var(--bg-elevated);width:26px;min-width:0;height:26px;min-height:0;color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 55%, transparent), 0 4px 12px #0f172a59;opacity:0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:opacity .14s,transform .14s;display:inline-flex;transform:scale(.8)}button.color-insert.icon-only .icon{stroke-width:2.4px;width:14px;height:14px}.color-insert-zone:hover .color-insert,.color-insert:focus-visible{opacity:1;transform:scale(1)}.color-insert-zone:hover .color-insert:hover{transform:scale(1.12)}@media (hover:none){.color-insert-zone{display:none}}#palette-editor[data-layout=horizontal] .color-insert-zone{width:auto;left:0;right:0;top:calc(var(--color-gap,8px) / -2);height:24px;transform:translateY(-50%)}#palette-editor[data-layout=horizontal] .color-insert-zone--end{top:auto;bottom:calc(var(--color-gap,8px) / -2);transform:translateY(50%)}#palette-editor[data-layout=vertical] .color-insert-zone{height:auto;top:0;bottom:0;left:calc(var(--color-gap,8px) / -2);width:24px;transform:translate(-50%)}#palette-editor[data-layout=vertical] .color-insert-zone--end{left:auto;right:calc(var(--color-gap,8px) / -2);transform:translate(50%)}button.color-card-text{width:fit-content;min-width:0;max-width:100%;min-height:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 auto;justify-content:flex-start;align-items:center;gap:10px;padding:0;transition:box-shadow .15s;display:flex;overflow:hidden}button.color-card-text:hover{background:#ffffff29;box-shadow:0 0 0 5px #ffffff29}button.color-card-text:focus-visible{outline-offset:3px;outline:2px solid}.color-card-value,.color-card-name{white-space:nowrap;text-shadow:0 1px 2px #0f172a40;display:block}.color-card-value{flex:none}.color-card-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.color-card-value{letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem;font-weight:700}.color-card-name{font-size:.9rem;font-weight:600}.color-actions{flex:none;align-items:center;gap:6px;display:flex}.color-actions .icon-only{border-radius:8px;padding:5px}.color-actions .icon-only .icon{width:14px;height:14px}button.drag-handle{cursor:grab;touch-action:none;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:22px;min-width:0;height:22px;min-height:0;padding:0;transition:opacity .15s;display:inline-flex}button.drag-handle .icon{width:14px;height:14px}button.drag-handle:active{cursor:grabbing}@media (hover:hover){button.drag-handle{opacity:0}.color-row:hover .drag-handle,.color-row:focus-within .drag-handle,.color-row.is-sort-dragging .drag-handle{opacity:1}}.color-row .ghost{box-shadow:none;background:0 0;border-color:#0000}.color-row[data-contrast=light] .ghost{color:#f8fafc;background:#f8fafc2e}.color-row[data-contrast=light] .ghost:hover{background:#f8fafc52}.color-row[data-contrast=dark] .ghost{color:#0f172a;background:#0f172a1f}.color-row[data-contrast=dark] .ghost:hover{background:#0f172a38}#palette-editor[data-layout=horizontal] .color-row{flex-direction:row;align-items:center;padding:8px 12px}#palette-editor[data-layout=horizontal] .color-row .color-card-text{flex-direction:row;flex:0 auto;align-items:baseline;gap:10px}#palette-editor[data-layout=horizontal] .color-row .color-actions{margin-left:auto}#palette-editor[data-layout=horizontal] .color-row:first-child{border-radius:16px 16px 0 0}#palette-editor[data-layout=horizontal] .color-row:last-child{border-radius:0 0 16px 16px}#palette-editor[data-layout=horizontal] .color-row:only-child{border-radius:16px}#palette-editor[data-layout=vertical] .color-row{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:10px 6px 14px}#palette-editor[data-layout=vertical] .color-row .drag-handle{order:1;align-self:center}#palette-editor[data-layout=vertical] .color-row .color-actions{order:2;margin-top:auto}#palette-editor[data-layout=vertical] .color-row .color-card-text{text-align:center;flex-direction:column;order:3;justify-content:flex-end;align-items:center;gap:3px;width:fit-content;max-width:100%}#palette-editor[data-layout=vertical] .color-row .color-card-value{letter-spacing:.04em;white-space:normal;overflow-wrap:anywhere;font-size:.86rem;line-height:1.25}#palette-editor[data-layout=vertical] .color-row .color-card-name{opacity:.82;font-size:.72rem;font-weight:600}#palette-editor[data-layout=vertical] .color-row .color-actions{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;transition:opacity .16s}#palette-editor[data-layout=vertical] .color-row:hover .color-actions,#palette-editor[data-layout=vertical] .color-row:focus-within .color-actions,#palette-editor[data-layout=vertical] .color-row.is-sort-dragging .color-actions{opacity:1;pointer-events:auto}#palette-editor[data-layout=vertical] .color-row:first-child{border-radius:16px 0 0 16px}#palette-editor[data-layout=vertical] .color-row:last-child{border-radius:0 16px 16px 0}#palette-editor[data-layout=vertical] .color-row:only-child{border-radius:16px}@container color-row (width<=88px){#palette-editor[data-layout=vertical] .color-row .color-card-text{writing-mode:sideways-lr;text-orientation:mixed;flex-direction:row;flex:0 auto;justify-content:center;align-items:baseline;gap:6px;min-height:0;padding-bottom:2px}#palette-editor[data-layout=vertical] .color-row .color-card-value,#palette-editor[data-layout=vertical] .color-row .color-card-name{white-space:nowrap;flex:0 auto;min-height:0;line-height:1}#palette-editor[data-layout=vertical] .color-row .color-card-name{opacity:.92;font-size:.78rem}}@container color-row (width<=30px){#palette-editor[data-layout=vertical] .color-row .color-card-name{display:none}#palette-editor[data-layout=vertical] .color-row .color-actions{gap:6px}}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) #palette-editor[data-layout=vertical] .color-actions{transition:none}}body[data-motion=off] #palette-editor[data-layout=vertical] .color-actions{transition:none}@media (hover:none){#palette-editor[data-layout=vertical] .color-actions{opacity:1;pointer-events:auto}#palette-editor[data-layout=vertical] .color-row .ghost{color:#f8fafc;background:#0f172a80;padding:7px}#palette-editor[data-layout=vertical] .color-row .drag-handle{opacity:.9}}@media (width<=720px){.modal-card.modal-editor{gap:12px;width:min(96vw,640px)}.editor-add-color{display:inline-flex}}@media (width<=480px){.editor-add-color{width:var(--control-md);min-width:var(--control-md);justify-content:center;padding:8px!important}.editor-add-color>span{display:none}.editor-toolbar button:not(.icon-only){padding:8px 10px}#editor-save{padding:8px 14px}}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .overflow-panel{transition:none}}body[data-motion=off] .overflow-panel{transition:none}.view-display{background:var(--surface);border-radius:18px;gap:16px;min-height:260px;padding:20px;display:grid}.view-display.is-empty{color:var(--muted);text-align:center;place-items:center}.view-values{gap:12px;display:grid}.view-value{gap:4px;display:grid}.view-label{text-transform:uppercase;letter-spacing:.14em;opacity:.8;font-size:.7rem;font-weight:600}.view-data{font-size:1.05rem;font-weight:600}.view-strip{border:1px solid var(--stroke);background:var(--bg-elevated);border-radius:16px;min-height:36px;display:flex;overflow:hidden}.view-blocks{border-radius:var(--radius-lg);background:var(--surface);grid-auto-rows:minmax(62px,1fr);min-height:260px;max-height:min(60vh,520px);display:grid;overflow:auto}.view-block{align-items:center;gap:12px;min-width:0;padding:14px 18px;display:flex}.view-block-value{letter-spacing:.06em;text-transform:uppercase;flex:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:700}.view-block-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.view-swatch{cursor:pointer;border:none;flex:1 1 0;margin:0;padding:0}.view-swatch.is-active{box-shadow:inset 0 0 0 2px var(--swatch-ring)}.view-public-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:0;display:flex}.view-public-author{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.view-public-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.view-public-left,.view-public-right{align-items:center;gap:8px;display:inline-flex}.view-layout-switcher{border-radius:var(--radius-pill);border:1px solid var(--stroke);background:var(--surface);align-items:center;gap:2px;padding:3px;display:inline-flex}button.view-layout-option{min-height:var(--control-sm);border-radius:var(--radius-pill);color:var(--muted);background:0 0;border:0;gap:6px;padding:0 10px;font-size:.78rem}button.view-layout-option.is-active{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff}button.view-layout-option .icon{width:14px;height:14px}.view-public-right{justify-content:flex-end}.view-public-like{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.view-public-like-count{color:var(--ink);font-weight:600}.color-tools{z-index:60;border:1px solid var(--stroke);background:var(--bg-elevated);opacity:0;border-radius:18px;align-content:start;gap:12px;width:min(300px,100vw - 20px);max-height:calc(100vh - 20px);padding:14px;transition:opacity .16s,transform .16s;display:grid;position:fixed;overflow-y:auto;transform:translateY(-6px);box-shadow:0 24px 48px #0f172a66}.color-tools.is-open{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .color-tools{transition:none}}body[data-motion=off] .color-tools{transition:none}.color-tools-tabs{background:var(--surface-2);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.color-tools-tab{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:6px 8px;font-size:.82rem;font-weight:600}.color-tools-tab:hover{color:var(--ink)}.color-tools-tab.is-active{background:var(--bg-elevated);color:var(--ink);box-shadow:var(--shadow-soft)}.color-tools-panel{display:none}.color-tools-panel.is-active,.picker{gap:12px;display:grid}.picker-area{cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--picker-hue,red));border-radius:12px;height:150px;position:relative}.picker-area:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.picker-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;height:14px;position:relative}.picker-hue:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.picker-handle{pointer-events:none;border:2px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a80}.picker-handle--hue{width:18px;height:18px}.color-hex-row{align-items:center;gap:8px;display:flex}.color-hex-input{letter-spacing:.06em;text-transform:uppercase;border-radius:10px;flex:auto;min-width:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.color-hex-preview{border:1px solid var(--stroke);border-radius:9px;flex:none;width:30px;height:30px}.color-hex-row .icon-only{padding:7px}.color-shades{border-radius:12px;gap:2px;max-height:260px;display:grid;overflow:hidden auto}.color-shade{letter-spacing:.06em;border:none;border-radius:0;justify-content:flex-end;align-items:center;height:22px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.62rem;font-weight:700;display:flex}.color-shade span{opacity:0;transition:opacity .12s}.color-shade:hover span,.color-shade:focus-visible span{opacity:1}.color-shade.is-source{box-shadow:inset 0 0 0 2px var(--swatch-ring)}.color-shade.is-source span{opacity:1}.color-info{gap:12px;display:grid}.color-info-header{align-items:center;gap:10px;display:flex}.color-info-swatch{border:1px solid var(--stroke);border-radius:11px;flex:none;width:38px;height:38px}.color-info-header strong{text-transform:capitalize;font-size:.95rem;display:block}.color-info-hex{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.76rem}.color-info-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-size:.78rem}.color-readouts{gap:2px;display:grid}.color-readout{color:inherit;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;font-size:.8rem;display:flex}.color-readout:hover{background:var(--surface-2)}.color-readout-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.color-readout-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:600}.color-contrast{gap:8px;display:grid}.color-contrast-row{align-items:center;gap:10px;display:flex}.color-contrast-sample{border:1px solid var(--stroke);border-radius:9px;flex:none;place-items:center;width:38px;height:30px;font-size:.82rem;font-weight:700;display:grid}.color-contrast-meta{flex:auto;min-width:0;font-size:.8rem;display:grid}.color-contrast-ratio{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem}.color-contrast-grade{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 8px;font-size:.68rem;font-weight:700}.color-contrast-grade.is-pass{color:#16a34a;background:#16a34a38}.color-contrast-grade.is-fail{color:#e0342c;background:#e0342c38}.panel-playground{gap:18px;overflow:hidden;container:playground/inline-size}.playground-source{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px;margin:-6px 0 0;font-size:.85rem;display:flex}.playground-source-text{color:var(--ink);font-weight:600}button.playground-source-detach{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline}.playground-history{border:1px solid var(--stroke);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.playground-ramp{border:1px solid var(--stroke-strong);min-height:220px;box-shadow:var(--shadow-soft);border-radius:18px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.playground-swatch:first-child{border-radius:17px 0 0 17px}.playground-swatch:last-child{border-radius:0 17px 17px 0}.playground-swatch{touch-action:none;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:12px 8px 18px;display:flex;position:relative}.playground-swatch-grip{order:1}.playground-swatch-actions{order:2;margin-top:auto}.playground-swatch-label{order:3}.playground-swatch.is-locked .playground-swatch-grip,.playground-swatch.is-locked .playground-swatch-action:not(.is-on){display:none}.playground-swatch.is-locked:hover .playground-swatch-grip,.playground-swatch.is-locked:focus-within .playground-swatch-grip,.playground-swatch.is-locked:hover .playground-swatch-action,.playground-swatch.is-locked:focus-within .playground-swatch-action{display:inline-flex}.playground-swatch-actions{opacity:0;align-items:center;gap:6px;transition:opacity .18s;display:flex}@media (hover:none){.playground-swatch-actions{opacity:.75}}.playground-swatch:hover .playground-swatch-actions,.playground-swatch:focus-within .playground-swatch-actions,.playground-swatch.is-locked .playground-swatch-actions{opacity:1}button.playground-swatch-action{color:inherit;background:color-mix(in srgb, currentColor 12%, transparent);border-color:#0000;border-radius:8px;padding:7px}button.playground-swatch-action .icon{width:14px;height:14px}button.playground-swatch-action:hover:not(:disabled){background:#ffffff2e}button.playground-swatch-action:disabled{opacity:.35}button.playground-swatch-action.is-on{background:color-mix(in srgb, currentColor 12%, transparent);opacity:1}.playground-swatch-grip{background:color-mix(in srgb, currentColor 12%, transparent);cursor:grab;width:22px;height:22px;color:inherit;opacity:.85;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.playground-swatch-grip .icon{width:14px;height:14px}.playground-swatch-label{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:fit-content;min-width:0;max-width:100%;padding:6px 4px;display:flex}.playground-swatch-label:hover{background:#ffffff24}.playground-swatch-hex{letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.95rem;font-weight:700}.playground-swatch-name{opacity:.75;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;display:block;overflow:hidden}.playground-insert-zone{z-index:3;place-items:center;width:26px;display:grid;position:absolute;top:0;bottom:0;left:0;transform:translate(-50%)}.playground-insert-zone--end{left:auto;right:0;transform:translate(50%)}button.playground-insert.icon-only{background:var(--bg-elevated);width:26px;min-width:0;height:26px;min-height:0;color:var(--ink);cursor:pointer;opacity:0;box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 55%, transparent), 0 4px 12px #0f172a59;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:opacity .14s,transform .14s;display:inline-flex;transform:scale(.8)}button.playground-insert.icon-only .icon{stroke-width:2.4px;width:14px;height:14px}.playground-insert-zone:hover .playground-insert,.playground-insert:focus-visible{opacity:1;transform:scale(1)}.playground-insert-zone:hover .playground-insert:hover{transform:scale(1.12)}@media (hover:none){.playground-insert-zone{display:none}}.playground-topbar{--chip-height:32px;gap:12px;height:56px;padding-block:0}.playground-topbar-lead{flex:auto;align-items:center;min-width:0;display:flex}.playground-cluster--harmony{margin-left:auto}p.playground-hint{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;overflow:hidden}p.playground-source:not(.is-hidden){align-items:center;gap:10px;min-width:0;margin:0;font-size:.86rem;display:flex}.playground-source-text{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}button.playground-source-detach{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;flex:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.playground-preview{flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0}.playground-preview-controls{align-items:center;gap:8px;min-width:0;display:flex}.playground-zoom{gap:2px}button.playground-zoom-button.icon-only{width:var(--chip-height);min-width:0;height:var(--chip-height);border-radius:var(--radius-pill);min-height:0;color:var(--ink);background:0 0;border:0;padding:0}button.playground-zoom-button.icon-only .icon{width:15px;height:15px}button.playground-zoom-button.icon-only:disabled{opacity:.32}.playground-zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.1rem;color:var(--ink);font-size:.74rem;font-weight:700;line-height:1.5}button.playground-fullscreen.icon-only{width:calc(var(--control-sm) + 8px);min-width:0;height:calc(var(--control-sm) + 8px);border:1px solid var(--stroke);flex:none;padding:0}.playground-preview:fullscreen{background:var(--card);border:0;border-radius:0}.playground-preview.is-fullscreen-fallback{z-index:9;background:var(--card);border:0;border-radius:0;position:fixed;inset:0}body.has-playground-fullscreen{overflow:hidden}.playground-scene-tabs{position:relative}.playground-scene-primary{display:contents}.playground-scene-more.is-hidden{display:none}button.playground-scene-more.is-active{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff}.playground-scene-menu{z-index:12;border-radius:var(--radius-md);border:1px solid var(--stroke-strong);background:var(--bg-elevated);min-width:160px;box-shadow:var(--shadow);gap:2px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.playground-scene-tabs.is-open .playground-scene-menu{display:grid}.playground-scene-menu .playground-scene-tab{border-radius:var(--radius-sm);justify-content:flex-start;width:100%}button.playground-scene-tab{height:var(--chip-height);border-radius:var(--radius-pill);min-height:0;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 15px;font-size:.85rem;font-weight:600;transition:background .2s,color .2s}button.playground-scene-tab.is-active{background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff}.playground-stage{--scene-zoom:1;min-width:0;min-height:300px;display:grid;overflow:hidden;container-type:inline-size}.playground-stage>.scene{zoom:var(--scene-zoom);width:100%}.scene{height:100%;min-height:300px}.scene h3,.scene p,.scene span,.scene button{color:inherit}.scene-blend{grid-template-rows:1fr auto auto;display:grid}.blend-mesh{min-height:220px}.blend-ramp{height:26px}.blend-stops{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.blend-stop{justify-content:center;align-items:center;min-width:0;padding:10px 4px;display:flex}.blend-stop-hex{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;font-weight:700;overflow:hidden}.scene-ui{grid-template-columns:190px 1fr;min-height:460px;padding:0;display:grid}.ui-rail{align-content:start;gap:22px;padding:20px 16px;display:grid}.ui-brand{align-items:center;gap:10px;display:flex}.ui-brand-mark{opacity:.92;background:currentColor;border-radius:9px;flex:none;width:26px;height:26px}.ui-brand-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-family:Fraunces,serif;font-size:1.05rem;font-weight:700;overflow:hidden}.ui-nav{gap:4px;display:grid}.ui-nav-item{opacity:.62;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;font-weight:600;display:flex}.ui-nav-item.is-active{opacity:1;background:#ffffff2e}.ui-nav-dot{background:currentColor;border-radius:3px;flex:none;width:8px;height:8px}.ui-nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-promo{border-radius:14px;gap:4px;padding:12px;display:grid}.ui-promo-title{font-size:.82rem;font-weight:700}.ui-promo-body{opacity:.85;font-size:.72rem;line-height:1.35}.ui-body{align-content:start;gap:14px;min-width:0;padding:20px;display:grid}.ui-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ui-heading{min-width:0}.ui-title{letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;font-size:1.35rem;font-weight:700}.ui-subtitle{opacity:.7;margin:2px 0 0;font-size:.8rem}button.ui-cta{white-space:nowrap;pointer-events:none;border:0;border-radius:999px;padding:9px 18px;font-size:.82rem;font-weight:700}.ui-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ui-card{border-radius:14px;gap:8px;min-width:0;padding:14px;display:grid}.ui-card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ui-card-label{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.ui-card-delta{opacity:.75;flex:none;font-size:.68rem;font-weight:700}.ui-card-value{font-size:1.6rem;font-weight:800;line-height:1}.ui-card-track{background:#ffffff42;border-radius:999px;height:5px;overflow:hidden}.ui-card-fill{opacity:.85;background:currentColor;border-radius:999px;height:100%}.ui-panel{border:1px solid;border-radius:16px;gap:12px;padding:14px 16px 12px;display:grid}.ui-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ui-panel-title{font-size:.85rem;font-weight:700}.ui-panel-legend{align-items:center;gap:12px;display:flex}.ui-legend-entry{opacity:.8;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.ui-legend-dot{border-radius:3px;flex:none;width:9px;height:9px}.ui-plot{height:132px;display:grid;position:relative}.ui-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 18px}.ui-gridline{height:1px}.ui-bars{align-items:stretch;gap:10px;display:flex;position:relative}.ui-bar-slot{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:5px;min-width:0;display:flex}.ui-bar-stack{border-radius:7px 7px 3px 3px;flex-direction:column;justify-content:flex-end;height:100%;display:flex;overflow:hidden}.ui-bar--upper{opacity:.75}.ui-bar-tick{text-align:center;white-space:nowrap;height:13px;font-size:.62rem;overflow:hidden}.ui-list{border:1px solid;border-radius:16px;display:grid;overflow:hidden}.ui-list-row{border-bottom:1px solid;align-items:center;gap:12px;padding:11px 14px;display:flex}.ui-list-row:last-child{border-bottom:0}.ui-avatar{border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:grid}.ui-list-text{flex:auto;min-width:0;display:grid}.ui-list-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.ui-list-meta{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.ui-pill{white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:.68rem;font-weight:700}@container (width<=720px){.ui-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-cards .ui-card:last-child{display:none}}@container (width<=620px){.scene-ui{grid-template-columns:1fr}.ui-rail{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-items:center;gap:14px;padding:12px 14px}.ui-nav,.ui-promo,.ui-list{display:none}}.scene-poster{align-content:center;gap:14px;padding:32px;display:grid;position:relative;overflow:hidden}.poster-shapes{pointer-events:none;position:absolute;inset:0}.poster-shape{opacity:.85;top:calc(6% + var(--shape-index) * 15%);right:calc(-6% + var(--shape-index) * 9%);width:calc(90px + var(--shape-index) * 14px);height:calc(90px + var(--shape-index) * 14px);position:absolute}.poster-shape--0{border-radius:50%}.poster-shape--1{border-radius:22px;transform:rotate(18deg)}.poster-shape--2{border-radius:50% 4px 50% 50%}.poster-copy{gap:12px;max-width:26ch;display:grid;position:relative}.poster-heading{letter-spacing:-.03em;flex-wrap:wrap;gap:0 .35em;margin:0;font-family:Fraunces,serif;font-size:clamp(1.8rem,6cqw,3.2rem);line-height:1.02;display:flex}.poster-lede{opacity:.75;max-width:34ch;margin:0;font-size:.95rem}.poster-chips{flex-wrap:wrap;gap:6px;display:flex}.poster-chip{border-radius:999px;padding:5px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;font-weight:700}.scene-chart{background:var(--card);grid-template-columns:auto minmax(0,1fr) minmax(180px,250px);align-items:stretch;gap:14px;padding:18px;display:grid}.chart-card{border:1px solid var(--stroke);background:var(--surface);border-radius:16px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.chart-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem;font-weight:700}.chart-card--donut{justify-items:center}.chart-donut-wrap{place-items:center;width:156px;height:156px;display:grid;position:relative}.chart-donut{border-radius:50%;width:100%;height:100%;-webkit-mask:radial-gradient(circle,#0000 58%,#000 59%);mask:radial-gradient(circle,#0000 58%,#000 59%)}.chart-donut-centre{pointer-events:none;justify-items:center;gap:1px;display:grid;position:absolute}.chart-donut-value{font-size:1.7rem;font-weight:800;line-height:1}.chart-donut-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.62rem}.chart-plot{height:190px;position:relative}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 16px}.chart-gridline{background:var(--stroke);height:1px}.chart-columns{align-items:stretch;gap:10px;height:100%;display:flex;position:relative}.chart-column{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:5px;min-width:0;display:flex}.chart-fill{border-radius:7px 7px 2px 2px;width:100%}.chart-tick{color:var(--muted);text-align:center;white-space:nowrap;height:11px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.58rem;overflow:hidden}.chart-stack{border-radius:999px;height:16px;display:flex;overflow:hidden}.chart-stack-segment{flex-basis:0}.chart-legend{gap:7px;display:grid}.chart-legend-row{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:.75rem;display:flex}.chart-legend-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.chart-legend-value{flex:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem}.chart-dot{border-radius:4px;flex:none;width:12px;height:12px}@container (width<=860px){.scene-chart{grid-template-columns:auto minmax(0,1fr)}.chart-card--stack{grid-column:1/-1}}@container (width<=520px){.scene-chart{grid-template-columns:minmax(0,1fr)}}@container playground (width<=980px){.playground-topbar-lead[data-mode=hint],.playground-source-detach{display:none}}@container playground (width<=780px){.playground-topbar-lead{display:none}}@container playground (width<=700px){.playground-topbar .chip-label{display:none}.playground-cluster--harmony{padding-left:4px}}@container playground (width<=600px){.playground-topbar .chip>span:not(.chip-select-label){display:none}.playground-topbar .chip:not(.chip--select){width:var(--chip-height);padding-inline:0}}@container playground (width<=620px){.playground-ramp{grid-auto-rows:minmax(56px,1fr);grid-auto-columns:auto;grid-auto-flow:row}.playground-swatch{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:6px 10px}.playground-swatch-grip{flex:none;order:1}.playground-swatch-label{flex:0 auto;order:2}.playground-swatch-actions{flex:none;order:3;margin-top:0;margin-left:auto}.playground-swatch:first-child{border-radius:17px 17px 0 0}.playground-swatch:last-child{border-radius:0 0 17px 17px}.playground-insert-zone{width:auto;height:24px;inset:0 0 auto;transform:translateY(-50%)}.playground-insert-zone--end{top:auto;bottom:0;transform:translateY(50%)}.playground-swatch-label{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:10px;width:auto;max-width:calc(100% - 112px);padding:9px 4px 3px}.playground-preview .section-title{display:none}.playground-scene-tabs{width:100%}}@container playground (width<=440px){.playground-topbar{--chip-height:30px;gap:6px;padding-inline:6px}.playground-topbar .chip-group{gap:2px;height:36px;padding:3px}.playground-topbar .chip--select{padding-inline:10px 24px}.playground-topbar .chip--select select{padding:0 24px 0 10px}.playground-topbar .chip--select:after{right:10px}}.playground-preview{background:0 0;border:0;border-radius:0;overflow:visible}.playground-preview>.section-head{margin-inline:calc(var(--panel-pad) * -1);padding-inline:var(--panel-pad);border-top:1px solid var(--stroke-strong);border-radius:0}.playground-preview>.playground-stage{margin-inline:calc(var(--panel-pad) * -1);margin-bottom:calc(var(--panel-pad) * -1);border-radius:0}.playground-preview-controls{flex:auto;justify-content:flex-end;min-width:0}.playground-preview-controls .playground-scene-tabs{flex:1 1 0;min-width:0}.playground-preview>.section-head>.section-title{flex:0 auto;overflow:hidden}.export-section{gap:12px;display:grid}.export-section-header h4{letter-spacing:-.01em;margin:0;font-size:1rem}.export-section-header .hint{margin:6px 0 0}.export-section--download{gap:16px}.export-grid{gap:16px;display:grid}.export-grid--formats{grid-template-columns:repeat(2,minmax(0,1fr))}.export-grid--actions{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));grid-auto-rows:1fr}.export-tile{cursor:pointer;text-align:left;height:100%;font:inherit;color:inherit;background:0 0;border:0;min-width:0;padding:0;display:block;position:relative}.tile-content{border:1px solid var(--stroke);background:var(--surface);border-radius:18px;grid-template-rows:auto auto 1fr;gap:10px;height:100%;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.tile-icon{background:var(--action-color,var(--accent));color:#fff;letter-spacing:.06em;width:42px;height:42px;box-shadow:0 6px 14px color-mix(in srgb, var(--action-color,var(--accent)) 35%, transparent);border-radius:14px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.tile-title{font-size:1rem;font-weight:600}.tile-subtitle{color:var(--muted);align-self:start;font-size:.85rem}.export-tile:hover:not(:disabled) .tile-content{border-color:color-mix(in srgb, var(--action-color,var(--accent)) 65%, transparent);box-shadow:0 14px 28px color-mix(in srgb, var(--action-color,var(--accent)) 22%, transparent)}.export-tile:focus-visible .tile-content{outline:2px solid var(--accent);outline-offset:2px}.export-tile:disabled{opacity:.5;cursor:not-allowed}.export-tile:disabled .tile-icon{box-shadow:none}.export-tile[data-export-format=ase]{--action-color:#e0342c}.export-tile[data-export-format=swatches]{--action-color:#12a594}.export-tile[data-export-format=gpl]{--action-color:#8a6f3e}.export-tile[data-export-format=all]{--action-color:var(--accent)}.export-action{border:1px solid var(--stroke);background:var(--surface);text-align:center;color:inherit;border-radius:16px;grid-template-rows:auto 1fr;align-content:start;justify-items:center;gap:10px;padding:14px 10px 12px;font-size:.82rem;font-weight:600;line-height:1.25;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.export-action[hidden]{display:none}.export-action>span:not(.action-icon){justify-content:center;align-items:center;min-height:2.5em;display:flex}.export-action .action-icon{background:var(--action-color,var(--accent));color:#fff;width:38px;height:38px;box-shadow:0 6px 14px color-mix(in srgb, var(--action-color,var(--accent)) 35%, transparent);border-radius:12px;place-items:center;display:grid}.export-action .action-icon svg{stroke:currentColor;width:18px;height:18px}.export-action:not(:disabled):hover{border-color:color-mix(in srgb, var(--action-color,var(--accent)) 55%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--action-color,var(--accent)) 18%, transparent)}.export-action[data-export-action=url]{--action-color:#6366f1}.export-action[data-export-action=share]{--action-color:#8b5cf6}.export-action[data-export-action=pdf]{--action-color:#e0342c}.export-action[data-export-action=image]{--action-color:#16a34a}.export-action[data-export-action=css]{--action-color:#2965f1}.export-action[data-export-action=svg]{--action-color:#ffb13b}.export-action[data-export-action=code]{--action-color:#64748b}.export-action[data-export-action=tailwind]{--action-color:#38bdf8}.export-action[data-export-action=embed]{--action-color:#a855f7}.export-action[data-export-action=coolors]{--action-color:#4d61fc}.export-action[data-export-action=x]{--action-color:#000}.export-action[data-export-action=pinterest]{--action-color:#e60023}:root[data-theme=noir] .export-action[data-export-action=x] .action-icon,:root[data-theme=graphite] .export-action[data-export-action=x] .action-icon,:root[data-theme=aurora] .export-action[data-export-action=x] .action-icon{color:#000;background:#fff}.export-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}#export-modal .modal-body{flex-direction:column;display:flex}#export-modal[data-export-mode=batch] .export-single-only{display:none}@media (width>=860px){.export-grid--formats{grid-template-columns:repeat(4,minmax(0,1fr))}}.cloud-actions{flex-wrap:wrap;gap:10px;display:flex}.cloud-session-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.cloud-session-actions.is-hidden{display:none}.cloud-session-links{justify-content:flex-end;margin-top:4px;display:flex}.cloud-session-links.is-hidden{display:none}.cloud-delete{color:var(--accent-3)}.cloud-auth{gap:12px;display:grid}.cloud-auth.is-hidden,.cloud-auth[data-mode=signin] [data-auth=signup],.cloud-auth[data-mode=signup] [data-auth=signin]{display:none}.cloud-email-hint{color:var(--muted);margin:4px 0 0}.cloud-email-form{border:1px solid var(--stroke);background:var(--surface-2);border-radius:14px;gap:14px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #0f172a14}.cloud-email-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cloud-email-links{justify-content:flex-end;display:flex}.cloud-auth-switch{text-align:right;justify-self:end}.cloud-verification{border:1px solid var(--stroke);background:var(--surface-2);border-radius:16px;gap:16px;padding:16px;display:grid}.cloud-verification-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.cloud-verification-icon{border:1px solid var(--stroke);background:var(--surface);width:52px;height:52px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;display:flex}.cloud-verification-icon svg{width:24px;height:24px}.cloud-verification-copy{gap:6px;display:grid}.cloud-verification-copy h5{margin:0;font-size:1rem}.cloud-verification-copy .hint{margin:0}.cloud-verification-email{color:var(--ink);word-break:break-word;margin-left:4px;font-weight:600}.cloud-verification-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cloud-management{gap:12px;display:grid}.cloud-user{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.cloud-user.is-hidden{display:none}.cloud-avatar{border:1px solid var(--stroke);background:var(--bg-elevated);object-fit:cover;border-radius:50%;width:44px;height:44px}.cloud-meta{gap:4px;font-size:.9rem;display:grid}.cloud-name{font-weight:600}.cloud-email{color:var(--muted)}.cloud-sync-status{color:var(--muted);font-size:.8rem}.cloud-profile{border:1px solid var(--stroke);background:var(--surface-2);border-radius:18px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar fields""actions actions";align-items:start;gap:16px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #0f172a14}.cloud-profile-avatar{grid-area:avatar;width:72px;height:72px;box-shadow:0 12px 22px #0f172a2e}.cloud-profile-fields{grid-area:fields;gap:12px;min-width:0;display:grid}.cloud-profile-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cloud-profile-swatch{border:1px solid var(--stroke);background:var(--bg-elevated);cursor:pointer;min-width:0;color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 5px;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s;display:flex}.cloud-profile-swatch:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--stroke));color:var(--ink)}.cloud-profile-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.cloud-profile-swatch input[type=color]{border-radius:999px;flex:none;width:28px;height:28px}.cloud-profile-swatch span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cloud-profile-swatch:has(input:disabled){opacity:.55;cursor:not-allowed}.cloud-profile-actions{grid-area:actions;justify-content:flex-end;gap:12px;display:flex}@media (width<=560px){.cloud-profile{grid-template-columns:minmax(0,1fr);grid-template-areas:"avatar""fields""actions";justify-items:stretch}.cloud-profile-avatar{justify-self:center;width:64px;height:64px}.cloud-profile-actions{justify-content:stretch}.cloud-profile-actions button{width:100%}}@media (width<=720px){.cloud-verification-card{grid-template-columns:1fr;justify-items:start}}.discover-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;display:grid}@media (width>=960px){.discover-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.discover-shell{background:0 0;border:0;border-radius:0;align-content:start;overflow:visible;container-type:inline-size}.discover-head{gap:10px}.discover-shell>.section-body{padding:var(--panel-pad) 0 0}.discover-search{flex:220px;min-width:160px;max-width:420px}.discover-search input{width:100%;min-width:0}.discover-sort{flex:none;margin-left:auto}.discover-sort .chip-icon{flex:none;width:17px;height:17px;display:none}@container (width<=560px){.discover-search{flex:auto;min-width:0;max-width:none}.discover-sort{padding-left:4px}.discover-sort .chip-label,.discover-sort .chip-select-label{display:none}.discover-sort .chip--select{width:var(--chip-height);padding-inline:0}.discover-sort .chip--select:after{display:none}.discover-sort .chip-icon{display:block}}.discover-card{background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow-soft);cursor:pointer;border-radius:18px;flex-direction:column;gap:10px;height:100%;padding:16px;display:flex}.discover-card.is-skeleton{pointer-events:none;cursor:default;position:relative;overflow:hidden}.discover-card.is-skeleton:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff38,#0000 70%);animation:1.2s ease-in-out infinite discover-shimmer;position:absolute;inset:0;transform:translate(-100%)}.discover-card.is-skeleton *{z-index:1;position:relative}.discover-card.is-skeleton .discover-header,.discover-card.is-skeleton .discover-footer{min-height:var(--control-md)}@keyframes discover-card-reveal{0%{opacity:.45;transform:translateY(4px)}}.discover-grid.is-revealing .discover-card:not(.is-skeleton){animation:.22s ease-out both discover-card-reveal}.discover-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.discover-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.discover-author{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:0 45%;font-size:.85rem;overflow:hidden}.discover-author-button{font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:none;padding:0;transition:color .2s;display:inline}.discover-author-button:hover{color:var(--accent);text-decoration:underline}.discover-author-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.discover-skeleton{background:var(--surface-2);border-radius:999px;height:12px}.discover-skeleton-title{width:62%;height:14px}.discover-skeleton-author{width:38%;height:12px}.discover-strip{border:1px solid var(--stroke);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.discover-strip span{height:30px}.discover-strip--skeleton{background:var(--surface-2);border-color:#0000}.discover-skeleton-swatch{background:#94a3b84d;height:30px}.discover-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.discover-like{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.discover-like-count{color:var(--ink);font-weight:600}.discover-action{border-radius:12px}.discover-skeleton-icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill)}.discover-skeleton-count{width:60px;height:12px}.discover-profile-card{background:var(--surface-2);border:1px solid var(--stroke);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #0f172a14}.discover-profile-avatar{width:64px;height:64px;box-shadow:0 12px 22px #0f172a2e}.discover-profile-meta{gap:6px;display:grid}.discover-profile-name{margin:0;font-size:1rem}.discover-profile-grid{margin-top:4px}@keyframes discover-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=720px){.discover-profile-card{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.discover-profile-avatar{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .discover-card.is-skeleton:after,body:not([data-motion=on]) .discover-grid.is-revealing .discover-card:not(.is-skeleton){animation:none}}body[data-motion=off] .discover-card.is-skeleton:after,body[data-motion=off] .discover-grid.is-revealing .discover-card:not(.is-skeleton){animation:none}.discover-follow{justify-self:end;min-width:116px}.discover-follow.is-hidden{display:none}@media (width<=560px){.discover-following-toggle{margin-left:0}.discover-follow{justify-self:stretch;width:100%}}.discover-filter{flex:none;margin-left:auto;position:relative}button.discover-filter-toggle{gap:8px;padding-inline:14px}button.discover-filter-toggle.has-filters{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent)}.discover-filter-count:empty{display:none}.discover-filter-count:not(:empty){border-radius:var(--radius-pill);background:linear-gradient(130deg, var(--accent), var(--accent-3));color:#fff;place-items:center;min-width:20px;height:20px;padding-inline:6px;font-size:.72rem;font-weight:700;display:inline-grid}.discover-filter-panel{z-index:14;border-radius:var(--radius-md);border:1px solid var(--stroke-strong);background:var(--bg-elevated);width:min(280px,100vw - 32px);max-height:min(60vh,520px);box-shadow:var(--shadow);overscroll-behavior:contain;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.discover-filter.is-open .discover-filter-panel{gap:2px;display:grid}.discover-filter-head{justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 6px;display:flex}.discover-filter-title{font-size:.82rem;font-weight:700}button.discover-filter-clear{font-size:.78rem}.discover-filter-group{border-top:1px solid var(--stroke);gap:1px;padding-block:4px;display:grid}.discover-filter-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0;padding:6px 10px 4px;font-size:.68rem;font-weight:700}button.discover-filter-option{border-radius:var(--radius-sm);width:100%;min-height:0;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;font-weight:600;line-height:1.5;display:flex}button.discover-filter-option.is-selected{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.discover-filter-option-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.discover-filter-swatch{border:1px solid var(--stroke-strong);border-radius:50%;flex:none;width:14px;height:14px}.discover-filter-tick{flex:none;width:15px;height:15px}@container (width<=560px){.discover-filter-text{display:none}button.discover-filter-toggle{width:var(--control-md);padding-inline:0}.discover-filter-count:not(:empty){position:absolute;top:-4px;right:-4px}}.view-author-button{color:inherit;font-size:inherit;white-space:normal;text-align:inherit;min-width:0}.log{flex-direction:column;gap:12px;max-height:260px;display:flex;overflow:auto}.log-item{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:.9rem}.log-item.success{background:#2d7c8a2e}.log-item.error{background:#d4633f33}.toast-stack{z-index:30;pointer-events:none;justify-items:center;gap:10px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{--toast-accent:var(--accent-2);border:1px solid var(--stroke);border-left:3px solid var(--toast-accent);background:var(--bg-elevated);color:var(--ink);letter-spacing:.01em;box-shadow:var(--shadow-soft);opacity:0;border-radius:12px;max-width:min(320px,90vw);padding:10px 14px;font-size:.9rem;font-weight:600;transition:opacity .18s,transform .18s;transform:translateY(8px)scale(.98)}.toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.toast.is-leaving{opacity:0;transform:translateY(6px)scale(.98)}.toast.success{--toast-accent:var(--accent-2)}.toast.info{--toast-accent:var(--accent-3)}.toast.error{--toast-accent:#ef4444}@media (prefers-reduced-motion:reduce){body:not([data-motion=on]) .toast{transition:none}}body[data-motion=off] .toast{transition:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty{color:var(--muted);margin:0;font-size:.95rem}.is-hidden{display:none}.icon{flex-shrink:0;width:16px;height:16px}.license-links{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.text-link{color:var(--accent);font-weight:600;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}[data-overflow-ready=false]{visibility:hidden}@media (width>=960px){.footer{margin-left:calc(var(--sidebar-width,164px) + var(--rail-gap))}.shell{grid-template-columns:var(--sidebar-width,164px) minmax(0, 1fr);grid-template-areas:"sidebar main";transition:grid-template-columns .25s}.sidebar{display:grid}.sidebar-stack{width:var(--sidebar-width,164px);justify-content:space-between;align-self:stretch;transition:width .25s}.sidebar{top:var(--frame-padding-top);flex:none;position:sticky}.sidebar-bottom{bottom:var(--frame-padding-bottom);position:sticky}}@media (width>=960px) and (height<=640px){.sidebar-bottom{position:static}}@media (width>=960px){.app-shell:not([data-sidebar-ready]) .shell,.app-shell:not([data-sidebar-ready]) .sidebar-stack{transition:none}.topbar,.bottom-nav,.fab-hub{display:none}.sidebar-actions{display:flex}.main-content{flex-direction:column;min-height:0;display:flex}.panel-palettes,.panel-playground,.panel-discover{flex:auto}}@media (width<=959.98px){.page{--bottom-nav-height:44px;--page-bottom-padding:calc(var(--bottom-nav-height) + 20px + env(safe-area-inset-bottom));--topbar-offset:64px;padding-bottom:var(--page-bottom-padding)}.shell{grid-template-areas:"main";gap:0}.sidebar-stack{display:none}.main-content{flex-direction:column;min-height:0;display:flex}.layout{grid-template-columns:1fr}.action-dock{display:none}.panel-header{flex-direction:column;align-items:flex-start}.panel-actions{width:100%}.panel-palettes .panel-actions{display:none}.panel-palettes,.panel-playground,.panel-discover{flex:auto;min-height:0}}@media (width<=720px){.footer{gap:14px;margin-top:28px}.footer-row{flex-direction:column;align-items:center;gap:14px}.footer-links{justify-content:center;gap:8px 10px}button.footer-link{padding:4px 0;font-size:.78rem}.page{--frame-padding-top:8px;--page-pad:0px;padding:0 var(--page-pad) var(--page-bottom-padding)}.topbar,.footer{padding-inline:14px}.panel{--panel-pad:14px;border-inline:0;border-radius:0}.panel-head,.bottom-nav{border-radius:0}.library-group .palette-grid{padding:10px}.library-group--open .palette-grid{margin-inline:calc(var(--panel-pad) * -1);padding-inline:var(--panel-pad)}.topbar{flex-flow:row;align-items:center;gap:8px;margin-bottom:8px;padding:4px 10px;top:0}.brand{gap:8px}.brand-text{display:flex}.brand{--brand-size:32px}.topbar-actions{flex-flow:row;align-items:center;gap:6px;width:auto}.topbar-actions .field{width:100%}.form-grid{grid-template-columns:1fr}.modal-actions,.panel-actions{flex-direction:column;align-items:stretch}input[type=color]{width:48px;height:48px}.topbar-actions .topbar-label{display:none}.toast-stack{width:calc(100% - 32px);bottom:16px;left:50%;right:auto;transform:translate(-50%)}.toast{width:100%;max-width:none}.modal-card.modal-view{padding:18px}.modal-card.modal-view .modal-header{flex-direction:column;align-items:flex-start}.modal-card.modal-view .modal-header-actions{justify-content:flex-start;width:100%}.modal-card.modal-view .modal-body{gap:12px}.view-display{min-height:clamp(160px,32vh,220px);padding:16px}.view-values{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 16px}.view-strip{overflow-x:auto}.view-swatch{flex:48px;min-width:48px}}@media (height<=720px){.modal-card.modal-view{padding:18px}.modal-card.modal-view .modal-body{gap:12px}.view-display{min-height:clamp(160px,32vh,220px);padding:16px}.view-values{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 16px}.view-strip{overflow-x:auto}.view-swatch{flex:48px;min-width:48px}}