@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}}@layer base{:root{color:#2e1a2b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#2e1a2b;--graphite:#3c3937;--paper:#f5efe6;--paper-light:#fbf8f3;--teal:#4c8a7d;--red:#b73432;--gold:#d4af37;--umber:#8a6a4f;--line:#2e1a2b24;--muted:#796f68;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:#f5efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--paper);min-width:320px;min-height:100vh;overflow-x:hidden}button,a{color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1 em,h2 em{color:var(--red);font-weight:400}:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{color:var(--paper);background:var(--ink)}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--umber);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 14px;font-size:.71rem;font-weight:700;display:flex}}@layer components{.button{min-height:44px;transition:transform .15s var(--ease-out), background-color .18s ease, border-color .18s ease, color .18s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:.86rem;font-weight:650;display:inline-flex}.button:active{transform:scale(.97)}.button-small{min-height:37px;padding-inline:15px;font-size:.8rem}.button-dark{color:#fff;background:var(--ink)}.button-light{color:var(--ink);border-color:var(--line);background:#ffffff7a}.button-ghost{color:var(--ink);border-color:var(--line);background:0 0}.button-danger{color:#9f3935;background:#b734320f;border-color:#9f393533}.text-button{color:var(--red);background:0 0;align-items:center;gap:5px;padding:5px;font-size:.79rem;font-weight:700;display:inline-flex}.icon-button,.icon-link{border:1px solid var(--line);width:36px;height:36px;transition:transform .15s var(--ease-out), background-color .18s ease;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:active,.icon-link:active{transform:scale(.94)}.icon-button.danger{color:#9f3935}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.68rem;line-height:1}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#fbfbfde0;border-bottom:1px solid #0000000e;position:sticky;top:0}.site-header-home{background:#fbfbfde0;border-bottom-color:#0000000b}.header-inner{justify-content:space-between;align-items:center;height:58px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{flex:none;width:32px;height:44px;position:relative;overflow:hidden}.brand-mark img{object-fit:cover;mix-blend-mode:multiply;width:58px;max-width:none;height:58px;position:absolute;top:-6px;left:-13px}.brand-name{letter-spacing:-.035em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.02rem;font-weight:680}.main-nav{align-items:center;gap:24px;display:flex}.main-nav>a{color:#665c57;align-items:center;gap:7px;font-size:.82rem;font-weight:600;display:inline-flex}.main-nav>a[aria-current=page]{color:var(--ink)}.main-nav>.button-dark{color:#fff}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:100px;font-size:.72rem}.site-footer .shell{justify-content:space-between;align-items:center;min-height:90px;display:flex}.site-footer a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #796f6873;text-decoration:underline #796f6873}.palette-strip{border-radius:18px;display:flex;overflow:hidden}.strip-color{flex:1;min-width:0;height:118px;padding:0;position:relative}.strip-color>span{color:#fff;opacity:0;width:27px;height:27px;transition:opacity .15s ease, transform .15s var(--ease-out);background:#14121180;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:9px;right:9px;transform:scale(.95)}.strip-color:focus-visible>span{opacity:1;transform:scale(1)}.palette-card{border:1px solid var(--line);min-width:0;transition:transform .22s var(--ease-out), border-color .22s ease, background-color .22s ease;background:#ffffff47;border-radius:25px;padding:10px 10px 14px}.palette-card-body{justify-content:space-between;align-items:center;padding:18px 7px 12px;display:flex}.palette-card .eyebrow{margin-bottom:5px;font-size:.6rem}.palette-card h3{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:400}.palette-card .tag-row{padding-inline:7px}.preview-frame{background:#fff;border:1px solid #2e1a2b26;border-radius:20px;overflow:hidden;box-shadow:0 28px 70px #30251f1a}.preview-browser-bar{background:#eeeae5;border-bottom:1px solid #2e1a2b1a;align-items:center;gap:5px;height:38px;padding:0 13px;display:flex}.preview-browser-bar>span{background:#ada7a1;border-radius:50%;width:6px;height:6px}.preview-browser-bar>div{color:#8f8983;background:#e1ddd8;border-radius:4px;width:42%;margin-left:10px;padding:4px 9px;font-size:.48rem}.preview-page{color:var(--preview-text);background:var(--preview-bg);font-size:.68rem}.preview-nav{border-bottom:1px solid color-mix(in srgb, var(--preview-text) 16%, transparent);justify-content:space-between;align-items:center;min-height:56px;padding:0 22px;display:flex}.preview-nav strong{font-family:Georgia,serif;font-size:.9rem}.preview-nav>div{align-items:center;gap:15px;display:flex}.preview-nav button{color:var(--preview-on-primary);background:var(--preview-primary);border-radius:999px;padding:7px 10px;font-size:.55rem}.preview-hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:250px;padding:30px 8%;display:flex}.preview-hero>p{color:var(--preview-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.58rem}.preview-hero h2{max-width:430px;color:var(--preview-text);margin-bottom:22px;font-size:clamp(2rem,5vw,3.5rem);line-height:.92}.preview-hero button{color:var(--preview-on-primary);background:var(--preview-primary);border-radius:999px;align-items:center;gap:15px;padding:10px 14px;font-size:.6rem;display:flex}.preview-projects{grid-template-columns:1.25fr .75fr;gap:12px;padding:0 5% 28px;display:grid}.preview-projects article{min-width:0}.project-art{background:var(--preview-surface);border-radius:4px;place-items:center;height:126px;margin-bottom:10px;display:grid;overflow:hidden}.project-art span{aspect-ratio:1;background:var(--preview-accent);width:36%;display:block;transform:rotate(24deg)}.project-art-two{background:var(--preview-secondary)}.project-art-two span{background:var(--preview-primary);border-radius:50%;width:50%}.preview-projects small{color:var(--preview-secondary);text-transform:uppercase;font-size:.48rem}.preview-projects h3{margin:3px 0 0;font-family:Georgia,serif;font-size:.82rem;font-weight:400}.preview-footer{color:var(--preview-bg);background:var(--preview-text);justify-content:space-between;padding:18px 5%;font-size:.48rem;display:flex}.contrast-summary{background:#f4f1ed;gap:8px;padding:10px 12px;font-size:.62rem;display:flex}.contrast-summary span{border-radius:999px;padding:4px 7px}.contrast-summary .pass{color:#2e6656;background:#deebe4}.contrast-summary .warn{color:#8b3c32;background:#f4ded8}.toast{z-index:100;color:#fff;background:var(--ink);min-width:260px;transition:opacity .18s ease, transform .18s var(--ease-out);border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:10px;padding:13px 13px 13px 16px;font-size:.8rem;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #1c151840}.toast span{flex:1}.toast button{color:#fff;background:0 0;place-items:center;width:28px;height:28px;display:grid}@starting-style{.toast{opacity:0;transform:translateY(12px)scale(.98)}}}@layer pages{.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;min-height:650px;padding-block:74px 84px;display:grid}.hero-copy h1{margin-bottom:27px;font-size:clamp(3.7rem,6.7vw,6.15rem);line-height:.9}.hero-description{color:#695f59;max-width:535px;margin-bottom:30px;font-size:1rem;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-capabilities{color:var(--muted);align-items:center;gap:11px;margin:42px 0 0;font-size:.68rem;display:flex}.hero-capabilities i{background:var(--umber);border-radius:50%;width:3px;height:3px}.hero-workbench{background:#fbf8f3;border:1px solid #2e1a2b2e;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px #30251f17}.workbench-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 17px;display:flex}.workbench-topline>span{font-family:Georgia,serif;font-size:.9rem}.workbench-topline small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.workbench-palette{border-bottom:1px solid var(--line);height:64px;display:flex}.workbench-palette span{flex:1}.workbench-meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.workbench-meta>div{flex-direction:column;gap:2px;display:flex}.workbench-meta small{color:var(--muted);text-transform:uppercase;font-size:.5rem}.workbench-meta strong{font-size:.71rem}.workbench-meta>span{color:var(--muted);font-size:.56rem}.workbench-preview{color:#2e1a2b;background:#f5efe6;margin:17px}.workbench-preview header{border-bottom:1px solid #2e1a2b24;justify-content:space-between;align-items:center;height:42px;padding:0 15px;display:flex}.workbench-preview header strong{font-family:Georgia,serif;font-size:.72rem}.workbench-preview header span{font-size:.48rem}.workbench-copy{padding:25px 28px 22px}.workbench-copy small{color:#8a6a4f;letter-spacing:.09em;text-transform:uppercase;font-size:.48rem}.workbench-copy h2{color:#2e1a2b;margin:9px 0 16px;font-size:clamp(2rem,3.6vw,3rem);line-height:.92}.workbench-copy button{color:#fff;background:#4c8a7d;border-radius:999px;padding:8px 11px;font-size:.5rem}.workbench-cards{grid-template-columns:1.35fr .65fr;gap:8px;padding:0 15px 15px;display:grid}.workbench-cards span{background:#d4af37;height:70px}.workbench-cards span:last-child{background:#b73432}.library{border-top:1px solid var(--line);padding-top:90px;scroll-margin-top:40px}.library-header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px;display:flex}.library-header h2{margin:0;font-size:clamp(2.6rem,5vw,4.1rem);line-height:1}.search-field{border:1px solid var(--line);background:#ffffff5c;border-radius:999px;align-items:center;gap:10px;width:min(100%,330px);min-height:46px;padding:0 15px;display:flex}.search-field:focus-within{border-color:#2e1a2b6b}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:.8rem}.search-field input::placeholder{color:#918780}.filter-row{scrollbar-width:none;gap:7px;margin-bottom:28px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{border:1px solid var(--line);color:var(--muted);transition:transform .14s var(--ease-out), color .18s ease, background-color .18s ease;background:0 0;border-radius:999px;flex:none;padding:8px 13px;font-size:.72rem}.filter-row button:active{transform:scale(.96)}.filter-row button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.empty-state{text-align:center;border:1px dashed #2e1a2b38;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.empty-state h2,.empty-state h3{margin-bottom:8px;font-family:Georgia,serif;font-weight:400}.empty-state p{max-width:460px;color:var(--muted);margin-bottom:22px;line-height:1.6}.empty-state.spacious{min-height:500px}.empty-mark{border:1px solid var(--line);width:70px;height:70px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:20px;font-family:Georgia,serif;font-size:1.5rem;display:grid}.empty-state.full-page{min-height:65vh;margin-top:60px}.detail-page{padding-top:48px}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:48px;font-size:.78rem;display:inline-flex}.detail-header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;display:flex}.detail-header h1{margin-bottom:18px;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.9}.detail-swatches{border-radius:24px;height:260px;display:flex;overflow:hidden}.detail-swatches>button{text-align:left;min-width:0;transition:flex .24s var(--ease-out);flex:1;padding:0;position:relative}.swatch-copy{color:#fff;opacity:0;background:#1412116b;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:15px;right:15px}.swatch-details{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14121173;border-radius:10px;flex-direction:column;gap:3px;padding:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.swatch-details strong{font-size:.75rem}.swatch-details small{opacity:.75;font-size:.54rem}.detail-preview-heading{justify-content:space-between;align-items:end;gap:40px;margin:100px 0 32px;display:flex}.detail-preview-heading h2{margin:0;font-size:clamp(2.6rem,5vw,4rem);line-height:1}.detail-preview-heading>p{max-width:390px;color:var(--muted);margin:0;line-height:1.7}.detail-page>.preview-frame{max-width:980px;margin-inline:auto}.mine-page{padding-top:80px}.page-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px;display:flex}.page-heading h1{margin-bottom:12px;font-size:clamp(3.5rem,7vw,6rem);line-height:.9}.page-heading p:last-child{max-width:510px;color:var(--muted);margin:0;line-height:1.6}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}body:has(.editor-page){background:#f5f5f7}.editor-page{color:#1d1d1f;padding-top:78px}.editor-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;display:flex}.editor-heading h1{color:#1d1d1f;letter-spacing:-.06em;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(3.3rem,5.7vw,5.1rem);font-weight:720;line-height:.96}.editor-intro{color:#6e6e73;max-width:560px;margin:18px 0 0;font-size:1rem;line-height:1.55}.editor-layout{grid-template-columns:minmax(360px,.84fr) minmax(480px,1.16fr);align-items:start;gap:26px;display:grid}.editor-panel{background:#fff;border:1px solid #00000017;border-radius:24px;padding:24px;box-shadow:0 14px 42px #0000000b}.field-group{margin-bottom:28px}.field-group>label{letter-spacing:.025em;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:.72rem;font-weight:700;display:flex}.field-group>label span{color:var(--muted);font-size:.63rem;font-weight:500}.text-input{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#ffffff73;border-radius:10px;outline:0;padding:0 13px;font-size:.82rem;transition:border-color .18s,box-shadow .18s}.text-input:focus{border-color:#2e1a2b66;box-shadow:0 0 0 3px #2e1a2b0f}.name-input{letter-spacing:-.015em;height:50px;font-family:inherit;font-size:1rem;font-weight:650}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading>div{align-items:baseline;gap:8px;display:flex}.section-heading span{letter-spacing:.025em;font-size:.72rem;font-weight:700}.section-heading small{color:var(--muted);font-size:.62rem}.color-list{flex-direction:column;gap:7px;margin-bottom:28px;display:flex}.color-field{grid-template-columns:44px minmax(90px,1fr) 36px 36px 27px 36px;align-items:center;gap:6px;display:grid}.native-color{cursor:pointer;border:1px solid #2e1a2b21;border-radius:10px;width:44px;height:44px;position:relative;overflow:hidden}.native-color input{opacity:0;cursor:pointer;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px}.color-input-wrap{border:1px solid var(--line);background:#ffffff73;border-radius:10px;flex-direction:column;justify-content:center;height:44px;padding:0 10px;display:flex}.color-input-wrap input{width:100%;color:var(--ink);letter-spacing:.04em;background:0 0;border:0;outline:0;padding:0;font-size:.75rem;font-weight:700}.color-input-wrap span{color:var(--muted);margin-top:2px;font-size:.54rem}.reorder-buttons{flex-direction:column;display:flex}.reorder-buttons button{height:20px;color:var(--muted);background:0 0;place-items:center;padding:0;display:grid}.role-heading{margin-top:2px}.role-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:26px;display:grid}.role-grid label{flex-direction:column;gap:5px;display:flex}.role-grid label>span{color:var(--muted);text-transform:capitalize;font-size:.61rem}.role-grid select{border:1px solid var(--line);width:100%;height:38px;color:var(--ink);background:#ffffff8c;border-radius:9px;outline:0;padding:0 8px;font-size:.68rem}.editor-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;padding-top:22px;display:flex}.storage-note{color:var(--muted);margin:13px 0 0;font-size:.61rem;line-height:1.5}.image-picker{border:1px solid var(--line);background:#ffffff47;border-radius:15px;outline:0;margin:0 0 28px;padding:13px}.image-picker .section-heading{margin-bottom:9px}.image-close{width:28px;height:28px}.image-dropzone{width:100%;min-height:66px;color:var(--muted);text-align:left;background:#ffffff40;border:1px dashed #2e1a2b3d;border-radius:11px;align-items:center;gap:11px;padding:12px;display:flex}.image-dropzone>span{flex-direction:column;flex:1;gap:3px;display:flex}.image-dropzone strong{color:var(--ink);font-size:.7rem}.image-dropzone small{font-size:.57rem}.image-stage{background:#ded9d2;border-radius:11px;position:relative;overflow:hidden}.image-stage canvas{object-fit:contain;cursor:crosshair;width:100%;max-height:260px;display:block}.sample-point{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000a6,0 2px 8px #00000047}.image-toolbar{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#201b1dc7;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px 7px 10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.image-toolbar>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:.63rem;font-weight:700;display:flex;overflow:hidden}.image-toolbar button{color:var(--ink);background:var(--paper);border-radius:7px;flex:none;padding:6px 9px;font-size:.6rem;font-weight:700}.image-toolbar button:has(svg){align-items:center;gap:4px;display:flex}.image-error{color:#9f3935;margin:8px 2px 0;font-size:.63rem}.preview-column{position:sticky;top:22px}.preview-label{color:#6e6e73;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:.65rem;font-weight:700;display:flex}.editor-page .preview-frame{border-color:#0000001a;box-shadow:0 20px 60px #00000017}.editor-page .preview-nav strong,.editor-page .preview-hero h2,.editor-page .preview-projects h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.editor-page .preview-hero h2{letter-spacing:-.055em;font-weight:720}.editor-page .preview-projects h3{letter-spacing:-.025em;font-weight:650}.home-page{color:#1d1d1f;background:#f5f5f7}.home-page h1,.home-page h2,.home-page h3{letter-spacing:-.055em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:720}.home-kicker{color:#6e6e73;letter-spacing:.01em;margin:0 0 13px;font-size:.78rem;font-weight:650}.home-hero{background:#fbfbfd;overflow:hidden}.home-hero-inner{padding-top:104px}.home-hero-copy{text-align:center;max-width:900px;margin-inline:auto}.home-hero-copy>*{opacity:0;animation:home-enter .7s var(--ease-out) forwards;transform:translateY(18px)}.home-hero-copy>:nth-child(2){animation-delay:70ms}.home-hero-copy>:nth-child(3){animation-delay:.125s}.home-hero-copy h1{color:#1d1d1f;margin:0;font-size:clamp(4.2rem,7.7vw,7rem);line-height:.96}.home-hero-copy>p:not(.home-kicker){color:#6e6e73;letter-spacing:-.025em;max-width:780px;margin:24px auto 0;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:520;line-height:1.38}.home-hero-actions{justify-content:center;align-items:center;gap:25px;margin-top:29px;display:flex}.home-text-link{color:#8f2928;font-size:.92rem;font-weight:600}.home-text-link span{transition:transform .17s var(--ease-out);margin-left:3px;font-size:1.25em;display:inline-block}.home-text-link:hover span{transform:translate(3px)}.home-hero .hero-workbench{opacity:0;width:min(960px,94%);animation:device-enter .9s .21s var(--ease-out) forwards;background:#fff;border-color:#00000021;border-radius:22px 22px 0 0;margin:68px auto -110px;transform:translateY(38px)scale(.985);box-shadow:0 30px 90px #00000026}.home-hero .workbench-topline{background:#fff;height:54px;padding-inline:22px}.home-hero .workbench-topline>span{font-family:inherit;font-size:.78rem;font-weight:650}.home-hero .workbench-palette{height:78px}.home-hero .workbench-meta{padding:16px 22px}.home-hero .workbench-preview{margin:24px}.home-hero .workbench-preview header{height:50px;padding-inline:20px}.home-hero .workbench-preview header strong{font-family:inherit;font-size:.72rem}.home-hero .workbench-copy{padding:38px 44px 30px}.home-hero .workbench-copy h2{max-width:540px;font-size:clamp(2.7rem,4.5vw,4.3rem)}.home-hero .workbench-cards span{height:100px}.home-feature-section{background:#f5f5f7;padding:230px 0 130px;position:relative}.home-feature-heading{max-width:880px;margin-bottom:56px}.home-feature-heading h2{color:#1d1d1f;margin:0;font-size:clamp(3.2rem,6vw,5.4rem);line-height:1}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.home-feature-card{background:#fff;border-radius:28px;min-height:620px;position:relative;overflow:hidden}.feature-card-copy{z-index:2;padding:48px 48px 0;position:relative}.feature-card-copy>p{color:#6e6e73;margin-bottom:12px;font-size:.8rem;font-weight:650}.feature-card-copy h3{margin-bottom:20px;font-size:clamp(2.4rem,3.8vw,3.7rem);line-height:1.02}.feature-card-copy>span{color:#6e6e73;max-width:410px;font-size:.96rem;line-height:1.55;display:block}.feature-pick{color:#f5f5f7;background:#1d1d1f}.feature-pick .feature-card-copy>p,.feature-pick .feature-card-copy>span{color:#a1a1a6}.picker-demo{background:#ece6dd;border-radius:20px;height:280px;position:absolute;bottom:38px;left:42px;right:42px;overflow:hidden}.picker-source{grid-template-rows:1fr 1fr;grid-template-columns:1.15fr .85fr;gap:7px;padding:7px;display:grid;position:absolute;inset:0}.picker-source span{background:#4c8a7d}.picker-source span:first-child{background:#d4af37;grid-row:1/3}.picker-source span:nth-child(3){background:#b73432}.picker-target{color:#fff;background:#4c8a7d;border:5px solid #fffffff2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;display:flex;position:absolute;top:47%;left:56%;transform:translate(-50%,-50%);box-shadow:0 20px 45px #00000042}.picker-target i{border:2px solid #fff;border-radius:50%;width:17px;height:17px;margin-bottom:8px}.picker-target strong{letter-spacing:.04em;font-size:.8rem}.picker-target small{opacity:.68;margin-top:3px;font-size:.58rem}.code-demo{color:#f5efe6;background:#2e1a2b;border:1px solid #00000017;border-radius:18px;position:absolute;bottom:38px;left:42px;right:42px;overflow:hidden;box-shadow:0 20px 50px #2e1a2b29}.code-demo-bar{border-bottom:1px solid #ffffff1f;align-items:center;gap:5px;height:42px;padding:0 14px;display:flex}.code-demo-bar span{background:#ffffff59;border-radius:50%;width:7px;height:7px}.code-demo-bar small{color:#ffffff8c;margin-left:8px;font-size:.55rem}.code-demo pre{align-items:center;min-height:190px;margin:0;padding:24px 27px;font:500 .74rem/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;overflow:auto}.code-demo b{color:#e3b6aa}.code-demo i{color:#8fc2b7;font-style:normal}.home-library{clip-path:inset(0 -100vmax);background:#fbfbfd;border-top:0;margin-top:0;padding-top:130px;padding-bottom:20px;box-shadow:0 0 0 100vmax #fbfbfd}.home-library .library-header{margin-bottom:34px}.home-library .library-header h2{color:#1d1d1f;font-size:clamp(3.1rem,5.2vw,4.8rem);font-weight:700}.home-library .palette-card{background:#fff;border-color:#0000001a}.reveal{opacity:0;transition:opacity .65s var(--ease-out) var(--reveal-delay), transform .65s var(--ease-out) var(--reveal-delay);transform:translateY(34px)}.reveal[data-visible=true]{opacity:1;transform:translateY(0)}@keyframes home-enter{to{opacity:1;transform:translateY(0)}}@keyframes device-enter{to{opacity:1;transform:translateY(0)scale(1)}}}@layer responsive{@media (hover:hover) and (pointer:fine){.button-dark:hover{background:#463043}.button-light:hover,.button-ghost:hover,.icon-button:hover,.icon-link:hover{background:#ffffffa6}.button-danger:hover{background:#b734321c}.main-nav>a:not(.button):hover{color:var(--ink)}.palette-card:hover{background:#ffffff70;border-color:#2e1a2b42;transform:translateY(-3px)}.strip-color:hover>span,.detail-swatches>button:hover .swatch-copy{opacity:1;transform:scale(1)}.detail-swatches>button:hover{flex:1.14}}@media (width<=980px){.hero{grid-template-columns:1fr 1fr;gap:30px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.preview-column{position:static}.home-hero-inner{padding-top:75px}.home-feature-grid{grid-template-columns:1fr}.home-feature-card{min-height:600px}}@media (width<=720px){.shell{width:min(100% - 28px,1180px)}.header-inner{height:64px}.brand-mark{width:32px;height:44px}.main-nav{gap:8px}.main-nav>a:not(.button){justify-content:center;width:40px;height:40px;font-size:0}.main-nav>a:first-child{display:none}.main-nav svg{width:19px;height:19px}.hero{grid-template-columns:1fr;min-height:auto;padding-block:55px 70px}.hero-copy h1{font-size:clamp(3.15rem,14.4vw,4.4rem)}.hero-description{font-size:1rem}.hero-capabilities{flex-wrap:wrap;margin-top:34px}.hero-workbench{width:100%}.library{padding-top:65px}.library-header{flex-direction:column;align-items:stretch}.search-field{width:100%}.palette-grid{grid-template-columns:1fr}.strip-color{height:105px}.detail-header,.detail-preview-heading,.page-heading,.editor-heading{flex-direction:column;align-items:flex-start}.detail-header h1,.page-heading h1{font-size:3.7rem}.detail-swatches{flex-direction:column;height:auto}.detail-swatches>button{min-height:105px}.swatch-copy{opacity:1}.detail-preview-heading{margin-top:70px}.detail-preview-heading>p{max-width:100%}.mine-page,.editor-page{padding-top:52px}.page-actions{justify-content:flex-start}.editor-panel{padding:18px 14px}.color-field{grid-template-columns:42px minmax(105px,1fr) 34px 34px}.color-field .reorder-buttons{flex-direction:row;grid-area:2/3;justify-content:center}.color-field>.danger{grid-area:2/4}.role-grid{grid-template-columns:1fr}.preview-nav span{display:none}.preview-hero{min-height:210px}.preview-projects{grid-template-columns:1fr 1fr}.site-footer{margin-top:70px}.home-hero-inner{width:100%;padding-top:64px}.home-hero-copy{width:min(100% - 28px,700px)}.home-hero-copy h1{font-size:clamp(3.25rem,15vw,4.6rem)}.home-hero-copy>p:not(.home-kicker){padding-inline:8px;font-size:1.08rem}.home-hero-actions{flex-direction:column;gap:16px}.home-hero .hero-workbench{width:calc(100% - 28px);margin-top:52px;margin-bottom:-55px}.home-hero .workbench-palette{height:52px}.home-hero .workbench-meta{padding:12px 14px}.home-hero .workbench-preview{margin:12px}.home-hero .workbench-copy{padding:25px 21px 20px}.home-hero .workbench-copy h2{font-size:2.25rem}.home-hero .workbench-cards span{height:62px}.home-feature-section{padding:145px 0 80px}.home-feature-heading{margin-bottom:34px}.home-feature-heading h2{font-size:3.1rem}.home-feature-grid{gap:14px}.home-feature-card{border-radius:22px;min-height:520px}.feature-card-copy{padding:34px 28px 0}.feature-card-copy h3{font-size:2.55rem}.picker-demo,.code-demo{bottom:20px;left:20px;right:20px}.picker-demo{height:220px}.picker-target{width:118px;height:118px}.code-demo pre{min-height:165px;padding:20px 17px;font-size:.61rem}.home-library{padding-top:82px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.palette-card,.button,.icon-button,.icon-link{transition-property:color,background-color,border-color,opacity}.home-hero-copy>*,.home-hero .hero-workbench{opacity:1;animation:none;transform:none}.reveal{opacity:1;transition:opacity .18s;transform:none}}}