/* Product theme. Component behavior and preview layouts remain in styles.css. */
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url('/assets/fonts/nunito-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url('/assets/fonts/nunito-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root,:root[data-theme=light]{color-scheme:light;--bg:#fafaf8;--surface:#ffffff;--surface-2:#f0f1ef;--ink:#2e3338;--muted:#666d73;--line:#dfe2df;--accent:#aa4844;--soft:#4f575d;--font:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:var(--font);--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;--page:1360px;--ease:cubic-bezier(.2,.65,.3,1)}
:root[data-theme=dark]{color-scheme:dark;--bg:#1c1f22;--surface:#23272b;--surface-2:#2c3136;--ink:#edf0ed;--muted:#afb6b9;--line:#3a4044;--accent:#e1958b;--soft:#c1c7c9}
body{line-height:1.6;transition:background-color .2s,color .2s}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.2}
em{font-family:inherit;font-style:normal;font-weight:inherit}
.eyebrow,.mono{font-family:var(--font);font-size:.8125rem;letter-spacing:0;text-transform:none}
.header{height:80px}.wordmark{font-size:1.375rem;font-weight:750;letter-spacing:-.035em;gap:9px}.wordmark svg{width:25px;height:25px}.desktop-nav{gap:28px}.desktop-nav a::after{display:none}.desktop-nav a[aria-current=page]{color:var(--accent)}
.hero{height:600px}.hero-copy{padding-top:68px;width:45%}.hero h1{font-size:clamp(2.5rem,4.4vw,3.75rem);line-height:1.16;letter-spacing:-.035em;margin:20px 0}.hero-copy>p{font-size:1rem;line-height:1.75}.hero-palette{margin-top:30px}.hero-copy,.atlas-scene,.hero-baseline{animation:none}.atlas-scene{width:54%;height:530px;right:0;top:12px}.atlas-aura{display:none}.atlas-coordinate{display:none}.hero-baseline{font-size:.8125rem}.hero-baseline a,.hero-baseline>span:last-child{font:inherit;letter-spacing:0}
.section-heading h2{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.25;letter-spacing:-.025em;margin-top:8px}.section-heading h2 em{font:inherit;color:inherit;letter-spacing:inherit}
@media(max-width:800px){.hero{height:560px}.hero-copy{width:48%;padding-top:45px}.hero h1{font-size:2.625rem}.atlas-scene{width:52%;height:440px;right:0;top:35px}.hero-actions{align-items:flex-start;flex-direction:column}.header{height:76px}}
@media(max-width:580px){.header{height:auto}.hero{height:auto}.hero h1{font-size:clamp(2.125rem,8vw,2.75rem);line-height:1.18;margin:16px 22px}.hero-copy>.eyebrow{margin-top:30px}.hero-copy>p{font-size:1rem}.atlas-scene{width:100%;height:350px;top:auto;right:auto;margin-top:12px}.hero-palette{margin-top:12px}.hero-actions{flex-direction:row;align-items:center}.hero-baseline{font-size:.75rem}}

/* Consistent controls: color carries the visual emphasis, not the chrome. */
::selection{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--ink)}
.button,.small-button,.round-button,.icon-button,.text-link{transition:background-color .18s,color .18s,border-color .18s;gap:12px}
.button{font-size:.875rem;line-height:1.5;font-weight:650;min-height:44px;padding:10px 17px;border-radius:6px}
.button:hover,.small-button:hover{transform:none}
.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.button.primary:hover{background:color-mix(in srgb,var(--accent) 90%,#000);border-color:transparent}
[data-theme=dark] .button.primary{color:#201f1d}
.small-button{min-height:40px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 13px;font-size:.875rem;font-weight:650;border-radius:6px}
.small-button:hover{background:var(--surface-2)}
.text-link{font-size:.875rem;font-weight:600;line-height:1.5}
.icon-button,.round-button{border-radius:6px;width:38px;height:38px;line-height:1}
.round-button{font-size:1.125rem}.round-button:hover{background:var(--surface-2);color:var(--ink)}
.header-actions{gap:12px}.header-actions .small-button{font-size:.875rem}
.hero{height:600px}.hero-copy{padding-top:54px}.hero h1{font-size:clamp(2.5rem,4.1vw,3.5rem)}
.hero-actions{gap:22px;margin-top:23px}.hero-palette{width:min(100%,360px);margin-top:31px}
.hero-palette-label{margin-bottom:10px;gap:12px}.hero-palette-label span:first-child{font:.8125rem var(--font);letter-spacing:0}.hero-palette-label span:last-child{font-size:.875rem;font-weight:600}
.hero-swatches{gap:4px;height:48px}.hero-swatches button{min-width:0;transition:filter .16s}
.hero-swatches button:hover{transform:none;filter:brightness(1.05)}.hero-swatches code{opacity:1;font:.75rem/1.4 var(--mono);overflow-wrap:anywhere}
.hero-palette-foot{font-size:.8125rem;line-height:1.5;gap:12px;flex-wrap:wrap}.hero-palette-foot a{color:var(--accent)}
.atlas-scene{padding-bottom:58px}.atlas-guide{bottom:0;font-size:.75rem;gap:10px;line-height:1.5}.atlas-controls{bottom:28px;gap:7px}.atlas-controls .icon-button{width:34px;height:32px;border-radius:6px}.atlas-readout{right:7%;bottom:92px;min-height:32px;background:var(--surface);font-size:.75rem}.atlas-readout i{border:1px solid #0000000a}
.hero-baseline{height:49px}.hero-baseline a{font-size:.8125rem}

/* Horizontal, five-color cards. Swatches are never faded or hidden. */
.collection{padding-top:43px;padding-bottom:40px}.collection-subline{margin:13px 0 15px;gap:18px;line-height:1.6}.collection-subline p{font-size:.9375rem}.collection-subline>span{font-size:.8125rem}
.collection-controls .mono{font-size:.8125rem;letter-spacing:0;margin-right:8px}
.palette-rail{gap:18px;padding-top:3px;padding-bottom:12px}
.palette-card{flex-basis:326px;height:236px;opacity:1;background:var(--surface);border-radius:8px;transition:transform .28s var(--ease),border-color .18s}
.palette-card.is-active{border-color:var(--accent)}.palette-card:hover{transform:perspective(1100px) rotateY(0);opacity:1;border-color:var(--accent)}
.palette-card-image{height:119px}.palette-card-image img{transition:none}.palette-card:hover .palette-card-image img{transform:none}
.palette-number{font:.75rem var(--font);left:11px;top:10px;padding:3px 7px;background:#171b20b3;backdrop-filter:none;border:0}
.palette-category{font-size:.75rem;top:10px;right:10px;padding:3px 7px;border-radius:3px;background:#171b20b3;text-shadow:none;opacity:1}
.palette-card-colors{height:62px}.palette-card-colors button{transition:filter .15s}.palette-card-colors button:hover{flex:1;filter:brightness(1.035)}
.palette-card-colors code{opacity:1;font:.75rem/1.4 var(--mono);white-space:normal;overflow-wrap:anywhere}
.palette-card-select{height:53px;padding-inline:14px;font-size:.9375rem;font-weight:650;gap:12px;line-height:1.3}.palette-card-select>span:last-child{font-size:.75rem;font-weight:500;white-space:nowrap}
.rail-progress{margin-top:8px}.rail-progress span{background:var(--soft)}

/* A quieter working surface, with one typographic family throughout. */
.studio{padding-top:40px;padding-bottom:54px}.studio-workspace{grid-template-columns:280px minmax(0,1fr);margin-top:25px;border-radius:8px}
.section-heading>p{font-size:.9375rem;line-height:1.65}.section-heading h2 em{display:inline}
.palette-inspector{padding:23px}.palette-order-hint{color:var(--muted);font:.6875rem var(--mono);letter-spacing:.02em}.palette-inspector h3{font-size:1.375rem;line-height:1.35;letter-spacing:-.02em;margin:15px 0 9px}.palette-inspector>p{font-size:.875rem;line-height:1.7;min-height:0}
.palette-roles{margin:23px 0 20px;gap:5px}.role-swatch{padding:6px 4px;gap:9px;border:1px solid transparent;cursor:grab;transition:background .2s,border-color .2s,transform .2s}.role-swatch:hover{background:var(--surface-2)}.role-swatch:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:1px}.role-swatch:active,.role-swatch.is-dragging{cursor:grabbing;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--surface-2);transform:scale(1.015);box-shadow:0 8px 22px #00000012}.role-grip{display:flex;width:13px;flex:0 0 13px;color:var(--muted);touch-action:none}.role-grip svg{width:10px;height:16px;fill:currentColor}.role-swatch i{width:30px;height:30px;border:1px solid #0000000a}.role-swatch:hover i{transform:none}.role-swatch>span:not(.role-grip){font-size:.875rem}.role-swatch code{font-size:.75rem}.is-reordering-palette{user-select:none;cursor:grabbing}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.contrast-note{margin-bottom:18px;padding-top:17px;gap:10px}.contrast-note>span{font:600 1.375rem var(--font)}.contrast-note strong{font-size:.75rem;font-weight:650;line-height:1.5}.contrast-note small{font-size:.75rem;line-height:1.5}.full-button{min-height:42px;font-size:.875rem}
.context-tabs{padding:11px 16px;gap:4px}.context-tabs button,.export-tabs button{font-size:.875rem;font-weight:600;border-radius:5px;line-height:1.5;padding:8px 12px}
.context-tabs button[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 -2px var(--accent)}.context-live{font:.75rem var(--font);letter-spacing:0}
.mockup-stage{background:var(--surface-2);padding:26px;min-height:415px}.mockup{box-shadow:0 5px 22px #0000000d;animation:context-in .22s var(--ease) both}.context-caption{font-size:.75rem;line-height:1.5;padding:11px 18px;flex-wrap:wrap}.context-caption>span:first-child{font:.75rem var(--font);letter-spacing:0}
.landing-copy h4,.slide-main h4{font-weight:700;letter-spacing:-.025em;line-height:1.15}.landing-copy h4 em{font:inherit;letter-spacing:inherit}.mock-kicker{font-family:var(--font);letter-spacing:0;text-transform:none}.mock-features i{font-family:var(--font);font-size:1rem;font-weight:650}
.social-photo span{font-family:var(--font);font-size:1rem;font-weight:650}.social-quote{font-style:normal;font-weight:650;line-height:1.2;font-size:1.875rem}.shop-heading h4{font:700 1.75rem/1.2 var(--font);letter-spacing:-.025em}.slide-main em{font:inherit}.slide-chart i{animation-duration:.25s;animation-delay:0s!important}
.export-panel{grid-template-columns:280px minmax(0,1fr);gap:22px;margin-top:22px}.export-intro{padding-top:17px}.export-intro h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.4;margin-top:8px}.export-intro h3 em{font:inherit}.export-intro p{font-size:.875rem;line-height:1.6;margin-top:8px}
.export-code{background:var(--surface);border-radius:7px}.export-toolbar{padding:8px 10px;gap:5px;flex-wrap:wrap}.export-tabs{overflow:visible;flex-wrap:wrap;gap:1px}.export-tabs button{font-size:.8125rem;padding:7px 9px}.copy-code{font-size:.8125rem;font-weight:650;min-height:36px;padding:8px 10px;margin-left:auto}
#exportCode{font-size:.8125rem;line-height:1.7;padding:18px 20px;min-height:172px;max-height:244px;white-space:pre-wrap;overflow-wrap:anywhere}

/* Image extraction and product information. No maker biography or personal links. */
.extract{padding-top:54px;padding-bottom:48px;gap:56px;grid-template-columns:1fr 1.1fr}
.extract h2,.story h2,.pricing h2{font-size:clamp(1.75rem,2.7vw,2.25rem);line-height:1.25;letter-spacing:-.025em;margin-top:9px}
.extract h2 em,.story h2 em,.pricing h2 em{font:inherit;color:inherit;letter-spacing:inherit}.extract-copy>p{font-size:1rem;line-height:1.75;margin-top:16px;max-width:390px}
.extract-steps{font-size:.875rem;line-height:1.6;gap:11px;margin:25px 0}.extract-steps li{font-size:.875rem;gap:13px}.extract-steps li span{font:.75rem var(--font)}
.privacy-note{font-size:.8125rem;line-height:1.6}.privacy-note svg{width:17px;height:17px}
.dropzone{background:var(--surface);border-color:var(--line);border-radius:8px;min-height:305px;padding:28px;gap:12px;transition:border-color .18s,background-color .18s}.dropzone:hover,.dropzone.is-over{transform:none;background:var(--surface);border-color:var(--accent)}[data-theme=light] .dropzone{border-color:var(--line)}[data-theme=light] .dropzone:hover,[data-theme=light] .dropzone.is-over{border-color:var(--accent)}
.upload-icon{width:48px;height:48px;border:0;border-radius:0;margin-bottom:6px;transform:none}.upload-icon svg{width:31px;height:31px;color:var(--muted)}.dropzone strong{font-size:1.125rem;line-height:1.4;font-weight:650;letter-spacing:-.01em}.dropzone>span:not(.upload-icon){font-size:.875rem;line-height:1.6}.dropzone small{font:.75rem/1.6 var(--font);margin-top:9px}
.change-image{font-size:.8125rem;background:#24292ec9;backdrop-filter:none}.extracted-swatches button{font-size:.75rem;overflow-wrap:anywhere}.extract-result-footer{font-size:.8125rem;line-height:1.5;flex-wrap:wrap}.extract-result-footer .small-button{font-size:.8125rem}.extraction-result{border-radius:8px}#extractStatus{font-size:.875rem;line-height:1.6;color:var(--soft)}
.story{grid-template-columns:.8fr 1.2fr;padding-top:45px;padding-bottom:45px;gap:60px}.story-copy>p{font-size:1rem;line-height:1.8;margin:0 0 17px}.story-heading h2{max-width:300px}.story-copy .text-link{margin-top:3px}
.pricing{padding-top:45px;padding-bottom:45px;gap:40px;grid-template-columns:1.1fr 1fr 1fr}.pricing-heading p{font-size:.9375rem;line-height:1.7;margin-top:16px}.pricing-plan{padding-top:4px}.price{font-size:2rem;line-height:1.3;font-weight:650;letter-spacing:-.025em;margin-top:17px}.price span{font-size:.8125rem;font-weight:400;letter-spacing:0;display:inline-block}.pricing-plan ul{font-size:.875rem;line-height:1.6;gap:10px;margin:20px 0}.pricing-plan li::before{font-size:.75rem;color:var(--muted)}.pro-plan{padding-left:30px}.coming-soon{font-size:.75rem;line-height:1.4;padding:3px 6px;border-radius:4px}.pricing-plan .button{font-size:.875rem}.pricing-plan .button:disabled{opacity:1;color:var(--muted);background:var(--surface-2);border-color:var(--line)}
.footer{padding-top:25px;padding-bottom:26px}.footer-top{padding-bottom:23px}.footer-top p{font:400 .875rem/1.6 var(--font);color:var(--muted)}.footer-bottom{font-size:.8125rem;line-height:1.6;gap:20px}.footer-bottom nav{font-size:.8125rem;gap:20px;flex-wrap:wrap}.back-top{font-size:.8125rem}.toast{font-size:.875rem;line-height:1.5;padding:12px 18px;border-radius:7px;box-shadow:0 5px 20px #0001;transition:opacity .18s,transform .2s;transform:translate(-50%,6px)}
.js .reveal{transform:translateY(7px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.js .reveal.is-visible{transform:none}
body[data-page=about] .story{min-height:55vh;padding-top:65px;padding-bottom:65px;align-items:start}body[data-page=extract] .extract{padding-top:50px}body[data-page=explore] .collection{padding-top:45px}

/* Adapt the actual controls, not just a scaled-down desktop composition. */
@media(min-width:1500px){.hero{height:610px}.hero-copy{padding-top:60px}.atlas-scene{width:54%;height:540px;top:10px;right:0}.hero-palette{margin-top:31px}}
@media(max-width:1100px){.header{height:76px}.desktop-nav{gap:18px}.hero{height:610px}.hero-copy{padding-top:50px;width:46%}.hero h1{font-size:clamp(2.25rem,4.5vw,3.125rem)}.hero-actions{gap:14px}.atlas-scene{width:53%;height:490px;right:0;top:35px}.atlas-guide{font-size:.75rem;flex-wrap:wrap;white-space:normal;justify-content:center;width:100%}.hero-palette{width:min(100%,342px);margin-top:26px}.section-heading h2{font-size:2rem}.studio-workspace{grid-template-columns:255px minmax(0,1fr)}.palette-inspector{padding:20px}.palette-inspector>p{min-height:0}.export-panel{grid-template-columns:255px minmax(0,1fr)}.context-live{display:none}.mockup-stage{padding:20px;min-height:390px}.story{gap:36px}.pricing{gap:28px}.pro-plan{padding-left:24px}}
@media(max-width:800px){.header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:17px;padding-bottom:12px;gap:10px}.header-actions{margin-left:auto}.desktop-nav{order:3;flex:0 0 100%;justify-content:flex-start;gap:25px;font-size:.875rem}.desktop-nav a{padding:7px 0}.hero{height:585px}.hero-copy{width:47%;padding-top:38px}.hero h1{font-size:2.5rem;line-height:1.2}.hero-copy>p{font-size:1rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:flex-start;margin-top:20px}.hero-palette{width:100%;margin-top:24px}.atlas-scene{width:51%;height:440px;top:42px;right:0;padding-bottom:66px}.atlas-guide{display:flex}.atlas-readout{right:6%;bottom:103px}.atlas-controls{bottom:36px}.hero-baseline{font-size:.8125rem}.section-heading{align-items:flex-end}.section-heading h2{font-size:1.875rem}.section-heading>p{font-size:.875rem;max-width:225px}.collection{padding-top:35px;padding-bottom:30px}.collection-controls{padding-top:0}.round-button{width:36px;height:36px}.studio{padding-top:32px}.studio-workspace{grid-template-columns:1fr}.palette-inspector{display:grid;grid-template-columns:1fr auto;gap:0 20px;padding:22px}.inspector-top{grid-column:1/-1}.palette-inspector h3{grid-column:1/-1;margin:9px 0}.palette-inspector>p{grid-column:1/-1;max-width:560px;font-size:.9375rem}.palette-roles{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:20px 0 0;gap:10px}.role-swatch{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0}.role-swatch i{width:100%;height:48px}.role-swatch>span{flex:none;font-size:.8125rem;text-align:left}.role-swatch code{display:block;font-size:.75rem;overflow-wrap:anywhere}.contrast-note{grid-column:1;grid-row:auto;margin:19px 0 0;border:0;padding:0}.full-button{grid-column:2;grid-row:auto;margin-top:19px;width:auto;align-self:center}.context-live{display:block}.context-tabs{padding:10px 16px}.mockup-stage{min-height:395px}.export-panel{grid-template-columns:1fr;gap:14px}.export-intro{display:block;padding-top:8px}.export-intro h3{margin:7px 0}.export-intro p{margin:0;font-size:.875rem}.extract{gap:30px;padding-top:42px;padding-bottom:40px}.extract h2{font-size:2rem}.extract-copy>p{font-size:1rem}.dropzone{min-height:285px;padding:22px}.dropzone strong{font-size:1rem}.extract-steps{font-size:.875rem}.story{grid-template-columns:1fr 1.3fr;gap:25px;padding-top:36px;padding-bottom:36px}.story h2{font-size:1.875rem}.story-copy>p{font-size:.9375rem}.pricing{grid-template-columns:1fr 1fr;padding-top:35px;padding-bottom:35px}.pricing-heading{display:block;grid-column:1/-1}.pricing-heading h2{font-size:1.875rem;margin-top:9px}.pricing-heading p{max-width:540px;margin-top:12px}.footer-top p{font-size:.875rem}.footer-bottom{align-items:flex-start}.footer-bottom>span{max-width:none;white-space:nowrap}.footer-bottom nav{gap:12px 20px}}
@media(max-width:580px){html{scroll-padding-top:24px}.header{min-height:75px;padding-top:17px;padding-bottom:10px}.wordmark{font-size:1.25rem;gap:7px}.wordmark svg{width:23px;height:23px}.header-actions{gap:7px}.header-actions .small-button{font-size:.8125rem;padding:8px 11px;min-height:36px}.header-actions .theme-toggle{width:34px;height:34px}.desktop-nav{font-size:.8125rem;gap:23px}.desktop-nav a{padding:8px 0}.hero{height:auto;min-height:0;padding:0;gap:0}.hero-copy{display:contents}.hero-copy>.eyebrow{margin:30px 22px 0;font-size:.8125rem}.hero h1{font-size:clamp(2.125rem,8.6vw,2.75rem);line-height:1.2;letter-spacing:-.03em;margin:15px 22px}.hero-copy>p{font-size:1rem;line-height:1.7;margin:0 22px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;margin:21px 22px 0;gap:16px}.hero-actions .button{font-size:.875rem;min-height:44px;padding:10px 16px}.hero-actions .text-link{font-size:.875rem}.atlas-scene{position:relative;order:1;width:100%;height:380px;top:auto;right:auto;margin-top:14px;padding-bottom:62px}.atlas-guide{display:flex;font-size:.75rem;bottom:0;gap:8px;padding:0 20px}.atlas-controls{bottom:30px}.atlas-controls .icon-button{width:36px;height:32px}.atlas-readout{right:24px;bottom:94px;font-size:.75rem;padding:7px 9px}.hero-palette{order:2;position:static;width:auto;margin:15px 22px 24px;max-width:none}.hero-palette-label span:first-child{font-size:.8125rem}.hero-palette-label span:last-child{font-size:.875rem}.hero-swatches{height:47px}.hero-palette-foot{font-size:.8125rem}.hero-baseline{order:3;position:static;height:auto;min-height:50px;margin:0 22px;gap:15px;padding:13px 0;align-items:center}.hero-baseline>span:first-child,.hero-baseline a{font-size:.75rem;line-height:1.5;letter-spacing:0}.hero-baseline a span{margin-left:4px}.section-heading{gap:13px;align-items:flex-end}.section-heading .eyebrow{font-size:.8125rem}.section-heading h2{font-size:1.625rem;line-height:1.3;max-width:275px;margin-top:7px;letter-spacing:-.02em}.section-heading>p{display:none}.collection{padding-top:30px;padding-bottom:24px}.collection-controls{padding-top:0;gap:6px;flex-shrink:0}.collection-controls .mono{display:none}.round-button{width:34px;height:34px}.collection-subline{margin:12px 0 16px;display:block}.collection-subline p{font-size:.875rem}.collection-subline>span{display:none}.palette-rail{gap:14px}.palette-card{flex-basis:calc(100vw - 60px);max-width:338px;height:236px}.palette-card-image{height:119px}.palette-card-select{font-size:.9375rem;padding-inline:12px;height:53px}.palette-card-select>span:last-child{font-size:.75rem}.palette-card-colors code{font-size:.75rem}.palette-category{font-size:.75rem}.studio{padding-top:28px;padding-bottom:32px}.studio-workspace{margin-top:20px}.palette-inspector{padding:18px;gap:0 12px}.palette-inspector h3{font-size:1.375rem}.palette-inspector>p{font-size:.875rem}.palette-roles{gap:6px;margin-top:18px}.role-swatch i{height:43px}.role-swatch>span{font-size:.75rem}.role-swatch code{font-size:.75rem;line-height:1.3;letter-spacing:-.04em}.contrast-note{margin-top:18px;gap:8px}.contrast-note strong,.contrast-note small{font-size:.75rem}.contrast-note>span{font-size:1.25rem}.full-button{margin-top:18px;font-size:.8125rem;padding:9px 11px;min-height:40px}.context-tabs{padding:9px 10px;gap:3px}.context-tabs button{font-size:.8125rem;padding:8px 11px}.context-live{display:none}.mockup-stage{padding:14px;min-height:310px}.context-caption{font-size:.75rem;padding:10px 14px;gap:4px}.context-caption>span:first-child,.context-caption>span:last-child{font-size:.75rem;max-width:none;text-align:left}.social-quote{font-size:1.5rem}.shop-heading h4{font-size:1.5rem}.export-panel{margin-top:18px;gap:14px}.export-intro .eyebrow{font-size:.8125rem}.export-intro h3{font-size:1.25rem}.export-intro p{font-size:.875rem}.export-toolbar{padding:7px}.export-tabs button{font-size:.8125rem;padding:7px 8px}.copy-code{font-size:.8125rem}.export-tabs{max-width:100%}#exportCode{font-size:.8125rem;padding:16px;min-height:170px}.extract{grid-template-columns:1fr;padding-top:36px;padding-bottom:32px;gap:24px}.extract h2{font-size:1.875rem;margin-top:9px}.extract-copy>p{font-size:1rem}.extract-steps{display:grid;gap:10px;margin:21px 0}.extract-steps li{font-size:.875rem;gap:12px}.extract-steps li span{font-size:.75rem}.privacy-note{font-size:.8125rem}.dropzone{min-height:275px;padding:24px}.dropzone strong{font-size:1.0625rem}.dropzone>span:not(.upload-icon){font-size:.875rem}.dropzone small{font-size:.75rem}.extract-result-footer{font-size:.8125rem;padding:14px;gap:12px}.extract-result-footer .small-button{font-size:.8125rem;padding:9px 12px}.extracted-swatches button{font-size:.75rem}.story{grid-template-columns:1fr;padding-top:33px;padding-bottom:33px;gap:18px}.story-heading h2{font-size:1.75rem;margin-top:9px}.story-copy>p{font-size:1rem;line-height:1.75}.pricing{gap:27px 24px;padding-top:33px;padding-bottom:33px}.pricing-heading h2{font-size:1.75rem}.pricing-heading p{font-size:.9375rem;margin-top:12px}.pricing-plan{padding-top:0}.pricing-plan>.eyebrow{font-size:.8125rem}.price{font-size:1.875rem;margin-top:13px}.price span{font-size:.75rem}.pricing-plan ul{font-size:.875rem;gap:10px;margin:18px 0;line-height:1.5}.pricing-plan li{padding-left:15px}.pro-plan{padding-left:21px}.coming-soon{font-size:.75rem;margin:5px 0 0;display:block;width:fit-content}.pricing-plan .button{font-size:.8125rem;padding:9px 12px}.footer-top{gap:16px;padding-bottom:20px;align-items:center}.footer-top .wordmark{font-size:1.25rem}.footer-top p{font-size:.875rem;margin:0}.back-top{font-size:.8125rem}.footer-bottom{gap:17px;flex-direction:column;font-size:.8125rem}.footer-bottom nav{font-size:.8125rem;gap:14px 21px}body[data-page=extract] .extract{padding-top:32px}body[data-page=about] .story{min-height:0;padding-top:34px;padding-bottom:34px}}
@media(max-width:360px){.desktop-nav{gap:16px}.header-actions{gap:3px}.header-actions .small-button{font-size:.75rem}.atlas-scene{height:350px}.hero-baseline{align-items:flex-start}.hero-palette-foot{flex-direction:column;gap:5px}.section-heading h2{font-size:1.5rem}.collection-controls{gap:4px}.round-button{width:31px;height:34px}.palette-inspector{grid-template-columns:1fr}.contrast-note{grid-column:1}.full-button{grid-column:1;justify-self:stretch;margin-top:12px}.pricing{grid-template-columns:1fr}.pro-plan{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.coming-soon{display:inline-block;margin:0 0 0 8px}.role-swatch code{font-size:.75rem}}
@media(pointer:coarse){.icon-button,.round-button,.atlas-controls .icon-button,.header-actions .theme-toggle,.inspector-top .icon-button{min-width:44px;min-height:44px}.context-tabs button,.export-tabs button,.copy-code,.change-image,.small-button,.full-button{min-height:44px}.atlas-scene{padding-bottom:79px}.atlas-controls{bottom:31px}.atlas-readout{bottom:112px}.collection-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.palette-card{transform:none!important}.hero-copy,.atlas-scene,.hero-baseline,.mockup,.slide-chart i{animation:none}}

/* Let enlarged text determine the page height rather than crop at a fixed hero. */
@media(min-width:581px){.header{height:auto;min-height:80px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.hero{height:auto;min-height:600px;padding-bottom:74px}.hero-copy{padding-bottom:20px}}
.desktop-nav{flex-wrap:wrap}.footer-top{flex-wrap:wrap}.atlas-controls .icon-button:disabled{opacity:.45}

/* The globe exposes a small visual reference, then a pinned multi-selection tray. */
.atlas-hover-card{position:absolute;z-index:3;top:18%;right:4%;width:164px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 9px 30px #00000012;pointer-events:none;animation:atlas-card-in .2s var(--ease) both}
.atlas-hover-image{height:82px;background:var(--surface-2);position:relative;overflow:hidden}.atlas-hover-image img{width:100%;height:100%;object-fit:cover}.atlas-hover-image span{position:absolute;right:7px;top:7px;background:#171b20b8;color:#fff;border-radius:3px;padding:3px 5px;font-size:.6875rem;line-height:1.2}
.atlas-hover-meta{display:grid;gap:3px;padding:9px 10px 10px}.atlas-hover-meta span{font-size:.6875rem;color:var(--muted);line-height:1.3}.atlas-hover-meta strong{font-size:.8125rem;line-height:1.3;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atlas-hover-meta code{font:.6875rem var(--mono);color:var(--soft)}
.atlas-readout{z-index:4;pointer-events:auto;gap:7px;min-width:148px}.atlas-readout>span:first-child{font-size:.6875rem;line-height:1.3;color:var(--muted)}.atlas-readout code{font:.75rem var(--mono);color:var(--ink)}.atlas-readout button{background:transparent;color:var(--accent);padding:3px 0;font-size:.6875rem;font-weight:650;margin-left:auto;white-space:nowrap}.atlas-readout button:hover{text-decoration:underline;text-underline-offset:3px}
.atlas-selection-panel{position:absolute;z-index:5;left:4%;bottom:132px;width:244px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 9px 30px #00000012}.atlas-selection-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--muted);line-height:1.4}.atlas-selection-head strong{font-size:.8125rem;color:var(--ink);font-weight:700}.atlas-selection-head button{background:transparent;color:var(--muted);padding:4px 0;font-size:.75rem}.atlas-selection-head button:hover{color:var(--accent)}.atlas-selected-swatches{display:flex;gap:4px;margin:10px 0}.atlas-selected-swatch{display:flex;align-items:flex-end;justify-content:center;min-width:0;flex:1;height:30px;padding:3px;border-radius:3px;background:var(--swatch);color:var(--on, #fff);overflow:hidden}.atlas-selected-swatch code{font:.5625rem var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}.atlas-suggestions{display:grid;gap:5px;margin:9px 0}.atlas-suggestions-label{display:block;font-size:.6875rem;color:var(--muted);margin-bottom:1px}.atlas-suggestion{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:5px 0;background:transparent;border-top:1px solid var(--line);color:var(--ink);font-size:.75rem;text-align:left}.atlas-suggestion:hover{color:var(--accent)}.atlas-suggestion-swatches{display:flex;width:52px;height:15px;flex-shrink:0;border-radius:2px;overflow:hidden}.atlas-suggestion-swatches i{flex:1;background:var(--swatch)}.atlas-selection-panel>.button{width:100%;justify-content:space-between;font-size:.75rem;min-height:36px;padding:7px 10px;margin-top:7px}
@keyframes atlas-card-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:800px){.atlas-hover-card{top:14%;right:4%;width:152px}.atlas-selection-panel{left:3%;bottom:136px;width:220px}}
@media(max-width:580px){.atlas-hover-card{top:13px;right:18px;width:150px}.atlas-hover-image{height:74px}.atlas-selection-panel{left:18px;right:18px;bottom:148px;width:auto;padding:11px}.atlas-selected-swatches{margin:8px 0}.atlas-selection-panel>.button{min-height:40px}.atlas-readout{right:18px;bottom:108px}}
@media(max-width:380px){.atlas-hover-card{width:138px}.atlas-selection-panel{left:14px;right:14px;bottom:146px}.atlas-hover-meta{padding:8px}.atlas-hover-meta strong{font-size:.75rem}.atlas-readout{right:14px}}
@media(prefers-reduced-motion:reduce){.atlas-hover-card{animation:none}}

/* Direct image sampling: five draggable points stay attached to the uploaded image. */
.extracted-image-wrap{height:auto;min-height:0;background:#111;isolation:isolate}.extracted-image-wrap img{width:100%;height:auto;max-height:none;object-fit:contain}.image-picker-layer{position:absolute;z-index:2;inset:0;touch-action:none}.image-picker{position:absolute;width:34px;height:34px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--picker);color:var(--picker-on);transform:translate(-50%,-50%);box-shadow:0 2px 0 #0006,0 0 0 2px #0008,0 8px 22px #0004;display:grid;place-items:center;cursor:grab;transition:width .18s,height .18s,box-shadow .18s}.image-picker b{font:.6875rem/1 var(--mono);font-weight:700}.image-picker span{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(3px);padding:6px 8px;border-radius:4px;background:#15171bd9;color:#fff;font:.6875rem/1 var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}.image-picker span::after{content:"";position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:#15171bd9}.image-picker:hover,.image-picker:focus-visible,.image-picker.is-dragging{width:40px;height:40px;z-index:3;box-shadow:0 2px 0 #0006,0 0 0 3px var(--accent),0 10px 28px #0007}.image-picker:hover span,.image-picker:focus-visible span,.image-picker.is-dragging span{opacity:1;transform:translateX(-50%) translateY(0)}.image-picker.is-dragging{cursor:grabbing}.image-picker-hint{position:absolute;z-index:3;left:12px;bottom:12px;padding:7px 9px;border-radius:4px;background:#15171bc7;color:#fff;font:.6875rem/1.25 var(--font);pointer-events:none}.extracted-image-wrap .change-image{z-index:4}

/* Palette studio: explicit selection, two-color swaps, and a focused color lab. */
.studio-workspace{grid-template-columns:280px minmax(0,1fr) 238px}.palette-inspector{min-width:0}.palette-roles{gap:6px}.role-swatch{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;gap:3px;padding:3px;border:1px solid transparent;border-radius:5px;background:transparent;transition:background .18s,border-color .18s,box-shadow .18s}.role-swatch:hover{background:var(--surface-2)}.role-swatch.is-selected{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:inset 3px 0 var(--accent)}.role-swatch.is-swap-source{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.role-swatch.is-drop-target{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.role-select{min-width:0;display:grid;grid-template-columns:13px 30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 9px;padding:4px 2px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.role-select .role-grip{grid-row:1/3}.role-select>i{grid-row:1/3;display:block;width:30px;height:30px;border:1px solid #00000012;border-radius:4px;background:var(--swatch)}.role-select>span:not(.role-grip){grid-column:3;font-size:.8125rem;color:var(--muted);line-height:1.25}.role-select code{grid-column:3;font:.6875rem/1.25 var(--mono);color:var(--ink)}.role-action{width:28px;height:28px;border-radius:4px;background:transparent;color:var(--muted);font-size:.875rem}.role-action:hover,.role-action:focus-visible{background:var(--bg);color:var(--accent)}.role-swatch.is-dragging{opacity:.65;transform:scale(.99)}
.color-lab{min-width:0;padding:22px 18px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%)}.color-lab-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-lab-head>button{padding:3px 0;background:transparent;color:var(--muted);font-size:.6875rem}.color-lab-head>button:hover{color:var(--accent)}.color-lab h3{margin:15px 0 7px;font-size:1.25rem;line-height:1.25;letter-spacing:-.025em}.color-lab>p{font-size:.8125rem;line-height:1.55;color:var(--muted)}.color-lab-current{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;margin:18px 0}.color-lab-current>span{width:48px;height:48px;border:1px solid var(--line);border-radius:5px}.color-lab-current label{display:grid;grid-template-columns:1fr 34px;gap:3px 8px;align-items:center}.color-lab-current label>span{font-size:.75rem;color:var(--muted)}.color-lab-current input{grid-row:1/3;grid-column:2;width:34px;height:34px;padding:2px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.color-lab-current code{font:.75rem var(--mono)}.color-lab-section{padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.color-lab-section>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.color-lab-section h4{margin:0;font-size:.8125rem;font-weight:700}.color-lab-section>div:first-child span{font-size:.6875rem;color:var(--muted)}.color-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.color-choice-grid button,.color-tray button{position:relative;min-width:0;height:34px;border-radius:3px;background:var(--choice);color:var(--on);overflow:hidden}.color-choice-grid button span,.color-tray button span{position:absolute;inset:auto 2px 3px;font:.5rem/1 var(--mono);opacity:0;transition:opacity .15s}.color-choice-grid button:hover span,.color-choice-grid button:focus-visible span,.color-tray button:hover span,.color-tray button:focus-visible span{opacity:1}.color-tray-add{width:100%;min-height:38px;margin-top:16px;padding:8px 10px;justify-content:space-between;font-size:.75rem}.color-tray{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:10px}.color-tray button{height:25px}.color-tray p{grid-column:1/-1;color:var(--muted);font-size:.6875rem;line-height:1.45}
@media(max-width:1100px){.studio-workspace{grid-template-columns:255px minmax(0,1fr)}.color-lab{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px}.color-lab-head,.color-lab>h3,.color-lab>p,.color-lab-current{grid-column:1}.color-lab-section{margin-top:0;padding-top:0;border-top:0}.color-lab-section:nth-of-type(1){grid-column:2;grid-row:1/5}.color-lab-section:nth-of-type(2){grid-column:3;grid-row:1/5}.color-tray-add,.color-tray{grid-column:1}.color-lab-current{margin:14px 0}.color-tray-add{margin-top:0}}
@media(max-width:800px){.studio-workspace{grid-template-columns:1fr}.palette-roles{grid-template-columns:repeat(2,minmax(0,1fr))}.color-lab{display:grid;grid-template-columns:1fr 1fr}.color-lab-head,.color-lab>h3,.color-lab>p,.color-lab-current,.color-tray-add,.color-tray{grid-column:1}.color-lab-section:nth-of-type(1){grid-column:2;grid-row:1/5}.color-lab-section:nth-of-type(2){grid-column:2;grid-row:5/8;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}}
@media(max-width:580px){.image-picker{width:38px;height:38px}.image-picker-hint{font-size:.625rem}.palette-roles{grid-template-columns:1fr}.color-lab{display:block;padding:18px}.color-lab-section{margin-top:15px!important;padding-top:15px!important;border-top:1px solid var(--line)!important}.color-choice-grid{grid-template-columns:repeat(3,1fr)}.color-choice-grid button{height:40px}.color-tray-add{margin-top:16px}.color-tray{grid-template-columns:repeat(6,1fr)}}

/* Quiet chromatic observatory: telemetry and depth without an arcade aesthetic. */
.atlas-scene{isolation:isolate}.atlas-aura{z-index:-1;inset:15% 8% 8%;background:radial-gradient(circle at 54% 45%,#7cdde722 0,transparent 42%),radial-gradient(circle at 40% 58%,#a461d618 0,transparent 55%);filter:blur(26px);animation:atlas-aura-breathe 6s ease-in-out infinite alternate}#globe{position:relative;z-index:1}
.atlas-telemetry{position:absolute;z-index:4;left:7%;top:10%;display:grid;gap:5px;color:var(--muted);pointer-events:none}.atlas-telemetry span{display:flex;align-items:center;gap:7px;font-size:.6875rem;line-height:1.3;text-transform:uppercase;letter-spacing:.12em}.atlas-telemetry span::before{content:"";width:5px;height:5px;border-radius:50%;background:#75d8df;box-shadow:0 0 0 4px #75d8df18,0 0 12px #75d8df70}.atlas-telemetry code{font:.6875rem/1.4 var(--mono);letter-spacing:.015em;color:var(--soft)}
.atlas-scanline{position:absolute;z-index:2;left:17%;top:10%;width:66%;height:79%;border-radius:50%;overflow:hidden;pointer-events:none;opacity:.42;-webkit-mask-image:radial-gradient(ellipse,#000 49%,transparent 72%);mask-image:radial-gradient(ellipse,#000 49%,transparent 72%)}.atlas-scanline::after{content:"";position:absolute;left:7%;right:7%;top:-8%;height:1px;background:linear-gradient(90deg,transparent,#bffaff80 24%,#fff 50%,#bffaff80 76%,transparent);box-shadow:0 0 13px #a5f5ff66;animation:atlas-scan 5.8s cubic-bezier(.4,0,.3,1) infinite}
.atlas-readout button:disabled{opacity:.38;cursor:default;text-decoration:none}
@keyframes atlas-aura-breathe{to{opacity:.72;transform:scale(1.035)}}@keyframes atlas-scan{0%,10%{transform:translateY(0);opacity:0}22%{opacity:.8}72%{opacity:.5}86%,100%{transform:translateY(520px);opacity:0}}

/* One image can be read three ways: dominant, focal, or product-ready. */
.extracted-swatches{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.extraction-variant{min-width:0;display:grid;gap:10px;padding:12px;background:var(--surface);color:var(--ink);text-align:left;transition:background-color .18s,color .18s,box-shadow .18s}.extraction-variant:hover{background:var(--surface-2)}.extraction-variant[aria-pressed=true]{position:relative;z-index:1;background:var(--surface-2);box-shadow:inset 0 -2px var(--accent)}
.extraction-variant-head{display:grid;gap:2px;min-width:0}.extraction-variant-head strong{font-size:.8125rem;line-height:1.35;font-weight:700}.extraction-variant-head small{font-size:.6875rem;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.extraction-variant-colors{display:flex;height:24px;border-radius:3px;overflow:hidden}.extraction-variant-colors i{flex:1;background:var(--swatch)}
@media(max-width:800px){.atlas-telemetry{left:5%;top:8%}.extraction-variant{padding:10px 9px}.extraction-variant-head strong{font-size:.75rem}}
@media(max-width:580px){.atlas-telemetry{left:18px;top:18px}.atlas-telemetry span{font-size:.625rem}.atlas-telemetry code{font-size:.625rem}.atlas-scanline{left:12%;width:76%;top:8%;height:75%}.extracted-swatches{grid-template-columns:1fr}.extraction-variant{grid-template-columns:minmax(86px,.65fr) 1fr;align-items:center;gap:12px;padding:10px 12px}.extraction-variant-colors{height:27px}.extract-result-footer{align-items:flex-start}.extract-result-footer>span{max-width:55%}}
@media(prefers-reduced-motion:reduce){.atlas-aura,.atlas-scanline::after{animation:none}.atlas-scanline{display:none}}

/* Compact world selector for the primary atlas. */
.atlas-scene{--atlas-field:#75d8df}
.atlas-aura{background:radial-gradient(circle at 54% 45%,color-mix(in srgb,var(--atlas-field) 20%,transparent) 0,transparent 45%),radial-gradient(circle at 40% 58%,#a461d612 0,transparent 56%);transition:background .8s var(--ease)}
.atlas-world-switch{position:absolute;z-index:6;right:6%;top:7%;display:flex;align-items:center;gap:3px;max-width:78%;padding:4px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 28px #0000000d;backdrop-filter:blur(12px)}
.atlas-world-label{padding:0 7px;color:var(--muted);font:.625rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.atlas-world-switch button{min-height:30px;padding:6px 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:.6875rem;line-height:1.2;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.atlas-world-switch button:hover{color:var(--ink)}
.atlas-world-switch button[aria-selected=true]{border-color:color-mix(in srgb,var(--atlas-field) 52%,var(--line));background:var(--surface-2);color:var(--ink);box-shadow:inset 0 -1px var(--atlas-field)}
.atlas-telemetry span::before{background:var(--atlas-field);box-shadow:0 0 0 4px color-mix(in srgb,var(--atlas-field) 12%,transparent),0 0 12px color-mix(in srgb,var(--atlas-field) 48%,transparent);transition:background .5s,box-shadow .5s}
@media(max-width:800px){.atlas-world-switch{right:4%;top:6%}}
@media(max-width:580px){.atlas-world-switch{left:18px;right:18px;top:58px;max-width:none;justify-content:center;overflow-x:auto;scrollbar-width:none}.atlas-world-switch::-webkit-scrollbar{display:none}.atlas-world-label{display:none}.atlas-world-switch button{flex:1;min-width:max-content;padding-inline:8px}.atlas-hover-card{top:104px}}
@media(max-width:380px){.atlas-world-switch{left:14px;right:14px}.atlas-world-switch button{padding-inline:6px;font-size:.625rem}.atlas-hover-card{top:100px}}

/* The atlas world switch is a quiet vertical tile rail, not a segmented control. */
.atlas-world-rail{position:absolute;z-index:6;right:3%;top:50%;transform:translateY(-50%);display:grid;gap:7px;width:164px;pointer-events:auto}.atlas-world-rail .atlas-world-label{padding:0 6px 2px;color:var(--muted);font:.6875rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.atlas-world-rail button{display:grid;grid-template-columns:22px minmax(0,1fr) 9px;align-items:center;gap:8px;width:100%;min-height:58px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 22px #00000008;backdrop-filter:blur(10px);color:var(--muted);text-align:left;transition:background-color .2s,border-color .2s,color .2s,transform .2s var(--ease),box-shadow .2s}.atlas-world-rail button:hover{color:var(--ink);transform:translateX(-3px)}.atlas-world-rail button[aria-selected=true]{border-color:color-mix(in srgb,var(--atlas-field) 48%,var(--line));background:var(--surface);color:var(--ink);box-shadow:inset 2px 0 var(--atlas-field),0 8px 24px #0000000d}.atlas-world-index{align-self:start;padding-top:2px;color:var(--muted);font:.6875rem var(--mono)}.atlas-world-copy{display:grid;min-width:0;gap:2px}.atlas-world-copy strong{font-size:.8125rem;line-height:1.25;font-weight:700}.atlas-world-copy small{overflow:hidden;color:var(--muted);font-size:.625rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.atlas-world-chip{display:block;width:9px;height:34px;border-radius:3px;background:var(--world-accent);box-shadow:inset 0 0 0 1px #ffffff22,0 0 12px color-mix(in srgb,var(--world-accent) 30%,transparent)}.atlas-world-rail button[aria-selected=true] .atlas-world-chip{box-shadow:inset 0 0 0 1px #ffffff32,0 0 14px color-mix(in srgb,var(--world-accent) 52%,transparent)}
@media(max-width:1100px){.atlas-world-rail{right:2%;width:148px}.atlas-world-rail button{min-height:54px}}
@media(max-width:800px){.atlas-world-rail{right:2%;width:142px;top:50%}.atlas-world-copy strong{font-size:.75rem}}
@media(max-width:580px){.atlas-world-rail{left:18px;right:18px;top:58px;transform:none;width:auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.atlas-world-rail::-webkit-scrollbar{display:none}.atlas-world-rail .atlas-world-label{display:none}.atlas-world-rail button{grid-template-columns:18px minmax(0,1fr) 7px;min-width:105px;min-height:44px;padding:7px 8px;gap:6px}.atlas-world-copy small{display:none}.atlas-world-chip{width:7px;height:23px}.atlas-world-index{font-size:.625rem}}
@media(max-width:380px){.atlas-world-rail{left:14px;right:14px}.atlas-world-rail button{min-width:96px;padding-inline:7px}}

/* Reserve a clean right-hand HUD gutter so the globe keeps its own stage. */
@media(min-width:801px){.atlas-scene{width:51.5%;overflow:visible}.atlas-scene #globe{width:calc(100% - 170px);margin-left:20px;margin-right:150px}.atlas-world-rail{right:0;width:150px}.atlas-guide,.atlas-controls{left:41%}.atlas-readout{right:calc(150px + 4%)}.atlas-world-rail::before{content:"";position:absolute;left:-12px;top:26px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent,var(--line) 18%,var(--line) 82%,transparent);opacity:.9}.atlas-world-rail button{--tile-shift:0px;position:relative;transform:translateX(var(--tile-shift));clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}.atlas-world-rail button:nth-of-type(2){--tile-shift:8px}.atlas-world-rail button:nth-of-type(3){--tile-shift:-3px}.atlas-world-rail button:hover{transform:translateX(calc(var(--tile-shift) - 5px))}.atlas-world-rail button[aria-selected=true]{transform:translateX(calc(var(--tile-shift) - 2px))}.atlas-world-rail button::before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:2px;background:var(--world-accent);opacity:.28;transition:opacity .2s,box-shadow .2s}.atlas-world-rail button[aria-selected=true]::before{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--world-accent) 60%,transparent)}.atlas-world-rail button[aria-selected=true] .atlas-world-chip{animation:atlas-tile-pulse 2.8s ease-in-out infinite}}
@media(min-width:581px) and (max-width:800px){.atlas-scene{overflow:visible}.atlas-scene #globe{width:calc(100% - 156px);margin-left:12px;margin-right:144px}.atlas-world-rail{right:0;width:132px}.atlas-guide,.atlas-controls{left:39%}.atlas-readout{right:calc(140px + 3%)}}
@keyframes atlas-tile-pulse{0%,100%{filter:saturate(1);opacity:.9}50%{filter:saturate(1.35);opacity:1}}
@media(prefers-reduced-motion:reduce){.atlas-world-rail button[aria-selected=true] .atlas-world-chip{animation:none}}
@media(max-width:580px){.atlas-scene #globe{width:100%;margin-left:0;margin-right:0}}

/* Uneven stair-step cuts give the HUD tiles a deliberate game-menu rhythm. */
@media(min-width:801px){.atlas-world-rail{gap:9px}.atlas-world-rail button{border-radius:0 7px 7px 7px;clip-path:polygon(0 0,calc(100% - 14px) 0,calc(100% - 14px) 4px,calc(100% - 7px) 4px,calc(100% - 7px) 9px,100% 9px,100% 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px))}.atlas-world-rail button:nth-of-type(2){clip-path:polygon(0 0,calc(100% - 9px) 0,calc(100% - 9px) 5px,100% 5px,100% 100%,14px 100%,14px calc(100% - 5px),0 calc(100% - 5px))}.atlas-world-rail button:nth-of-type(3){clip-path:polygon(0 0,calc(100% - 19px) 0,calc(100% - 19px) 4px,calc(100% - 5px) 4px,calc(100% - 5px) 7px,100% 7px,100% calc(100% - 5px),calc(100% - 7px) calc(100% - 5px),calc(100% - 7px) 100%,6px 100%,6px calc(100% - 4px),0 calc(100% - 4px))}.atlas-world-rail button::after{content:"";position:absolute;left:38px;top:7px;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--world-accent));opacity:.45;transform:scaleX(.7);transform-origin:left;transition:opacity .2s,transform .2s}.atlas-world-rail button:hover::after,.atlas-world-rail button[aria-selected=true]::after{opacity:.85;transform:scaleX(1)}}

/* Focused MVP routes: one clear job per page, with the same quiet rhythm. */
.page-intro{max-width:720px;padding-top:68px;padding-bottom:18px}.page-intro h1{margin:16px 0 18px;font-size:clamp(2.8rem,5.6vw,5rem);line-height:1.04;letter-spacing:-.045em}.page-intro p{max-width:590px;color:var(--muted);font-size:1.0625rem;line-height:1.75}.collection-page{padding-top:0;padding-bottom:62px}.page-collection-controls{justify-content:flex-end;margin-top:24px}.collection-page .collection-subline{margin-top:12px}.collection-page .palette-rail{margin-top:0}.palette-card-select{color:var(--ink);text-decoration:none}.route-next{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.route-next a{display:grid;align-content:center;gap:10px;min-height:126px;padding:24px 0;color:var(--ink);transition:color .18s,background-color .18s}.route-next a+a{padding-left:clamp(20px,4vw,64px);border-left:1px solid var(--line)}.route-next a:hover{color:var(--accent)}.route-next strong{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.route-next strong b{margin-left:12px;font-weight:500}.home-tools{padding-top:58px;padding-bottom:66px;border-top:1px solid var(--line)}.home-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line)}.home-tool-card{display:grid;align-content:start;gap:13px;min-height:188px;padding:23px;background:var(--surface);color:var(--ink);transition:background-color .18s,color .18s,transform .22s var(--ease)}.home-tool-card:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-2px)}.home-tool-number{font:.75rem var(--mono);color:var(--muted)}.home-tool-card strong{font-size:1.0625rem}.home-tool-card p{max-width:270px;color:var(--muted);font-size:.875rem;line-height:1.65}.home-tool-link{margin-top:auto;color:var(--accent);font:.8125rem var(--mono)}.home-tool-link b{margin-left:8px;font-size:1rem}.extract-page{padding-top:0;padding-bottom:66px;align-items:start}.extract-page .page-intro{padding-bottom:0;max-width:570px}.extract-page .extract-surface{padding-top:68px}.about-page{padding-top:0;padding-bottom:78px}.about-page .page-intro{max-width:760px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,58px);margin-top:50px}.about-block{border-top:1px solid var(--line);padding-top:20px}.about-block h2{margin:14px 0 12px;font-size:1.35rem;line-height:1.25;letter-spacing:-.025em}.about-block p{color:var(--muted);font-size:.9375rem;line-height:1.75}.about-page .eyebrow{font-size:.75rem}
@media(max-width:800px){.page-intro{padding-top:48px}.page-intro h1{font-size:clamp(2.6rem,7vw,4rem)}.page-intro p{font-size:1rem}.page-collection-controls{margin-top:15px}.extract-page{grid-template-columns:1fr 1fr;gap:30px}.extract-page .extract-surface{padding-top:54px}.about-grid{grid-template-columns:repeat(2,1fr);gap:34px 25px}.home-tools{padding-top:45px;padding-bottom:50px}.home-tool-card{min-height:170px}}
@media(max-width:580px){.page-intro{padding-top:35px;padding-bottom:5px}.page-intro h1{font-size:clamp(2.35rem,10.5vw,3.25rem);line-height:1.08;margin:12px 0 15px}.page-intro p{font-size:.9375rem;line-height:1.7}.collection-page{padding-bottom:34px}.page-collection-controls{justify-content:flex-start;margin-top:18px}.collection-page .collection-subline{margin-top:12px}.route-next{grid-template-columns:1fr}.route-next a{min-height:104px;padding:22px 0}.route-next a+a{padding-left:0;border-left:0;border-top:1px solid var(--line)}.route-next strong{font-size:1.0625rem}.home-tools{padding-top:35px;padding-bottom:38px}.home-tools .section-heading h2{max-width:320px}.home-tool-grid{grid-template-columns:1fr;margin-top:20px}.home-tool-card{min-height:0;padding:19px;gap:10px}.home-tool-card p{max-width:none}.extract-page{grid-template-columns:1fr;gap:22px;padding-bottom:38px}.extract-page .extract-surface{padding-top:0}.extract-page .extract-copy>p{max-width:none}.about-page{padding-bottom:44px}.about-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.about-block{padding-top:16px}.about-block h2{font-size:1.2rem}.about-block p{font-size:.9rem}.about-page .page-intro{padding-bottom:4px}}

/* v22 — denser product surfaces and clearer paths into palette generation. */
button.text-link{border:0;background:transparent;padding:0;color:var(--muted);font:inherit}.hero-actions button.text-link:hover{color:var(--accent)}
@media(min-width:801px){.atlas-world-rail{gap:7px}.atlas-world-rail button{min-height:50px}.atlas-world-rail button:nth-of-type(4){--tile-shift:5px;clip-path:polygon(0 0,calc(100% - 7px) 0,calc(100% - 7px) 6px,100% 6px,100% 100%,5px 100%,5px calc(100% - 6px),0 calc(100% - 6px))}.atlas-world-rail button:nth-of-type(5){--tile-shift:-5px;clip-path:polygon(0 0,calc(100% - 17px) 0,calc(100% - 17px) 4px,100% 4px,100% calc(100% - 4px),10px calc(100% - 4px),10px 100%,0 100%)}}

.home-community{padding-top:42px;padding-bottom:62px;border-top:1px solid var(--line)}.home-community-heading{align-items:end}.home-community-heading .text-link{font-size:.875rem;color:var(--accent)}.home-community-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:14px;margin-top:24px}.home-community-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 45px #00000008;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.home-community-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 24px 56px #00000012}.home-community-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.3/1;overflow:hidden;color:#fff}.home-community-card-featured .home-community-image{aspect-ratio:1.7/1}.home-community-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.95);transition:transform .65s var(--ease),filter .4s}.home-community-card:hover img{transform:scale(1.035);filter:saturate(1) contrast(1)}.home-community-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c0e1110,#0c0e1190)}.home-community-image>span{position:relative;z-index:1;font-size:clamp(1.5rem,3vw,3.5rem);font-weight:750;line-height:.85;letter-spacing:-.06em;text-align:center;text-shadow:0 4px 20px #0008}.home-community-meta{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:16px 17px 14px}.home-community-meta>div{display:grid;gap:5px}.home-community-meta small{color:var(--muted);font-size:.75rem}.home-community-meta strong{font-size:.9375rem}.home-community-meta>a{flex-shrink:0;color:var(--accent);font-size:.75rem}.home-community-colors{display:flex;align-items:flex-end;gap:5px;height:29px;padding:0 17px 12px}.home-community-colors i{flex:1;height:10px;border-radius:999px;background:var(--swatch);box-shadow:0 5px 12px color-mix(in srgb,var(--swatch) 26%,transparent)}.home-community-colors i:nth-child(2),.home-community-colors i:nth-child(4){height:15px}.home-community-colors i:nth-child(3){height:19px}

.palette-page-head{display:flex;align-items:end;justify-content:space-between;gap:28px}.palette-page-head .page-intro{padding-top:44px}.palette-page-head .page-intro h1{font-size:clamp(2.5rem,4.5vw,4.25rem)}.palette-page-head>.button{margin-bottom:20px;white-space:nowrap}.palette-finder{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin-top:18px}.palette-finder label{display:grid;gap:7px;color:var(--muted);font-size:.75rem}.palette-finder input,.palette-finder select{width:100%;height:50px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:1rem var(--font);outline:0}.palette-finder input:focus,.palette-finder select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.palette-filter-row{display:flex;align-items:end;gap:14px;margin-top:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}.palette-filter-row>span{padding-bottom:8px;color:var(--muted);font-size:.75rem}.palette-filter-row>div:not(.collection-controls){display:flex;gap:5px;overflow-x:auto}.palette-filter{padding:8px 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:.8125rem;white-space:nowrap}.palette-filter:hover,.palette-filter.is-active{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.palette-filter-row .collection-controls{margin:0 0 0 auto}.palette-empty{padding:40px 0;color:var(--muted);font-size:.9375rem}

.collection-page .palette-rail{padding-top:18px}.collection-page .palette-card{height:278px;border-radius:13px;overflow:visible;background:transparent;border:0;box-shadow:none}.collection-page .palette-card-image{height:154px;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 18px 44px #0000000c}.collection-page .palette-card-colors{position:relative;z-index:2;width:calc(100% - 28px);height:64px;margin:-22px auto 0;padding:8px;gap:6px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 15px 34px #00000018;backdrop-filter:blur(15px)}.collection-page .palette-card-colors button{height:100%;border:1px solid #ffffff25;border-radius:999px 999px 10px 10px;box-shadow:0 7px 14px color-mix(in srgb,var(--swatch) 25%,transparent);transform:translateY(var(--lift,0))}.collection-page .palette-card-colors button:nth-child(2),.collection-page .palette-card-colors button:nth-child(4){--lift:-4px}.collection-page .palette-card-colors button:nth-child(3){--lift:-8px}.collection-page .palette-card-select{height:66px;margin-top:-1px;padding:14px 15px 0;border:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px;background:var(--surface)}

.community-page{padding-top:42px}.community-intro{grid-template-columns:1.15fr .85fr;gap:42px;padding-bottom:30px}.community-intro h1{max-width:760px;margin-top:13px;font-size:clamp(2.7rem,5vw,4.9rem);line-height:1}.community-intro-side{max-width:420px}.community-intro-side p{margin-bottom:18px}.community-toolbar{padding-block:14px}.community-grid{padding-top:16px}.community-card-meta>div>small{display:block;margin-top:8px;color:var(--muted);font-size:.75rem}.community-card-actions{display:flex;justify-content:space-between;gap:14px;padding:0 20px 14px;color:var(--muted);font-size:.75rem}.community-card-actions a{color:var(--accent);font-weight:700}.community-palette{gap:5px;height:26px;padding:0 20px 13px}.community-palette i{height:11px;border-radius:999px;box-shadow:0 5px 12px color-mix(in srgb,var(--swatch) 24%,transparent)}.community-palette i:nth-child(2),.community-palette i:nth-child(4){height:16px;transform:translateY(-2px)}.community-palette i:nth-child(3){height:20px;transform:translateY(-4px)}

.about-page>.page-intro{max-width:940px;padding-top:46px}.about-page>.page-intro h1{max-width:900px;font-size:clamp(2.75rem,5.7vw,5.25rem)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;border:1px solid var(--line);background:var(--line)}.guide-card{display:flex;flex-direction:column;min-height:280px;padding:24px;background:var(--surface)}.guide-card>span{color:var(--muted);font:.75rem var(--mono)}.guide-card h2{margin:36px 0 12px;font-size:1.55rem;letter-spacing:-.03em}.guide-card p{color:var(--muted);font-size:.9375rem;line-height:1.7}.guide-card a{margin-top:auto;padding-top:24px;color:var(--accent);font-size:.875rem}.guide-questions{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;margin-top:72px;padding-top:28px;border-top:1px solid var(--line)}.guide-questions>div:first-child h2{max-width:390px;margin-top:12px;font-size:2.15rem;line-height:1.2;letter-spacing:-.04em}.question-stack{border-top:1px solid var(--line)}.question-stack details{border-bottom:1px solid var(--line)}.question-stack summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 2px;cursor:pointer;font-size:1rem;font-weight:650;list-style:none}.question-stack summary::-webkit-details-marker{display:none}.question-stack summary span{color:var(--accent);font-size:1.25rem;font-weight:400;transition:transform .2s}.question-stack details[open] summary span{transform:rotate(45deg)}.question-stack p{max-width:640px;padding:0 34px 20px 2px;color:var(--muted);font-size:.9375rem;line-height:1.75}

.extraction-variant-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.extraction-variant-values code{overflow:hidden;color:var(--muted);font:.55rem var(--mono);letter-spacing:-.04em;text-overflow:clip}

@media(max-width:800px){.home-community-grid{grid-template-columns:1fr 1fr}.home-community-card-featured{grid-column:1/-1}.palette-page-head{align-items:center}.palette-finder{grid-template-columns:1fr 190px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0}.guide-card h2{margin-top:22px}.guide-questions{grid-template-columns:1fr;gap:25px;margin-top:48px}}
@media(max-width:580px){.hero-actions{gap:14px}.hero-actions button.text-link{width:100%;text-align:left}.home-community{padding-top:30px;padding-bottom:38px}.home-community-grid{grid-template-columns:1fr;margin-top:18px}.home-community-card-featured{grid-column:auto}.home-community-image,.home-community-card-featured .home-community-image{aspect-ratio:1.65/1}.palette-page-head{display:block}.palette-page-head .page-intro{padding-top:28px}.palette-page-head>.button{margin:8px 0 10px}.palette-finder{grid-template-columns:1fr}.palette-filter-row{align-items:center;flex-wrap:wrap}.palette-filter-row>div:not(.collection-controls){order:3;flex:0 0 100%}.palette-filter-row .collection-controls{margin-left:auto}.collection-page .palette-card{height:268px}.community-page{padding-top:28px}.community-intro{gap:20px;padding-bottom:24px}.community-intro h1{font-size:2.75rem}.community-grid{gap:12px}.about-page>.page-intro{padding-top:30px}.guide-grid{margin-top:18px}.guide-card{padding:20px}.guide-questions{margin-top:38px}.guide-questions>div:first-child h2{font-size:1.75rem}.extraction-variant-values{display:none}}

/* v24 — intentional imagery, atmospheric worlds, and reviewed community sharing */
:root{--world-accent:#3b6f85;--world-wash:color-mix(in srgb,var(--world-accent) 7%,transparent)}
:root[data-world="spectrum"]{--accent:#3b6f85;--world-accent:#66a6bd}
:root[data-world="vintage-motion"]{--accent:#9a5037;--world-accent:#c77a55}
:root[data-world="botanical-nocturne"]{--accent:#426c58;--world-accent:#6f9278}
:root[data-world="climate-signal"]{--accent:#ad492f;--world-accent:#dd6849}
:root[data-world="digital-bloom"]{--accent:#6750b8;--world-accent:#927be0}
:root[data-world="cinema-nocturne"]{--accent:#79591f;--world-accent:#c6a35b}
:root[data-theme="dark"][data-world="spectrum"]{--accent:#89bfd1}
:root[data-theme="dark"][data-world="vintage-motion"]{--accent:#e39a79}
:root[data-theme="dark"][data-world="botanical-nocturne"]{--accent:#94b79f}
:root[data-theme="dark"][data-world="climate-signal"]{--accent:#ed8a6e}
:root[data-theme="dark"][data-world="digital-bloom"]{--accent:#b8a8f2}
:root[data-theme="dark"][data-world="cinema-nocturne"]{--accent:#dcc17f}
body{background:linear-gradient(180deg,var(--world-wash),transparent 520px),var(--bg);transition:background-color .35s,color .25s}
.header{height:auto;min-height:112px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 34px;padding-top:18px;padding-bottom:11px;background:color-mix(in srgb,var(--bg) 96%,var(--world-accent) 4%);transition:background-color .35s,border-color .35s}
.wordmark{grid-column:1;grid-row:1;justify-self:start}
.desktop-nav{grid-column:1;grid-row:2;align-self:end;justify-self:start;margin:0;gap:26px}
.header-actions{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin-left:0}
.desktop-nav a{position:relative}
.desktop-nav a::after{display:block;content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;border-radius:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease),opacity .2s;opacity:.25}
.desktop-nav a:hover::after{transform:scaleX(.42);opacity:.55}
.desktop-nav a[aria-current="page"]::after{transform:scaleX(1);opacity:1}
.hero-palette-cycle{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer}
.hero-palette-cycle span{color:var(--ink);font:700 .6875rem var(--mono);letter-spacing:.05em}
.hero-palette-cycle:hover{color:var(--accent)}

@media(min-width:801px){
  .atlas-world-rail{right:0;gap:6px;width:150px}
  .atlas-world-rail::before{left:-28px;top:32px;bottom:7px;width:42px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-left:0;border-radius:0 50% 50% 0;background:none;opacity:.72}
  .atlas-world-rail button{--tile-shift:0px;min-height:45px;border-radius:9px;clip-path:none;transform:translateX(var(--tile-shift))}
  .atlas-world-rail button:nth-of-type(1),.atlas-world-rail button:nth-of-type(6){--tile-shift:-20px;clip-path:none}
  .atlas-world-rail button:nth-of-type(2),.atlas-world-rail button:nth-of-type(5){--tile-shift:-5px;clip-path:none}
  .atlas-world-rail button:nth-of-type(3),.atlas-world-rail button:nth-of-type(4){--tile-shift:8px;clip-path:none}
  .atlas-world-rail button:hover{transform:translateX(calc(var(--tile-shift) - 3px))}
  .atlas-world-rail button[aria-selected="true"]{transform:translateX(calc(var(--tile-shift) - 1px))}
  .atlas-world-rail button::after{left:38px;top:6px;width:22px}
  .atlas-world-chip{height:29px}
}

.home-community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-community-card{display:flex;flex-direction:column}
.home-community-image,.home-community-card-featured .home-community-image{aspect-ratio:1.6/1}
.home-community-image img{filter:saturate(.9) contrast(.98)}
.home-community-image::after{background:linear-gradient(180deg,transparent 34%,#10121699)}
.home-community-image>span{align-self:flex-end;margin:0 18px 16px;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1;letter-spacing:-.025em;text-align:left;text-shadow:0 2px 14px #0009}
.home-community-meta{margin-top:auto}

.project-composer{width:min(920px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 34px 110px #0005}
.project-composer::backdrop{background:#11172278;backdrop-filter:blur(5px)}
.project-composer-form{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr)}
.project-composer-preview{position:relative;min-height:520px;overflow:hidden;border-radius:17px 0 0 17px;background:var(--surface-2)}
.project-composer-preview img{width:100%;height:100%;object-fit:cover}
.project-composer-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0b0d12a8)}
.project-composer-preview span{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;color:#fff;font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.project-composer-fields{display:flex;flex-direction:column;gap:16px;padding:26px 28px}
.project-composer-head{display:flex;align-items:start;justify-content:space-between;gap:24px}
.project-composer-head h2{margin:4px 0 0;font-size:1.65rem;letter-spacing:-.04em}
.project-composer-kicker{color:var(--accent);font:700 .6875rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.project-composer-close{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.1rem;cursor:pointer}
.project-composer-label{display:grid;gap:7px;color:var(--muted);font-size:.75rem}
.project-composer-label input,.project-composer-label select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:.9rem;outline:0}
.project-composer-label input:focus,.project-composer-label select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.project-composer-source{margin:-4px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}
.project-color-editor{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.project-color-editor label{position:relative;display:block;aspect-ratio:1/1.2;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--swatch)}
.project-color-editor input{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);opacity:0;cursor:pointer}
.project-rights{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:.75rem;line-height:1.5}
.project-rights input{margin-top:3px;accent-color:var(--accent)}
.project-composer-note{margin-top:auto;padding-top:7px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;line-height:1.55}
.project-composer-actions{display:flex;justify-content:flex-end;gap:9px}
.community-use{padding:0;border:0;background:none;color:var(--accent);font:700 .75rem var(--font);cursor:pointer}
.community-card-image>span{overflow:hidden;max-width:calc(100% - 36px);text-overflow:ellipsis;white-space:nowrap}

#projectComposerForm{display:flex;flex-direction:column}
.project-composer>.project-composer-form{display:block}
.project-composer-head{padding:25px 28px 20px;border-bottom:1px solid var(--line)}
.project-composer-head .eyebrow{color:var(--accent)}
.project-composer-head .icon-button{flex:0 0 auto}
.project-composer-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr)}
.project-composer-image{min-height:440px;overflow:hidden;background:var(--surface-2)}
.project-composer-image img{display:block;width:100%;height:100%;object-fit:cover}
.project-composer-fields>label:not(.project-rights){display:grid;gap:7px;color:var(--muted);font-size:.75rem}
.project-composer-fields>label:not(.project-rights) input,.project-composer-fields>label:not(.project-rights) select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:.9rem;outline:0}
.project-composer-fields>label:not(.project-rights) input:focus,.project-composer-fields>label:not(.project-rights) select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.project-palette-source{margin:-5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}
.project-palette-editor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.project-palette-editor label{display:grid;min-width:0;gap:5px}
.project-palette-editor label>span{overflow:hidden;color:var(--muted);font:.58rem var(--mono);text-overflow:ellipsis;white-space:nowrap}
.project-palette-editor input{width:100%;height:51px;padding:0;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}
.project-palette-editor input::-webkit-color-swatch-wrapper{padding:0}
.project-palette-editor input::-webkit-color-swatch{border:0;border-radius:8px}
.project-palette-editor code{overflow:hidden;color:var(--muted);font:.58rem var(--mono);letter-spacing:-.04em;text-overflow:clip}
.project-member-note{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;line-height:1.55}
.project-composer-actions{padding:17px 28px;border-top:1px solid var(--line)}

@media(max-width:800px){
  .header{gap:2px 20px}
  .desktop-nav{gap:18px}
  .atlas-telemetry{display:none}
  .home-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-composer-form{grid-template-columns:1fr}
  .project-composer-preview{min-height:230px;max-height:280px;border-radius:17px 17px 0 0}
  .project-composer-layout{grid-template-columns:1fr}
  .project-composer-image{min-height:230px;max-height:280px}
}
@media(max-width:580px){
  .header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:8px 12px;min-height:0;padding:13px 18px 9px}
  .wordmark{grid-column:1;grid-row:1}
  .header-actions{grid-column:3;grid-row:1}
  .desktop-nav{grid-column:1/-1;grid-row:2;width:100%;height:39px;margin:0;justify-content:flex-start;align-items:center;gap:13px;overflow-x:auto;font-size:.71875rem;flex-wrap:nowrap;scrollbar-width:none}
  .desktop-nav::-webkit-scrollbar{display:none}
  .desktop-nav a{flex:0 0 auto}
  .desktop-nav a::after{bottom:1px}
  .home-community-grid{grid-template-columns:1fr}
  .home-community-image,.home-community-card-featured .home-community-image{aspect-ratio:1.65/1}
  .project-composer{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}
  .project-composer-preview{min-height:190px;max-height:220px}
  .project-composer-fields{padding:21px 18px}
  .project-composer-head h2{font-size:1.4rem}
  .project-composer-head{padding:20px 18px 16px}
  .project-composer-image{min-height:190px;max-height:220px}
  .project-composer-actions{padding:14px 18px}
}

/* v25 — palettes as substantial material swatches, not decorative hairlines */
.home-community-image{order:1}
.home-community-colors{order:2;display:grid;grid-template-columns:1.08fr .92fr 1.18fr .92fr 1.08fr;align-items:stretch;gap:4px;height:68px;padding:8px 14px 10px;background:color-mix(in srgb,var(--surface-2) 58%,transparent);border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.home-community-colors i,.home-community-colors i:nth-child(n){height:auto;min-width:0;border:1px solid #ffffff2e;border-radius:5px 5px 8px 8px;background:var(--swatch);box-shadow:inset 0 1px #ffffff38,0 6px 14px color-mix(in srgb,var(--swatch) 20%,transparent);transform:none}
.home-community-meta{order:3}
.community-card{display:flex;flex-direction:column}
.community-art{order:1}
.community-palette{order:2;display:grid;grid-template-columns:1.08fr .92fr 1.18fr .92fr 1.08fr;align-items:stretch;gap:4px;height:78px;padding:10px 16px 12px;background:color-mix(in srgb,var(--surface-2) 58%,transparent);border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.community-palette i,.community-palette i:nth-child(n){height:auto;min-width:0;border:1px solid #ffffff2e;border-radius:5px 5px 9px 9px;background:var(--swatch);box-shadow:inset 0 1px #ffffff38,0 7px 16px color-mix(in srgb,var(--swatch) 20%,transparent);transform:none}
.community-card-meta{order:3}
.community-card-actions{order:4}
@media(max-width:580px){
  .home-community-colors{height:62px;padding:7px 12px 9px}
  .community-palette{height:70px;padding:8px 14px 10px}
}