@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg: #12100e;--surface: #1a1613;--text: #efe5d8;--muted: #baa996;--border: #3a2f28;--accent: #d8b48f;--accent-contrast: #241a14;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--wallpaper-url: none;--wallpaper-opacity: .3;--wallpaper-blur: 22px;--wallpaper-saturation: 1;--wallpaper-matte: 0;--playground-opacity: 1;--title-color: var(--text);--heading1-color: var(--text);--heading2-color: var(--text);--body1-color: var(--text);--body2-color: var(--text);--ui-color: var(--text)}html{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}[hidden]{display:none!important}body{margin:0;color:var(--text);background:radial-gradient(1100px 760px at 6% -12%,rgba(47,68,118,.3),transparent 62%),radial-gradient(980px 740px at 94% 8%,rgba(66,42,102,.24),transparent 60%),linear-gradient(160deg,#090d16,#070a11 48%,#0a101b);font-family:Plus Jakarta Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.6;letter-spacing:.01em}body.site-palette-page:not([data-site-theme=custom]){background:radial-gradient(1100px 760px at 6% -12%,rgba(47,68,118,.3),transparent 62%),radial-gradient(980px 740px at 94% 8%,rgba(66,42,102,.24),transparent 60%),linear-gradient(160deg,#090d16,#070a11 48%,#0a101b)}body.color-lab-page{background:radial-gradient(900px 620px at 8% -8%,color-mix(in srgb,var(--accent),transparent 88%),transparent 64%),radial-gradient(760px 560px at 92% 10%,color-mix(in srgb,var(--surface),white 8%),transparent 66%),linear-gradient(160deg,color-mix(in srgb,var(--bg),black 22%) 0%,var(--bg) 52%,color-mix(in srgb,var(--bg),var(--surface) 38%) 100%)}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--wallpaper-url);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--wallpaper-opacity);filter:blur(var(--wallpaper-blur)) saturate(calc(var(--wallpaper-saturation) * (1 - var(--wallpaper-matte) * .35))) brightness(calc(1 + var(--wallpaper-matte) * .08)) contrast(calc(1 - var(--wallpaper-matte) * .15));transform:scale(1.05)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(transparent 96%,#ffffff0d),radial-gradient(circle at 24% 28%,rgba(255,255,255,.05),transparent 30%);background-size:100% 3px,100% 100%}body.color-lab-page:after{opacity:0}main{width:min(1060px,100% - 3rem);margin:0 auto;padding:3rem 0 5rem}h1,h2,h3,h4,h5,h6{margin:0;font-family:Fraunces,Iowan Old Style,serif;letter-spacing:.02em;line-height:1.15;color:#f6f0e7}p{margin:0}.text-title{color:var(--title-color, #fcf4e8);font-size:clamp(2.1rem,4vw,2.85rem)}.text-heading1{color:var(--heading1-color, #f2e9db);font-size:clamp(1.38rem,2.6vw,1.82rem)}.text-heading2{color:var(--heading2-color, #efe4d4);font-size:clamp(1.1rem,2vw,1.34rem)}.text-body1{color:var(--body1-color, #d9cec2);line-height:1.7;max-width:68ch}.text-body2{color:var(--body2-color, #c6bbae);line-height:1.65}body.site-palette-page:not([data-site-theme=custom]){--title-color: #f5ede3;--heading1-color: #ede4d7;--heading2-color: #e4d9ca;--body1-color: #d2c6b8;--body2-color: #c1b5a7;--ui-color: #d0c2b1}.card{border:1px solid rgba(248,227,198,.18);border-radius:1.1rem;background:linear-gradient(150deg,#1c1816d1,#0f0d0dc7);box-shadow:0 18px 38px #0000004d;padding:1.15rem 1.2rem;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.card:hover{border-color:#f8e3c65c;box-shadow:0 26px 48px #0000005c;transform:translateY(-2px)}body.site-palette-page .card{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 25%);background:linear-gradient(150deg,#101a32db,#1a102ccc),radial-gradient(circle at 8% 8%,rgba(27,92,70,.18),transparent 42%);box-shadow:0 20px 44px #0408126b}body.site-palette-page .card:hover{border-color:color-mix(in srgb,var(--landing-old-gold),white 18%);box-shadow:0 28px 54px #03081280}.playground-card,body.color-lab-page .page-header,body.color-lab-page .intro-card,body.color-lab-page .playground-card .card,body.color-lab-page .playground-mobile-shell,body.color-lab-page .playground-mobile-shell .card{background:color-mix(in srgb,var(--playground-overlay-color, var(--surface)),transparent calc(100% - (var(--playground-opacity) * 100%)));border-color:color-mix(in srgb,var(--border),transparent calc(100% - (var(--playground-opacity) * 100%)));box-shadow:0 18px 40px color-mix(in srgb,rgba(0,0,0,.28),transparent calc(100% - (var(--playground-opacity) * 100%)));backdrop-filter:blur(calc(6px * var(--playground-opacity)))}a{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,#f7efdf,transparent 70%);transition:border-color .18s ease,color .18s ease,transform .18s ease}a:hover{border-bottom-color:color-mix(in srgb,#f7efdf,transparent 30%);transform:translateY(-1px)}body.site-palette-page a{border-bottom-color:color-mix(in srgb,var(--landing-old-gold),transparent 68%)}body.site-palette-page a:hover{border-bottom-color:color-mix(in srgb,var(--landing-old-gold),transparent 34%)}:focus-visible{outline:2px solid #d8b98f;outline-offset:3px;border-radius:10px}body.site-palette-page :focus-visible{outline-color:color-mix(in srgb,var(--landing-old-gold),white 12%)}.playground-card input[type=range]:focus-visible,.playground-card select:focus-visible,.playground-card input[type=checkbox]:focus-visible,.playground-card input[type=number]:focus-visible,.playground-card input[type=file]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 10%);outline-offset:3px;border-radius:10px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.stack{display:grid;gap:var(--space-3)}.playground-control-row{align-items:center;gap:var(--space-4);flex-wrap:wrap}.playground-control-group{display:inline-flex;align-items:center;gap:var(--space-2)}.playground-control-cluster{gap:var(--space-2);align-items:center;flex-wrap:wrap}.playground-label{color:var(--body2-color);font-size:14px}.playground-select,.playground-number{background:var(--surface);color:var(--ui-color);border:1px solid var(--border);border-radius:12px;padding:var(--space-2) var(--space-3)}.playground-number{width:90px}.playground-offset{margin-left:var(--space-2)}.playground-toggle-button{padding:.375rem .625rem}.playground-checkbox-label{display:flex;align-items:center;gap:var(--space-2)}.playground-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:var(--space-3);padding:var(--space-2) var(--space-1) 0}.playground-swatch-item{display:grid;gap:var(--space-2);justify-items:center}.playground-overlay-content{max-height:66vh;min-height:0;padding:var(--space-4) var(--space-3) var(--space-3) var(--space-4)}.playground-overlay-scroll{display:grid;gap:var(--space-5);overflow-y:auto;min-height:0;max-height:calc(66vh - 9rem);padding-right:var(--space-2);padding-bottom:var(--space-3)}.playground-wallpaper-stack{gap:var(--space-4)}.playground-section{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--border),transparent calc(100% - (var(--playground-opacity) * 100%)));border-radius:14px;background:color-mix(in srgb,var(--playground-overlay-color, var(--surface)),transparent calc(100% - (var(--playground-opacity) * 100%)));box-shadow:0 10px 24px color-mix(in srgb,rgba(0,0,0,.22),transparent calc(100% - (var(--playground-opacity) * 100%)));backdrop-filter:blur(calc(3px * var(--playground-opacity)))}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(252,229,197,.28);background:#27211c99;color:var(--ui-color, #f4e9da);padding:.55rem 1rem;cursor:pointer;font-size:.9rem;letter-spacing:.04em;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{border-color:#fce5c58c;background:#342a22d6;transform:translateY(-1px);box-shadow:0 8px 20px #00000040}body.site-palette-page .btn{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 26%);background:color-mix(in srgb,var(--landing-midnight-blue),black 32%);color:var(--ui-color, #ebdecd)}body.site-palette-page .btn:hover{border-color:color-mix(in srgb,var(--landing-old-gold),white 18%);background:color-mix(in srgb,var(--landing-royal-purple),black 20%)}body.site-palette-page .btn-primary{background:linear-gradient(136deg,color-mix(in srgb,var(--landing-old-gold),white 22%),var(--landing-burnt-orange));color:var(--ui-color, #23130e);border-color:color-mix(in srgb,var(--landing-old-gold),white 10%)}body.site-palette-page .btn-primary:hover{background:linear-gradient(136deg,color-mix(in srgb,var(--landing-old-gold),white 30%),color-mix(in srgb,var(--landing-burnt-orange),white 14%))}.btn-primary{background:linear-gradient(135deg,#ead6bb,#d8b48f);color:var(--ui-color, #251b14);border-color:transparent;font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,#f1dfc7,#e0be9b)}.btn-ghost{background:#221d1aa6}.site-theme-reset{position:fixed;right:14px;bottom:14px;z-index:50;padding:.45rem .78rem;font-size:.76rem;letter-spacing:.06em;border-radius:12px;border-color:color-mix(in srgb,var(--accent),white 14%);background:color-mix(in srgb,var(--surface),black 14%);box-shadow:0 8px 20px #00000057}.site-theme-reset:hover{border-color:color-mix(in srgb,var(--accent),white 24%)}.input{width:100%;max-width:420px;border:1px solid rgba(246,220,188,.26);border-radius:.72rem;padding:.62rem .75rem;background:#1a1614b8;color:var(--ui-color, #f5ece0)}body.site-palette-page .input{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 24%);background:color-mix(in srgb,var(--landing-midnight-blue),black 30%);color:var(--ui-color, #ece1d4)}input[type=file]::file-selector-button{border:1px solid rgba(246,220,188,.28);border-radius:999px;background:#251f1bbf;color:var(--ui-color, #efe1d0);padding:.35rem .7rem;cursor:pointer}body.site-palette-page input[type=file]::file-selector-button{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 30%);background:color-mix(in srgb,var(--landing-midnight-blue),black 36%);color:var(--ui-color, #e8daca)}.pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(243,218,188,.22);padding:.2rem .6rem;font-size:.72rem;color:#d7c7b5;letter-spacing:.05em}body.site-palette-page .pill{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 28%);color:#cfc2b2}.page-header{display:grid;gap:var(--space-5);margin-bottom:2rem;padding:var(--space-5) calc(var(--space-5) + var(--space-1));border:1px solid rgba(246,228,203,.22);border-radius:1.2rem;background:linear-gradient(150deg,#221c18d6,#12100fb8);backdrop-filter:blur(10px);animation:fade-rise .48s ease both}body.site-palette-page .page-header{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 30%);background:linear-gradient(152deg,#111b35db,#201234cc),radial-gradient(circle at 10% 12%,rgba(27,92,70,.2),transparent 44%)}.page-header>div{display:grid;gap:var(--space-2)}.page-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-nav a{border:1px solid rgba(248,226,195,.24);border-radius:999px;padding:.34rem .72rem;color:var(--ui-color, #f1e2cd);font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;background:#28211c8c;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}body.site-palette-page .page-nav a{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 34%);color:var(--ui-color, #e8dac8);background:color-mix(in srgb,var(--landing-midnight-blue),black 30%)}.page-nav a:hover{border-color:#f8e2c38a;color:var(--ui-color, #fff4e5);background:#3a2c22b8;transform:translateY(-1px)}body.site-palette-page .page-nav a:hover{border-color:color-mix(in srgb,var(--landing-old-gold),white 20%);color:var(--ui-color, #fff1df);background:color-mix(in srgb,var(--landing-royal-purple),black 22%)}.portal-section{display:grid;gap:var(--space-5)}.color-lab-help{display:none}.color-lab-help__popup{width:min(420px,calc(100vw - 32px));margin:0;box-shadow:0 16px 34px #0000005c}.color-lab-help__mobile{position:relative}.color-lab-help__mobile summary{list-style:none;cursor:pointer;width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),white 16%);display:inline-flex;align-items:center;justify-content:center;color:var(--ui-color, var(--text));font-weight:700;font-size:.92rem;background:color-mix(in srgb,var(--surface),black 26%)}.color-lab-help__mobile summary::-webkit-details-marker{display:none}.color-lab-help__mobile[open] .color-lab-help__popup{position:absolute;right:0;top:calc(100% + 10px);z-index:16}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.project-card{display:grid;gap:.9rem}.project-card__header{display:grid;gap:var(--space-2)}.project-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.project-link{color:#f2e8da;border-bottom:1px solid color-mix(in srgb,#f2e8da,transparent 70%);font-weight:600}body.site-palette-page .project-link{color:color-mix(in srgb,#f2e8da 82%,var(--landing-old-gold));border-bottom-color:color-mix(in srgb,var(--landing-old-gold),transparent 62%)}.project-link:hover{border-bottom-color:color-mix(in srgb,#f2e8da,transparent 38%)}body.site-palette-page .project-link:hover{border-bottom-color:color-mix(in srgb,var(--landing-old-gold),transparent 26%)}.hero{display:grid;gap:var(--space-4);animation:fade-rise .56s ease both}.couture-hero{padding:2rem;border:1px solid rgba(245,222,191,.2);border-radius:1.35rem;background:linear-gradient(145deg,#1e1815db,#121010c7),radial-gradient(circle at 0 0,rgba(220,180,138,.22),transparent 44%);box-shadow:0 24px 60px #00000057}.couture-hero--landing{position:relative;overflow:hidden}.couture-hero--landing:after{content:"";position:absolute;inset:auto -90px -110px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(227,190,150,.28),transparent 62%);pointer-events:none}.hero-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#ddbea0}.hero-title{max-width:20ch;font-size:clamp(2rem,5vw,3.6rem)}.hero-copy{max-width:56ch;color:#d4c7b8}.landing-composition{display:grid;gap:var(--space-4)}.landing-composition .landing-masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:.2rem .15rem .55rem}.landing-composition .landing-brand{display:grid;gap:.18rem;border-bottom:none;text-decoration:none}.landing-composition .landing-brand:hover{transform:none}.landing-composition .landing-brand__name{font-family:Fraunces,Iowan Old Style,serif;font-size:clamp(1.3rem,2.8vw,1.8rem);line-height:1.08;letter-spacing:.02em;color:#f3e9db}.landing-composition .landing-brand__role{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--landing-old-gold),white 18%)}.landing-composition .landing-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.landing-composition .landing-nav a{border-bottom:none;border:1px solid color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 34%);border-radius:999px;padding:.32rem .66rem;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ui-color, #f0e4d5);background:color-mix(in srgb,var(--landing-midnight-blue),black 30%);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.landing-composition .landing-nav a:hover{border-color:color-mix(in srgb,var(--landing-old-gold),white 26%);background:color-mix(in srgb,var(--landing-royal-purple),black 28%);color:var(--ui-color, #fff1de);transform:translateY(-1px)}.playground-card select,.playground-card input[type=number]{color:var(--ui-color, var(--text))}.playground-card select option{background:var(--surface);color:var(--ui-color, var(--text))}.landing-composition .couture-hero--landing{border-color:color-mix(in srgb,var(--landing-old-gold),white 24%);background:linear-gradient(148deg,#0e1428e0,#241240e6),radial-gradient(circle at 12% 16%,rgba(27,92,70,.34),transparent 50%),radial-gradient(circle at 86% 10%,rgba(107,19,37,.34),transparent 44%),radial-gradient(circle at 78% 85%,rgba(185,84,31,.24),transparent 42%);box-shadow:0 30px 72px #03050d85,inset 0 0 0 1px #b78b2a2e}.landing-composition .couture-hero--landing:after{background:radial-gradient(circle,color-mix(in srgb,var(--landing-old-gold),white 12%) 0%,transparent 64%);opacity:.75}.landing-composition .hero-kicker{color:color-mix(in srgb,var(--landing-old-gold),white 18%)}.landing-composition .hero-title{color:color-mix(in srgb,#f3e8da 92%,var(--landing-midnight-blue));text-shadow:0 4px 14px rgba(0,0,0,.18)}.landing-composition .hero-copy{color:color-mix(in srgb,#f2e8db 76%,var(--landing-midnight-blue))}.landing-composition .hero-routing-note{color:color-mix(in srgb,#eadfce 70%,var(--landing-midnight-blue));font-size:.88rem;letter-spacing:.01em}.landing-composition .btn-primary{background:linear-gradient(136deg,color-mix(in srgb,var(--landing-old-gold),white 20%),var(--landing-burnt-orange));color:#24140f;border-color:color-mix(in srgb,var(--landing-old-gold),white 8%)}.landing-composition .btn-primary:hover{background:linear-gradient(136deg,color-mix(in srgb,var(--landing-old-gold),white 30%),color-mix(in srgb,var(--landing-burnt-orange),white 12%))}.landing-composition .btn-ghost{border-color:color-mix(in srgb,var(--landing-emerald-green),var(--landing-old-gold) 32%);background:color-mix(in srgb,var(--landing-midnight-blue),black 34%);color:#ece4d6}.landing-composition .btn-ghost:hover{border-color:color-mix(in srgb,var(--landing-old-gold),white 20%);background:color-mix(in srgb,var(--landing-royal-purple),black 20%)}.atelier-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-4)}.atelier-panel{min-height:180px}.atelier-panel--project{display:grid;gap:var(--space-3);grid-row:span 2;padding:1.4rem;background:linear-gradient(155deg,#221b16e0,#110f0ed1),radial-gradient(circle at 88% 12%,rgba(221,186,146,.18),transparent 46%)}.landing-composition .atelier-panel{border-color:color-mix(in srgb,var(--landing-midnight-blue),var(--landing-old-gold) 25%)}.landing-composition .atelier-panel--project{border-color:color-mix(in srgb,var(--landing-midnight-blue),white 26%);background:linear-gradient(156deg,#13203feb,#2a1245e6),radial-gradient(circle at 88% 12%,rgba(185,84,31,.3),transparent 46%),radial-gradient(circle at 14% 84%,rgba(27,92,70,.24),transparent 44%);box-shadow:0 22px 48px #08091970,inset 0 0 0 1px color-mix(in srgb,var(--landing-midnight-blue),white 24%)}.landing-composition .landing-route{display:grid;gap:var(--space-2);background:linear-gradient(150deg,#13203fc7,#2a1245bd),repeating-linear-gradient(-35deg,#b78b2a1a 0 8px,#b78b2a00 8px 16px)}.landing-composition .landing-route:nth-child(2){border-color:color-mix(in srgb,var(--landing-burnt-orange),var(--landing-old-gold) 40%)}.landing-composition .landing-route:nth-child(3){border-color:color-mix(in srgb,var(--landing-emerald-green),var(--landing-old-gold) 35%)}.landing-composition .landing-route:nth-child(4){border-color:color-mix(in srgb,var(--landing-ruby-red),var(--landing-old-gold) 36%)}.landing-composition .route-label,.landing-composition .project-feature__label{color:color-mix(in srgb,var(--landing-old-gold),white 22%)}.landing-composition .project-link{color:color-mix(in srgb,#f2e8da 80%,var(--landing-old-gold));border-bottom-color:color-mix(in srgb,var(--landing-old-gold),transparent 62%)}.landing-composition .project-link:hover{border-bottom-color:color-mix(in srgb,var(--landing-old-gold),transparent 22%)}.landing-composition .text-heading1,.landing-composition .text-heading2{color:#f2ebe2}.landing-composition .text-body1{color:#d7cdbe}.landing-composition .text-body2{color:#c9bfaf}.landing-composition .route-label{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.palette-preview{display:flex;align-items:center;gap:.44rem;margin-top:.1rem}.palette-chip{width:1.3rem;height:1.3rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:var(--palette-chip, #1a1613);box-shadow:0 4px 10px #05081259}.project-feature{display:grid;gap:var(--space-3);padding:1.4rem;animation:fade-rise .62s ease both}.project-feature__label{text-transform:uppercase;font-size:.74rem;letter-spacing:.16em;color:#dbba93}.intro-card{max-width:76ch;animation:fade-rise .62s ease both}.portal-section .project-card{animation:fade-rise .7s ease both}.portal-section .project-card:nth-child(2){animation-delay:60ms}.portal-section .project-card:nth-child(3){animation-delay:.12s}.portal-section .project-card:nth-child(4){animation-delay:.18s}.portal-section .project-card:nth-child(5){animation-delay:.24s}.portal-section .project-card:nth-child(6){animation-delay:.3s}@keyframes fade-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dock-bar{display:flex;justify-content:flex-start;gap:var(--space-4);align-items:flex-start;flex-wrap:wrap}.dock-main{display:flex;align-items:flex-start;gap:var(--space-4)}.dock-bar.is-collapsed{justify-content:flex-start}.dock-bar.is-collapsed .dock-main{align-items:center;gap:var(--space-2)}.playground-card.is-collapsed .playground-overlay-content{display:none}.dock-links{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.dock-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.toast-pill{gap:var(--space-2);flex-wrap:wrap}.toast-link{font-weight:600}.content-stack{display:grid;gap:var(--space-5)}.command-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.command-backdrop{position:absolute;inset:0;background:#0a0c1094;backdrop-filter:blur(8px)}.command-modal{position:relative;z-index:1;width:min(540px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:calc(var(--space-4) + var(--space-2));display:grid;gap:var(--space-4);box-shadow:0 22px 50px #00000073}.command-input-row{display:flex;gap:var(--space-3);align-items:center}.command-input{flex:1}.command-list{display:grid;gap:var(--space-2)}.command-item{border:1px solid transparent;background:color-mix(in srgb,var(--surface),white 2%);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600}.command-item.active,.command-item:hover{border-color:color-mix(in srgb,var(--accent),white 15%)}.command-hint{color:var(--muted);font-size:12px}.command-empty{padding:var(--space-2) var(--space-3);color:var(--muted);font-size:14px}.playground-mobile-shell{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;margin:0;padding:var(--space-3);display:grid;gap:var(--space-3);max-height:min(74vh,calc(100vh - 180px));overflow:visible}.playground-mobile-tabs{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding-top:6px;padding-bottom:2px;scrollbar-width:none;touch-action:pan-x}.playground-mobile-tabs::-webkit-scrollbar{display:none}.playground-mobile-tab{flex:0 0 auto;min-height:42px;padding:.45rem .84rem;border-radius:12px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.playground-mobile-tab.is-active{border-color:color-mix(in srgb,var(--accent),white 18%);background:color-mix(in srgb,var(--accent),transparent 74%);color:var(--ui-color, var(--text))}.playground-mobile-panel{min-height:0;overflow:hidden}.playground-mobile-scroll{display:grid;gap:var(--space-3);overflow-y:auto;max-height:min(62vh,calc(100vh - 244px));padding-right:2px}.playground-mobile-toggle{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:12px;font-size:1.05rem}.playground-mobile-toggle-collapsed{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:22;transform:translate(-50%)}.harmony-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:var(--space-3)}.harmony-swatch-item{display:grid;gap:var(--space-1);justify-items:center;align-content:start}.harmony-swatch-label{font-size:.66rem;line-height:1.2;color:var(--muted);text-align:center}body.site-palette-page[data-site-theme=custom]{background:radial-gradient(980px 720px at 6% -10%,color-mix(in srgb,var(--accent),transparent 85%),transparent 62%),radial-gradient(820px 620px at 94% 10%,color-mix(in srgb,var(--surface),white 12%),transparent 66%),linear-gradient(160deg,color-mix(in srgb,var(--bg),black 20%) 0%,var(--bg) 52%,color-mix(in srgb,var(--bg),var(--surface) 34%) 100%)}body.site-palette-page[data-site-theme=custom] .card{border-color:color-mix(in srgb,var(--border),white 18%);background:linear-gradient(150deg,color-mix(in srgb,var(--surface),white 4%),color-mix(in srgb,var(--surface),black 18%)),radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--accent),transparent 88%),transparent 42%);box-shadow:0 20px 44px color-mix(in srgb,rgba(3,8,18,.5),transparent 20%)}body.site-palette-page[data-site-theme=custom] .card:hover{border-color:color-mix(in srgb,var(--accent),white 20%);box-shadow:0 28px 54px color-mix(in srgb,rgba(3,8,18,.62),transparent 10%)}body.site-palette-page[data-site-theme=custom] .page-header{border-color:color-mix(in srgb,var(--border),white 18%);background:linear-gradient(150deg,color-mix(in srgb,var(--surface),white 4%),color-mix(in srgb,var(--surface),black 20%)),radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent),transparent 86%),transparent 54%)}body.site-palette-page[data-site-theme=custom] .btn{border-color:color-mix(in srgb,var(--border),white 22%);background:color-mix(in srgb,var(--surface),black 14%);color:var(--ui-color, var(--text))}body.site-palette-page[data-site-theme=custom] .btn:hover{border-color:color-mix(in srgb,var(--accent),white 20%);background:color-mix(in srgb,var(--surface),black 6%)}body.site-palette-page[data-site-theme=custom] .btn-primary{background:linear-gradient(136deg,color-mix(in srgb,var(--accent),white 24%),color-mix(in srgb,var(--accent),black 10%));color:var(--accent-contrast, var(--bg));border-color:color-mix(in srgb,var(--accent),white 14%)}body.site-palette-page[data-site-theme=custom] .btn-primary:hover{background:linear-gradient(136deg,color-mix(in srgb,var(--accent),white 32%),color-mix(in srgb,var(--accent),black 2%))}body.site-palette-page[data-site-theme=custom] .input{border-color:color-mix(in srgb,var(--border),white 20%);background:color-mix(in srgb,var(--surface),black 14%);color:var(--ui-color, var(--text))}body.site-palette-page[data-site-theme=custom] input[type=file]::file-selector-button{border-color:color-mix(in srgb,var(--border),white 24%);background:color-mix(in srgb,var(--surface),black 18%);color:var(--ui-color, var(--text))}body.site-palette-page[data-site-theme=custom] .pill{border-color:color-mix(in srgb,var(--border),white 26%);color:var(--muted)}body.site-palette-page[data-site-theme=custom] .project-link{color:var(--ui-color, var(--text))}body.site-palette-page[data-site-theme=custom] .project-link:hover{color:color-mix(in srgb,var(--accent),white 24%)}body.site-palette-page[data-site-theme=custom] a{border-bottom-color:color-mix(in srgb,var(--accent),transparent 68%)}body.site-palette-page[data-site-theme=custom] a:hover{border-bottom-color:color-mix(in srgb,var(--accent),transparent 34%)}body.site-palette-page[data-site-theme=custom] :focus-visible{outline-color:color-mix(in srgb,var(--accent),white 12%)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-brand__name{color:var(--title-color, var(--text))}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-brand__role{color:var(--muted)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-nav a{border-color:color-mix(in srgb,var(--border),white 24%);color:var(--ui-color, var(--text));background:color-mix(in srgb,var(--surface),black 12%)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-nav a:hover{border-color:color-mix(in srgb,var(--accent),white 24%);background:color-mix(in srgb,var(--surface),black 4%);color:color-mix(in srgb,var(--ui-color, var(--text)),white 16%)}body.site-palette-page[data-site-theme=custom] .landing-composition .couture-hero--landing{border-color:color-mix(in srgb,var(--border),white 20%);background:linear-gradient(148deg,color-mix(in srgb,var(--surface),white 6%),color-mix(in srgb,var(--surface),black 20%)),radial-gradient(circle at 12% 16%,color-mix(in srgb,var(--accent),transparent 84%),transparent 52%),radial-gradient(circle at 86% 10%,color-mix(in srgb,var(--heading1-color),transparent 82%),transparent 50%),radial-gradient(circle at 78% 85%,color-mix(in srgb,var(--heading2-color),transparent 86%),transparent 46%);box-shadow:0 30px 72px color-mix(in srgb,rgba(3,5,13,.58),transparent 12%),inset 0 0 0 1px color-mix(in srgb,var(--border),white 26%)}body.site-palette-page[data-site-theme=custom] .landing-composition .couture-hero--landing:after{background:radial-gradient(circle,color-mix(in srgb,var(--accent),white 18%) 0%,transparent 64%);opacity:.7}body.site-palette-page[data-site-theme=custom] .landing-composition .hero-kicker{color:color-mix(in srgb,var(--accent),white 16%)}body.site-palette-page[data-site-theme=custom] .landing-composition .hero-title{color:var(--title-color, var(--text));text-shadow:0 4px 14px color-mix(in srgb,rgba(0,0,0,.32),transparent 18%)}body.site-palette-page[data-site-theme=custom] .landing-composition .hero-copy{color:var(--body1-color, var(--text))}body.site-palette-page[data-site-theme=custom] .landing-composition .hero-routing-note{color:var(--body2-color, var(--muted))}body.site-palette-page[data-site-theme=custom] .landing-composition .btn-primary{background:linear-gradient(136deg,color-mix(in srgb,var(--accent),white 24%),color-mix(in srgb,var(--accent),black 10%));color:var(--accent-contrast, var(--bg));border-color:color-mix(in srgb,var(--accent),white 14%)}body.site-palette-page[data-site-theme=custom] .landing-composition .btn-primary:hover{background:linear-gradient(136deg,color-mix(in srgb,var(--accent),white 32%),color-mix(in srgb,var(--accent),black 2%))}body.site-palette-page[data-site-theme=custom] .landing-composition .btn-ghost{border-color:color-mix(in srgb,var(--border),white 24%);background:color-mix(in srgb,var(--surface),black 12%);color:var(--ui-color, var(--text))}body.site-palette-page[data-site-theme=custom] .landing-composition .btn-ghost:hover{border-color:color-mix(in srgb,var(--accent),white 20%);background:color-mix(in srgb,var(--surface),black 4%)}body.site-palette-page[data-site-theme=custom] .landing-composition .atelier-panel{border-color:color-mix(in srgb,var(--border),white 18%)}body.site-palette-page[data-site-theme=custom] .landing-composition .atelier-panel--project{border-color:color-mix(in srgb,var(--accent),white 16%);background:linear-gradient(156deg,color-mix(in srgb,var(--surface),white 5%),color-mix(in srgb,var(--surface),black 20%)),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent),transparent 76%),transparent 48%),radial-gradient(circle at 14% 84%,color-mix(in srgb,var(--heading2-color),transparent 80%),transparent 46%);box-shadow:0 22px 48px color-mix(in srgb,rgba(8,9,25,.52),transparent 14%),inset 0 0 0 1px color-mix(in srgb,var(--border),white 24%)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-route{background:linear-gradient(150deg,color-mix(in srgb,var(--surface),white 4%),color-mix(in srgb,var(--surface),black 16%)),repeating-linear-gradient(-35deg,color-mix(in srgb,var(--accent),transparent 90%) 0 8px,#0000 8px 16px)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-route:nth-child(2){border-color:color-mix(in srgb,var(--accent),var(--heading1-color) 30%)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-route:nth-child(3){border-color:color-mix(in srgb,var(--accent),var(--heading2-color) 34%)}body.site-palette-page[data-site-theme=custom] .landing-composition .landing-route:nth-child(4){border-color:color-mix(in srgb,var(--accent),var(--ui-color) 38%)}body.site-palette-page[data-site-theme=custom] .landing-composition .route-label,body.site-palette-page[data-site-theme=custom] .landing-composition .project-feature__label{color:color-mix(in srgb,var(--accent),white 22%)}body.site-palette-page[data-site-theme=custom] .landing-composition .project-link{color:var(--ui-color, var(--text));border-bottom-color:color-mix(in srgb,var(--accent),transparent 62%)}body.site-palette-page[data-site-theme=custom] .landing-composition .project-link:hover{border-bottom-color:color-mix(in srgb,var(--accent),transparent 22%)}body.site-palette-page[data-site-theme=custom] .landing-composition .text-heading1,body.site-palette-page[data-site-theme=custom] .landing-composition .text-heading2{color:var(--heading1-color, var(--text))}body.site-palette-page[data-site-theme=custom] .landing-composition .text-body1{color:var(--body1-color, var(--text))}body.site-palette-page[data-site-theme=custom] .landing-composition .text-body2{color:var(--body2-color, var(--muted))}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip{background:var(--palette-chip-dynamic)!important;border-color:color-mix(in srgb,var(--border),white 28%);box-shadow:0 4px 10px color-mix(in srgb,rgba(5,8,18,.44),transparent 12%)}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip:nth-child(1){--palette-chip-dynamic: var(--bg)}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip:nth-child(2){--palette-chip-dynamic: var(--surface)}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip:nth-child(3){--palette-chip-dynamic: var(--accent)}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip:nth-child(4){--palette-chip-dynamic: var(--title-color)}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip:nth-child(5){--palette-chip-dynamic: var(--heading1-color)}body.site-palette-page[data-site-theme=custom] .landing-composition .palette-chip:nth-child(6){--palette-chip-dynamic: var(--ui-color)}.easter-egg{position:fixed;left:50%;bottom:64px;transform:translate(-50%);background:transparent;border:none;font-size:20px;letter-spacing:.2em;cursor:pointer;z-index:25;transition:opacity .16s ease}.easter-egg.is-unlocked{text-shadow:0 0 12px rgba(0,255,255,.75),0 0 24px rgba(255,0,255,.6)}body.psychedelic .text-title,body.psychedelic .text-heading1,body.psychedelic .text-heading2,body.psychedelic .text-body1,body.psychedelic .text-body2{text-shadow:0 0 10px rgba(0,255,255,.55),0 0 18px rgba(255,0,255,.45)}@media(max-width:720px){main{width:min(1060px,100% - 1.4rem);padding-top:1.4rem}.page-header{padding:1rem}.couture-hero{padding:1.25rem}.landing-composition .landing-masthead{flex-direction:column;align-items:flex-start;gap:.7rem;padding-top:0}.landing-composition .landing-nav{justify-content:flex-start}.hero-title{font-size:clamp(1.7rem,10vw,2.5rem)}.atelier-grid{grid-template-columns:1fr}.atelier-panel--project{grid-row:auto}}@media(min-width:861px){.playground-card{display:flex;flex-direction:column;overflow:hidden}.playground-card>.stack{display:flex;flex-direction:column;min-height:0}.playground-overlay-content{display:flex;flex:1 1 auto;flex-direction:column;max-height:none;padding-top:calc(var(--space-3) - 2px)}.playground-overlay-scroll{flex:1 1 auto;max-height:none}}@media(max-width:860px){body.color-lab-page main{padding-bottom:min(84vh,calc(100vh - 100px))}.color-lab-help{display:flex;justify-content:flex-end;margin-bottom:var(--space-2)}.playground-mobile-shell{left:10px;right:10px;bottom:10px}.easter-egg{bottom:calc(min(74vh,calc(100vh - 180px)) + 26px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}