html,body{min-height:100dvh;margin:0;padding:0;overflow-x:clip}*{box-sizing:border-box}:root{--env-bg:radial-gradient(circle at 8% 8%,#7c5cff6b,transparent 30%),radial-gradient(circle at 92% 12%,#14b8a647,transparent 32%),linear-gradient(135deg,#ede9ff 0%,#ecfeff 48%,#fff7ed 100%);--env-panel:#ede9ffd1;--env-panel-strong:#ede9ffe6;--env-edge:#7c5cff52;--bg:transparent;--surface:var(--env-panel);--surface-solid:#ffffffe6;--surface-muted:color-mix(in srgb,var(--env-panel)78%,white 22%);--surface-raised:var(--env-panel-strong);--text:#241f1b;--text-muted:#5f6472;--text-soft:#8b93a7;--text-inverse:#fffaf4;--border:var(--env-edge);--border-strong:color-mix(in srgb,var(--env-edge)78%,#475569 22%);--accent:#7c5cff;--accent-soft:#7c5cff21;--accent-strong:#5d3df2;--accent-grad-1:#7c5cff29;--accent-grad-2:#f2b56b29;--accent-grad-3:#5fb7a41f;--calm:#5fb7a4;--calm-soft:#5fb7a429;--warm:#f2b56b;--warm-soft:#f2b56b2e;--danger:#b85c5c;--danger-soft:#b85c5c24;--shadow-soft:0 18px 40px #0f172a14;--shadow-strong:0 28px 70px #0f172a24;--shadow-inner:inset 0 1px 0 #ffffff85;--glow-warm:0 0 42px #f2b56b24;--glow-accent:0 0 42px #7c5cff29;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--space-xs:.35rem;--space-sm:.65rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--page-pad:clamp(1rem,2vw,2rem);--section-gap:clamp(1.25rem,2.5vw,2.5rem);--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.78rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.35rem;--text-2xl:clamp(1.6rem,2.5vw,2.4rem);--text-3xl:clamp(2.1rem,4vw,3.4rem);--motion-fast:.14s ease;--motion-base:.22s ease;--motion-slow:.36s ease;--vignette-soft:#2a1e1806;--surface-contrast:#fffffff0;--surface-specular:#ffffff57}:root[data-accent=violet]{--accent:#7c6df2;--accent-soft:#7c6df224;--accent-strong:#5d4de0}:root[data-accent=pink]{--accent:#d977b8;--accent-soft:#d977b824;--accent-strong:#be5d9d}:root[data-accent=blue]{--accent:#5da9e9;--accent-soft:#5da9e924;--accent-strong:#3f8fd4}:root[data-accent=green]{--accent:#5fa87a;--accent-soft:#5fa87a24;--accent-strong:#47895f}:root[data-accent=orange]{--accent:#c97336;--accent-soft:#c9733624;--accent-strong:#a85d28}:root[data-environment=soft-library]{--env-bg:radial-gradient(circle at 8% 8%,#7c5cff6b,transparent 30%),radial-gradient(circle at 92% 12%,#14b8a647,transparent 32%),linear-gradient(135deg,#ede9ff 0%,#ecfeff 48%,#fff7ed 100%);--env-panel:#ede9ffd1;--env-panel-strong:#ede9ffe6;--env-edge:#7c5cff52}:root[data-environment=warm-studio]{--env-bg:radial-gradient(circle at 10% 8%,#d946ef61,transparent 30%),radial-gradient(circle at 88% 12%,#7c3aed61,transparent 34%),radial-gradient(circle at 60% 90%,#f59e0b3d,transparent 38%),linear-gradient(135deg,#fae8ff 0%,#ede9fe 48%,#fef3c7 100%);--env-panel:#f5d0fed1;--env-panel-strong:#f5d0fee6;--env-edge:#d946ef57}:root[data-environment=comfy-home]{--env-bg:radial-gradient(circle at 8% 10%,#fb718561,transparent 30%),radial-gradient(circle at 90% 16%,#fb923c57,transparent 34%),radial-gradient(circle at 50% 92%,#f472b62e,transparent 38%),linear-gradient(135deg,#fff1f2 0%,#ffedd5 48%,#fce7f3 100%);--env-panel:#ffe4e6d6;--env-panel-strong:#ffe4e6e6;--env-edge:#fb718552}:root[data-environment=calm-operations]{--env-bg:radial-gradient(circle at 8% 8%,#0f766e6b,transparent 30%),radial-gradient(circle at 90% 14%,#2563eb5c,transparent 34%),radial-gradient(circle at 55% 92%,#1e40af33,transparent 40%),linear-gradient(135deg,#d1faf4 0%,#dbeafe 44%,#e0e7ff 100%);--env-panel:#ccfbf1d1;--env-panel-strong:#ccfbf1e6;--env-edge:#0f766e57}:root[data-environment=clean-workshop]{--env-bg:radial-gradient(circle at 8% 8%,#0ea5e970,transparent 30%),radial-gradient(circle at 88% 14%,#22c55e5c,transparent 34%),radial-gradient(circle at 55% 90%,#84cc162e,transparent 40%),linear-gradient(135deg,#e0f2fe 0%,#dcfce7 50%,#fff 100%);--env-panel:#dcfce7d1;--env-panel-strong:#dcfce7e6;--env-edge:#22c55e52}:root[data-theme=dark]{--bg:#14110f;--surface:#221c18d1;--surface-solid:#211b18;--surface-muted:#1f1a17e6;--surface-raised:#2a231ef5;--text:#fff7ef;--text-muted:#d7c8b9;--text-soft:#a99583;--text-inverse:#1f1713;--border:#ffefdc24;--border-strong:#ffefdc3d;--shadow-soft:0 18px 46px #00000047;--shadow-strong:0 30px 80px #0000006b}:root[data-theme=dark][data-accent=violet]{--accent:#a99cff;--accent-soft:#a99cff2e;--accent-strong:#cfc8ff;--bg:#15101b;--surface:#201827db;--surface-solid:#21182a;--surface-muted:#2c2136eb;--surface-raised:#261c30f7;--text:#fff8f0;--text-muted:#d7c7dd;--text-soft:#ad9ab7;--accent-grad-1:#a99cff33;--accent-grad-2:#ffbe7424;--accent-grad-3:#53386f38;--light-primary:#ffbe7421;--light-secondary:#a99cff29;--light-tertiary:#3c234e33;--room-vignette:#00000052;--surface-highlight:#ffeed614}:root[data-theme=dark][data-accent=green]{--accent:#78d6c3;--accent-soft:#78d6c329;--accent-strong:#a8f3e3;--bg:#0f1815;--surface:#172420db;--surface-solid:#17231f;--surface-muted:#1d312beb;--surface-raised:#192a25f7;--text:#f5fff9;--text-muted:#c2d7cf;--text-soft:#91aaa0;--accent-grad-1:#78d6c32e;--accent-grad-2:#467c6c38;--accent-grad-3:#ffffff0f;--light-primary:#78d6c324;--light-secondary:#3c6e5f33;--light-tertiary:#ffffff0d;--room-vignette:#0000004d;--surface-highlight:#dcfff512}:root[data-theme=dark][data-accent=orange]{--accent:#f0a05d;--accent-soft:#f0a05d2b;--accent-strong:#ffd0a2;--bg:#1b120c;--surface:#291d15db;--surface-solid:#281c15;--surface-muted:#37271ceb;--surface-raised:#302219f7;--text:#fff7ed;--text-muted:#e3c8af;--text-soft:#b99a80;--accent-grad-1:#f0a05d38;--accent-grad-2:#ff784821;--accent-grad-3:#ffd39614;--light-primary:#f0a05d2e;--light-secondary:#ff78481a;--light-tertiary:#ffd39612;--room-vignette:#00000057;--surface-highlight:#ffdcb414}:root[data-theme=dark][data-accent=pink]{--accent:#f28abc;--accent-soft:#f28abc2b;--accent-strong:#ffc3df;--bg:#1b1017;--surface:#2a1922db;--surface-solid:#2a1922;--surface-muted:#3a222feb;--surface-raised:#311d28f7;--text:#fff7fb;--text-muted:#e0c0cf;--text-soft:#b990a4;--accent-grad-1:#f28abc33;--accent-grad-2:#ffb9a01f;--accent-grad-3:#5f284438;--light-primary:#f28abc29;--light-secondary:#ffb9a01a;--light-tertiary:#5f284438;--room-vignette:#00000057;--surface-highlight:#ffdceb14}:root[data-theme=dark][data-accent=blue]{--accent:#8fb5ff;--accent-soft:#8fb5ff29;--accent-strong:#c8dbff;--bg:#10161d;--surface:#18212bdb;--surface-solid:#18212b;--surface-muted:#1f2c3aeb;--surface-raised:#1c2733f7;--text:#f6fbff;--text-muted:#c3d0dd;--text-soft:#93a4b5;--accent-grad-1:#8fb5ff2e;--accent-grad-2:#dcf0ff14;--accent-grad-3:#465f8238;--light-primary:#8fb5ff24;--light-secondary:#dcf0ff14;--light-tertiary:#465f8238;--room-vignette:#00000047;--surface-highlight:#e6f5ff14}body{background:var(--env-bg);color:var(--text);font-family:var(--font-ui);background-attachment:fixed;position:relative}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,transparent 62%,var(--vignette-soft)100%);position:fixed;inset:0}body>*{z-index:1;position:relative}::selection{background:var(--accent-soft);color:var(--text)}.sw-page{min-height:100dvh;padding:var(--page-pad)}.sw-shell{width:min(1180px,100%);margin:0 auto}.sw-card{background:var(--env-panel);border:1px solid var(--env-edge);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft),var(--shadow-inner);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.sw-card-raised{background:var(--env-panel-strong);border:1px solid var(--env-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong),var(--glow-warm);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;overflow:hidden}.sw-card:before,.sw-card-raised:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,var(--surface-specular),transparent 32%);opacity:.75;position:absolute;inset:0}.sw-section,.sw-grid{gap:var(--space-lg);display:grid}.sw-title{font-size:var(--text-2xl);letter-spacing:-.035em;color:var(--text);margin:0;line-height:1.08}.sw-display{font-size:var(--text-3xl);letter-spacing:-.045em;color:var(--text);margin:0;line-height:1.02}.sw-body{font-size:var(--text-base);color:var(--text-muted);line-height:1.65}.sw-muted{color:var(--text-soft)}.sw-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:.4rem;padding:.45rem .75rem;display:inline-flex}.sw-button-primary{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:var(--glow-accent);cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-base),opacity var(--motion-fast);border:0;padding:.8rem 1rem;font-weight:750}.sw-button-primary:hover{box-shadow:var(--shadow-soft),var(--glow-accent);transform:translateY(-1px)}.sw-button-secondary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;padding:.8rem 1rem;font-weight:700}.sw-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);width:100%;color:var(--text);font:inherit;padding:.8rem .95rem}.sw-input:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}main,.sw-page,.sw-shell{background:0 0!important}.sw-card,.sw-card-raised{background:color-mix(in srgb,var(--env-panel)58%,transparent)!important;border-color:var(--env-edge)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1200px){main section[style]{max-width:100%}}@media (max-width:980px){main{padding:1rem!important}}