@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.contents{display:contents}.grid{display:grid}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#151610;--paper:#f4f1e8;--paper-2:#e9e4d8;--lime:#c9f34a;--orange:#ef7043;--muted:#6c6b63;--line:#1516102e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-noto), var(--font-geist), system-ui, sans-serif;text-rendering:optimizelegibility;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:var(--ink)}.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}.site-header{border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 3.2vw;display:grid}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--paper) 92%, transparent)}}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:11px;width:max-content;font-weight:800;display:inline-flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--paper);font-family:var(--font-mono);letter-spacing:-.08em;place-items:center;font-size:13px;display:grid}.site-header nav{gap:clamp(22px,3vw,48px);font-size:13px;font-weight:600;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--ink);height:1px;transition:right .18s;position:absolute;bottom:-5px;left:0;right:100%}.site-header nav a:hover:after{right:0}.header-cta{border-bottom:1px solid var(--ink);justify-self:end;padding-bottom:3px;font-size:13px;font-weight:700}.header-cta span{margin-left:8px}.hero{flex-direction:column;min-height:calc(100svh - 72px);padding:48px 3.2vw 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";aspect-ratio:1;background:var(--orange);opacity:.92;border-radius:50%;width:min(28vw,400px);position:absolute;top:8vh;right:-9vw}.hero:after{content:"";aspect-ratio:1;background:var(--lime);z-index:-1;width:13vw;min-width:120px;position:absolute;top:9vh;right:14vw;transform:rotate(12deg)}.hero-kicker,.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;font-size:11px;font-weight:700}.hero-kicker{align-items:center;gap:10px;display:flex}.hero-kicker span{background:var(--orange);border-radius:50%;width:8px;height:8px}.hero-copy{z-index:1;margin:auto 0;position:relative}.hero-copy h1{letter-spacing:-.075em;max-width:1060px;margin:4vh 0 24px;font-size:clamp(54px,8.9vw,144px);font-weight:900;line-height:.93}.hero-copy h1 em{color:var(--orange);padding-left:10vw;font-style:normal;display:block}.hero-copy p{letter-spacing:-.03em;max-width:590px;margin:0 0 0 10vw;font-size:clamp(18px,2vw,28px);line-height:1.45}.hero-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;padding:22px 0 26px;display:flex}.hero-bottom>p{color:#55564f;max-width:460px;margin:0;font-size:13px;line-height:1.8}.hero-stats{display:flex}.hero-stats>div{border-left:1px solid var(--line);min-width:115px;padding:0 18px}.hero-stats strong{font-family:var(--font-mono);font-size:26px;font-weight:500;display:block}.hero-stats span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);margin-top:4px;font-size:8px;display:block}.marquee{background:var(--ink);color:var(--lime);white-space:nowrap;align-items:center;height:35px;margin:0 -3.2vw;display:flex;overflow:hidden}.marquee div{font-family:var(--font-mono);letter-spacing:.16em;font-size:10px;animation:25s linear infinite marquee}@keyframes marquee{to{transform:translate(-40%)}}.section{padding:120px 3.2vw}.section-heading{grid-template-columns:1.35fr .65fr;align-items:end;gap:80px;margin-bottom:72px;display:grid}.section-heading h2,.builder-intro h2,.checklist-section h2{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(39px,5.2vw,76px);font-weight:800;line-height:1.04}.section-heading>p{max-width:440px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.styles-section{background:#f7f5ef}.library-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:16px 0;display:flex}.filter-tabs{flex-wrap:wrap;gap:5px;display:flex}.filter-tabs button{cursor:pointer;background:0 0;border:0;border-radius:99px;padding:9px 14px;font-size:12px}.filter-tabs button:hover{background:#e8e6df}.filter-tabs button.active{background:var(--ink);color:#fff}.search-box{border-bottom:1px solid var(--ink);align-items:center;gap:10px;width:min(310px,30vw);padding:8px 3px;display:flex}.search-box>span{font-size:20px;line-height:1}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.search-box input::placeholder{color:#8d8b83}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.style-card{--s-bg:#f2f4f2;--s-surface:#fff;--s-ink:#24322d;--s-accent:#7a9288;--s-border:#24322d2e;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8d6cf;padding:13px;transition:transform .2s,border-color .2s,box-shadow .2s}.style-card:hover{border-color:#77766f;transform:translateY(-4px);box-shadow:0 12px 32px #14140f14}.style-card:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.card-meta{font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:2px 2px 12px;font-size:9px;display:flex}.card-meta span:first-child{font-size:11px;font-weight:700}.mini-canvas{aspect-ratio:1.5;background:var(--s-bg);color:var(--s-ink);border:1px solid var(--s-border);padding:14px;position:relative;overflow:hidden}.mini-nav{align-items:center;gap:6px;display:flex}.mini-nav i{background:var(--s-ink);width:21px;height:7px}.mini-nav span{background:var(--s-ink);opacity:.5;width:18px;height:2px;margin-left:auto}.mini-nav span+span{margin-left:0}.mini-content{width:67%;margin-top:9%}.mini-content small{font-family:var(--font-mono);letter-spacing:.08em;margin-bottom:6px;font-size:5px;display:block}.mini-content b{letter-spacing:-.06em;font-size:clamp(17px,2vw,32px);line-height:.96;display:block}.mini-content p{background:var(--s-ink);opacity:.25;width:72%;height:3px;margin:9px 0 0}.mini-content p+p{width:48%;margin-top:4px}.mini-content>i{background:var(--s-accent);color:var(--s-bg);align-items:center;gap:10px;margin-top:11px;padding:6px 9px;font-size:6px;font-style:normal;display:inline-flex}.mini-panel{background:var(--s-surface);border:1px solid var(--s-border);width:27%;padding:8px;position:absolute;bottom:14px;right:14px}.mini-panel>span{background:var(--s-accent);border-radius:50%;width:13px;height:13px;margin-bottom:10px;display:block}.mini-panel b{font-family:var(--font-mono);font-size:12px;display:block}.mini-panel small{font-family:var(--font-mono);opacity:.6;font-size:5px}.card-copy{justify-content:space-between;align-items:center;padding-top:18px;display:flex}.card-copy h3{letter-spacing:-.04em;margin:0;font-size:21px}.card-copy>div>span{color:var(--muted);font-size:10px;font-family:var(--font-mono)}.round-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.style-card>p{color:var(--muted);min-height:38px;margin:13px 0;font-size:11px;line-height:1.7}.swatches{gap:3px;height:7px;display:flex}.swatches i{flex:1}.empty-state{text-align:center;color:var(--muted);border:1px dashed #aaa79e;padding:70px 20px}.style-card[data-style=warm-editorial]{--s-bg:#f5eedf;--s-surface:#ead7bd;--s-ink:#5b3028;--s-accent:#c85b36}.style-card[data-style=warm-editorial] .mini-content b{font-family:Georgia,serif;font-weight:500}.style-card[data-style=soft-tech]{--s-bg:#eaf3ff;--s-surface:#ffffffb8;--s-ink:#151b3b;--s-accent:#6d72ff}.style-card[data-style=soft-tech] .mini-canvas{background:radial-gradient(circle at 80% 20%,#c3dfff,#eaf3ff 55%)}.style-card[data-style=soft-tech] .mini-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px}.style-card[data-style=brutalist]{--s-bg:#fff35c;--s-surface:#ff6b8a;--s-ink:#111;--s-accent:#111;--s-border:#111}.style-card[data-style=brutalist] .mini-canvas{border:2px solid #111}.style-card[data-style=brutalist] .mini-panel{box-shadow:3px 3px #111}.style-card[data-style=brutalist] .mini-content>i{color:#111;background:#ff6b8a;border:1px solid #111;box-shadow:2px 2px #111}.style-card[data-style=zen]{--s-bg:#eee9df;--s-surface:transparent;--s-ink:#30322e;--s-accent:#7d836e}.style-card[data-style=zen] .mini-content{margin-left:12%}.style-card[data-style=zen] .mini-content b{font-family:Georgia,serif;font-weight:400}.style-card[data-style=bento]{--s-bg:#f3f4f6;--s-surface:#fff;--s-ink:#191a1d;--s-accent:#9bd134}.style-card[data-style=bento] .mini-panel{border-radius:10px;box-shadow:0 3px 9px #0000000f}.style-card[data-style=dark-luxury]{--s-bg:#10100f;--s-surface:#24221e;--s-ink:#f1ebdd;--s-accent:#c6a66b;--s-border:#c6a66b59}.style-card[data-style=dark-luxury] .mini-content b{font-family:Georgia,serif;font-weight:400}.style-card[data-style=playful]{--s-bg:#fff8e8;--s-surface:#a8d8b9;--s-ink:#2c365d;--s-accent:#ff7a59}.style-card[data-style=playful] .mini-canvas,.style-card[data-style=playful] .mini-panel,.style-card[data-style=playful] .mini-content>i{border-radius:13px}.style-card[data-style=monochrome]{--s-bg:#f7f7f2;--s-surface:#dadad2;--s-ink:#111;--s-accent:#e43d30}.style-card[data-style=monochrome] .mini-content b{text-transform:uppercase}.style-card[data-style=glass]{--s-bg:#15162b;--s-surface:#ffffff1f;--s-ink:#d8e0ff;--s-accent:#e66cb4;--s-border:#ffffff40}.style-card[data-style=glass] .mini-canvas{background:radial-gradient(circle at 80% 20%,#5156a8,#15162b 64%)}.style-card[data-style=glass] .mini-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:7px}.style-card[data-style=retro]{--s-bg:#f3e6c9;--s-surface:#2143a5;--s-ink:#2f2b24;--s-accent:#e54b2c;--s-border:#2f2b24}.style-card[data-style=retro] .mini-content b{text-shadow:2px 2px #fff}.style-card[data-style=organic]{--s-bg:#f1efe5;--s-surface:#d49a6a;--s-ink:#2c3b32;--s-accent:#49745c}.style-card[data-style=organic] .mini-canvas{border-radius:40px 4px}.style-card[data-style=organic] .mini-panel{border-radius:50% 50% 8px 8px}.style-detail{--d-bg:#eef1ee;--d-surface:#fff;--d-ink:#24322d;--d-accent:#7a9288;background:var(--ink);color:#fff;grid-template-columns:1.15fr .85fr;min-height:650px;margin-top:56px;display:grid}.detail-preview{background:var(--paper-2);place-items:center;padding:42px;display:grid;position:relative;overflow:hidden}.detail-number{font-family:var(--font-mono);color:#15161014;font-size:90px;font-weight:800;position:absolute;top:15px;left:22px}.preview-window{background:var(--d-bg);width:88%;color:var(--d-ink);z-index:1;border:1px solid #0003;position:relative;box-shadow:18px 22px #1516101f}.preview-bar{border-bottom:1px solid #0000001f;align-items:center;gap:5px;height:28px;padding:0 9px;display:flex}.preview-bar i{background:var(--d-accent);border-radius:50%;width:6px;height:6px}.preview-bar span{font:5px var(--font-mono);opacity:.45;margin:auto;padding-right:30px}.preview-page{min-height:360px;padding:20px}.preview-nav{font:6px var(--font-mono);justify-content:space-between;align-items:center;display:flex}.preview-hero{width:69%;margin:55px auto 40px 7%}.preview-hero small{font:5px var(--font-mono);letter-spacing:.1em}.preview-hero h3{letter-spacing:-.06em;margin:10px 0 14px;font-size:clamp(28px,4vw,58px);line-height:.94}.preview-hero p{width:70%;font-size:8px;line-height:1.6}.preview-hero button{background:var(--d-accent);color:var(--d-bg);border:0;margin-top:8px;padding:10px 12px;font-size:7px}.preview-hero button span{margin-left:14px}.preview-cards{grid-template-columns:1.4fr .8fr .8fr;gap:8px;display:grid}.preview-cards i{background:var(--d-surface);border:1px solid #0000001a;height:55px}.detail-copy{align-self:center;padding:clamp(40px,5vw,76px)}.detail-copy h3{letter-spacing:-.06em;margin:20px 0 0;font-size:clamp(42px,5vw,70px)}.detail-copy .en-name{font:12px var(--font-mono);color:#aaa99f;margin:3px 0 30px}.detail-copy>p:not(.en-name){color:#c8c8c0;font-size:13px;line-height:1.85}.detail-copy dl{margin:28px 0}.detail-copy dl>div{border-top:1px solid #ffffff24;grid-template-columns:70px 1fr;padding:12px 0;font-size:11px;display:grid}.detail-copy dt{color:#888980}.detail-copy dd{margin:0}.prompt-box{background:#24251f;border:1px solid #ffffff24;margin-top:32px}.prompt-box>div{font:9px var(--font-mono);letter-spacing:.1em;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.prompt-box button{background:var(--lime);color:var(--ink);cursor:pointer;border:0;min-width:64px;padding:7px 12px;font-size:10px}.prompt-box p{color:#d7d8d1;margin:0;padding:18px;font-size:11px;line-height:1.85}.style-detail[data-style=warm-editorial]{--d-bg:#f5eedf;--d-surface:#ead7bd;--d-ink:#5b3028;--d-accent:#c85b36}.style-detail[data-style=soft-tech]{--d-bg:#eaf3ff;--d-surface:#fff;--d-ink:#151b3b;--d-accent:#6d72ff}.style-detail[data-style=brutalist]{--d-bg:#fff35c;--d-surface:#ff6b8a;--d-ink:#111;--d-accent:#111}.style-detail[data-style=zen]{--d-bg:#eee9df;--d-surface:#ded7c9;--d-ink:#30322e;--d-accent:#7d836e}.style-detail[data-style=bento]{--d-bg:#f3f4f6;--d-surface:#fff;--d-ink:#191a1d;--d-accent:#79a72d}.style-detail[data-style=dark-luxury]{--d-bg:#10100f;--d-surface:#24221e;--d-ink:#f1ebdd;--d-accent:#c6a66b}.style-detail[data-style=playful]{--d-bg:#fff8e8;--d-surface:#a8d8b9;--d-ink:#2c365d;--d-accent:#ff7a59}.style-detail[data-style=monochrome]{--d-bg:#f7f7f2;--d-surface:#dadad2;--d-ink:#111;--d-accent:#e43d30}.style-detail[data-style=glass]{--d-bg:#15162b;--d-surface:#5156a8;--d-ink:#d8e0ff;--d-accent:#e66cb4}.style-detail[data-style=retro]{--d-bg:#f3e6c9;--d-surface:#2143a5;--d-ink:#2f2b24;--d-accent:#e54b2c}.style-detail[data-style=organic]{--d-bg:#f1efe5;--d-surface:#d49a6a;--d-ink:#2c3b32;--d-accent:#49745c}.component-section{background:var(--ink);color:#eeeae0}.section-heading.light>p{color:#aaa99f}.component-section .eyebrow{color:var(--lime)}.recipe-layout{border:1px solid #ffffff2b;grid-template-columns:.42fr .58fr;display:grid}.recipe-list{border-right:1px solid #ffffff2b}.recipe-list button{text-align:left;color:#eeeae0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff24;grid-template-columns:38px 52px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:86px;padding:18px;display:grid}.recipe-list button:last-child{border-bottom:0}.recipe-list button:hover{background:#20211c}.recipe-list button.active{background:var(--lime);color:var(--ink)}.recipe-index{font:9px var(--font-mono);opacity:.55}.recipe-icon{border:1px solid;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.recipe-list button>span:nth-child(3){flex-direction:column;display:flex}.recipe-list small{font:8px var(--font-mono);letter-spacing:.12em;opacity:.6}.recipe-list b{margin-top:4px;font-size:16px}.recipe-list i{font-style:normal}.recipe-detail{min-width:0}.recipe-demo{min-height:340px;color:var(--ink);background:#e7e2d5;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.demo-label{font:9px var(--font-mono);letter-spacing:.12em}.button-specimen{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.button-specimen button{border:1px solid var(--ink);cursor:pointer;background:0 0;height:48px;padding:0 22px;font-size:12px}.button-specimen button:first-child{background:var(--ink);color:#fff}.button-specimen button:first-child:hover{transform:translateY(-2px)}.button-specimen button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.button-specimen button:disabled{opacity:.34;cursor:not-allowed}.state-row{font:8px var(--font-mono);justify-content:center;gap:24px;display:flex}.state-row span{align-items:center;gap:6px;display:flex}.state-row i{background:#999;border-radius:50%;width:6px;height:6px}.state-row span:nth-child(2) i{background:var(--orange)}.state-row span:nth-child(3) i{background:#446cff}.recipe-copy{padding:40px}.recipe-copy h3{letter-spacing:-.05em;margin:14px 0 10px;font-size:36px}.recipe-copy>p{color:#aaa99f;font-size:12px;line-height:1.7}.dark-prompt{background:#0e0f0c;border:1px solid #ffffff21;margin-top:24px}.dark-prompt p{color:#d3d3cb;margin:0;padding:20px;font-size:11px;line-height:1.9}.dark-prompt button{width:100%;color:var(--lime);text-align:left;font:10px var(--font-mono);cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff21;padding:13px 20px}.builder-section{background:var(--lime);grid-template-columns:.34fr .66fr;gap:clamp(40px,6vw,100px);display:grid}.builder-intro{align-self:start;position:sticky;top:110px}.builder-intro h2{font-size:clamp(40px,4.7vw,68px)}.builder-intro>p{max-width:390px;margin-top:28px;font-size:13px;line-height:1.8}.formula{font:9px var(--font-mono);flex-wrap:wrap;align-items:center;gap:8px;margin-top:38px;display:flex}.formula span,.formula b{border:1px solid var(--ink);padding:7px 9px}.formula b{background:var(--ink);color:var(--lime)}.formula i{font-style:normal}.builder-shell{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#f7f4eb}.panel-top{border-bottom:1px solid var(--ink);min-height:50px;font:10px var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.panel-top small{letter-spacing:0;color:#686860}.panel-top small i{background:#3cc35a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.controls-panel{padding-bottom:8px}.controls-panel>label,.controls-panel>fieldset,.selected-direction{border:0;border-bottom:1px solid var(--line);margin:0;padding:18px;display:block}.controls-panel label>span,.controls-panel legend,.selected-direction>span{margin-bottom:10px;font-size:11px;font-weight:700;display:block}.controls-panel select{appearance:none;border:1px solid var(--ink);background:linear-gradient(45deg,transparent 50%,var(--ink) 50%) calc(100% - 15px) 20px/5px 5px no-repeat,linear-gradient(135deg,var(--ink) 50%,transparent 50%) calc(100% - 10px) 20px/5px 5px no-repeat,#fff;border-radius:0;width:100%;height:44px;padding:0 38px 0 12px;font-size:12px}.segmented{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.segmented button{border:0;border-right:1px solid var(--ink);cursor:pointer;background:#fff;min-height:39px;padding:6px;font-size:10px}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--ink);color:#fff}.segmented button:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}.range-control>span{justify-content:space-between;display:flex!important}.range-control output{font:10px var(--font-mono);color:var(--orange)}.range-control input{width:100%;accent-color:var(--ink)}.range-control>i{font:8px var(--font-mono);color:#7d7b73;justify-content:space-between;font-style:normal;display:flex}.selected-direction>div{grid-template-rows:auto auto;grid-template-columns:25px 1fr;align-items:center;column-gap:10px;display:grid}.selected-direction i{border-radius:50%;grid-row:1/3;width:25px;height:25px}.selected-direction b{font-size:12px}.selected-direction small{font:8px var(--font-mono);color:#77766f}.output-panel{border-top:2px solid var(--ink);background:var(--ink);color:#f1eee5}.output-panel .panel-top{border-color:#ffffff2b}.output-panel .panel-top small{color:#adada5}.output-panel pre{white-space:pre-wrap;min-height:430px;font-family:var(--font-mono);color:#d9d9d1;margin:0;padding:28px;font-size:11px;line-height:1.9}.output-actions{border-top:1px solid #ffffff2b;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.output-actions span{font:8px var(--font-mono);color:#888981}.output-actions button{background:var(--lime);color:var(--ink);font:10px var(--font-mono);cursor:pointer;border:0;padding:12px 16px;font-weight:700}.output-actions button:hover{background:#fff}.output-actions button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.checklist-section{background:#f7f5ef;grid-template-columns:.42fr .58fr;gap:8vw;padding:110px 3.2vw;display:grid}.checklist-section h2{font-size:clamp(39px,4.2vw,62px)}.checklist-section ol{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.checklist-section li{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;align-items:start;padding:18px 0;display:grid}.checklist-section li>span{font:10px var(--font-mono);padding-top:3px}.checklist-section p{margin:0}.checklist-section b{font-size:14px;display:block}.checklist-section small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6;display:block}footer{background:var(--orange);border-top:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:end;min-height:180px;padding:36px 3.2vw;display:grid}.footer-brand .brand-mark{background:var(--ink)}footer p{margin:0;font-size:12px}footer>a:last-child{font:10px var(--font-mono);border-bottom:1px solid var(--ink);justify-self:end;padding-bottom:3px}@media (max-width:1000px){.style-grid{grid-template-columns:repeat(2,1fr)}.style-detail{grid-template-columns:1fr}.detail-preview{min-height:560px}.recipe-layout{grid-template-columns:1fr}.recipe-list{border-bottom:1px solid #ffffff2b;border-right:0;grid-template-columns:repeat(3,1fr);display:grid}.recipe-list button{border-right:1px solid #ffffff24;grid-template-columns:28px 1fr;min-height:110px}.recipe-list .recipe-icon{display:none}.recipe-list button>span:nth-child(3){grid-column:2}.recipe-list button>i{display:none}.builder-section{grid-template-columns:1fr}.builder-intro{grid-template-columns:1fr 1fr;column-gap:40px;display:grid;position:static}.builder-intro .eyebrow,.builder-intro h2{grid-column:1}.builder-intro>p,.builder-intro .formula{grid-column:2}.builder-intro>p{grid-row:1/3;align-self:end}.builder-intro .formula{align-self:start}}@media (max-width:720px){.site-header{grid-template-columns:1fr auto;height:62px;padding:0 20px}.site-header nav{display:none}.header-cta{font-size:11px}.brand{font-size:13px}.brand-mark{width:29px;height:29px}.hero{min-height:calc(100svh - 62px);padding:34px 20px 0}.hero:before{width:170px;top:16vh;right:-80px}.hero:after{width:90px;min-width:0;top:12vh;right:18px}.hero-copy h1{margin-top:8vh;font-size:clamp(54px,16vw,84px)}.hero-copy h1 em{padding-left:0}.hero-copy p{max-width:300px;margin-left:0;font-size:17px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;padding-top:18px}.hero-stats{justify-content:space-between;width:100%}.hero-stats>div{flex:1;min-width:0;padding:0 10px}.hero-stats>div:first-child{border-left:0;padding-left:0}.hero-stats strong{font-size:20px}.marquee{margin:0 -20px}.section{padding:82px 20px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.section-heading>p{max-width:100%}.section-heading h2,.builder-intro h2,.checklist-section h2{font-size:42px}.library-tools{flex-direction:column;align-items:stretch}.filter-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-tabs button{white-space:nowrap}.search-box{width:100%}.style-grid{grid-template-columns:1fr}.style-card>p{min-height:0}.mini-content b{font-size:30px}.style-detail{margin:40px -20px 0}.detail-preview{min-height:440px;padding:34px 20px}.preview-window{width:94%;box-shadow:10px 12px #1516101f}.preview-page{min-height:300px;padding:14px}.preview-hero{margin-top:42px}.preview-hero h3{font-size:38px}.detail-copy{padding:42px 20px}.detail-copy h3{font-size:45px}.component-section{padding-left:20px;padding-right:20px}.recipe-layout{border-left:0;border-right:0;margin:0 -20px}.recipe-list{display:flex;overflow-x:auto}.recipe-list button{border-right:1px solid #ffffff24;grid-template-columns:24px 1fr;min-width:145px;padding:14px}.recipe-detail{display:block}.recipe-demo{min-height:300px;padding:22px 16px}.button-specimen{flex-direction:column;align-items:stretch;padding:0 12%}.button-specimen button{width:100%}.recipe-copy{padding:30px 20px}.builder-section{padding-left:20px;padding-right:20px}.builder-intro{display:block}.builder-intro>p{margin-top:24px}.formula{margin-top:28px}.builder-shell{box-shadow:6px 6px 0 var(--ink);margin-top:12px}.segmented button{font-size:9px}.output-panel pre{min-height:520px;padding:21px 17px;font-size:10px}.output-actions{flex-direction:column;align-items:stretch}.output-actions button{width:100%}.checklist-section{grid-template-columns:1fr;gap:42px;padding:80px 20px}footer{grid-template-columns:1fr auto;gap:40px;min-height:230px;padding:30px 20px}footer p{grid-area:1/1/auto/3}footer .footer-brand{grid-column:1}footer>a:last-child{grid-column:2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.filter-control-row{align-items:center;gap:18px;margin:0 0 24px;display:flex}.filter-control-row>p{font:10px var(--font-mono);color:var(--muted);margin:0}.filter-toggle,.reset-filter{border:1px solid var(--ink);cursor:pointer;background:0 0;min-height:38px;padding:0 13px;font-size:11px}.filter-toggle span{background:var(--ink);color:#fff;min-width:19px;height:19px;font:9px var(--font-mono);place-items:center;margin-left:8px;display:inline-grid}.reset-filter{border-color:#0000;border-bottom-color:var(--ink);min-height:25px;margin-left:auto;padding:0}.advanced-filters{border:1px solid var(--ink);background:var(--ink);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:-6px 0 28px;display:grid}.advanced-filters label{background:#f7f5ef;padding:12px}.advanced-filters label>span{font:8px var(--font-mono);letter-spacing:.08em;color:var(--muted);margin-bottom:7px;display:block}.advanced-filters select{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;outline:0;width:100%;padding:5px 18px 5px 0;font-size:11px}.style-card{padding:0;position:relative;overflow:hidden}.style-card.selected{border:2px solid var(--ink);padding:0}.style-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:13px;display:block}.style-card.selected .style-select{padding:12px}.style-select:focus-visible,.compare-toggle:focus-visible,.compare-preview-button:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}.style-select>p{min-height:38px;color:var(--muted);margin:13px 0;font-size:11px;line-height:1.7}.dimension-tags{flex-wrap:wrap;gap:5px;margin:0 0 12px;display:flex}.dimension-tags span{border:1px solid var(--line);font:7px var(--font-mono);letter-spacing:.04em;padding:4px 6px}.compare-toggle{width:100%;min-height:38px;font:9px var(--font-mono);cursor:pointer;text-align:left;background:#f3f1ea;border:0;border-top:1px solid #d8d6cf;padding:0 15px}.compare-toggle:hover,.compare-toggle.active{background:var(--ink);color:var(--lime)}.style-preview{--p-bg:#f5f7f5;--p-accent:#7a9288;--p-ink:#24322d;--p-extra:#dce5e0;aspect-ratio:1.52;background:var(--p-bg);width:100%;color:var(--p-ink);border:1px solid var(--p-ink);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.style-preview{border:1px solid color-mix(in srgb, var(--p-ink) 22%, transparent)}}.style-preview{font-family:var(--font-geist), var(--font-noto), sans-serif;text-align:left;isolation:isolate}.style-preview.is-large{aspect-ratio:1.45;min-height:320px}.sp-topbar{border-bottom:1px solid var(--p-ink);align-items:center;gap:8px;height:14%;min-height:22px;padding:0 4.5%;display:flex}@supports (color:color-mix(in lab, red, red)){.sp-topbar{border-bottom:1px solid color-mix(in srgb, var(--p-ink) 20%, transparent)}}.sp-topbar{font:5px var(--font-mono);letter-spacing:.09em}.sp-topbar b{font-size:7px}.sp-topbar span{opacity:.66;margin-left:auto}.sp-topbar>i{background:var(--p-accent);border-radius:50%;width:5px;height:5px}.sp-main{grid-template-columns:1.12fr .88fr;gap:5%;height:72%;padding:5.5%;display:grid;position:relative}.sp-copy{z-index:2;position:relative}.sp-copy small{font:5px var(--font-mono);letter-spacing:.08em;opacity:.7;margin-bottom:6%;display:block}.sp-copy h4{letter-spacing:-.065em;margin:0;font-size:clamp(19px,2.15vw,36px);line-height:.88}.sp-copy p{opacity:.72;margin:7% 0 0;font-size:6px;line-height:1.45}.sp-copy button{background:var(--p-accent);color:var(--p-bg);font:5px var(--font-mono);border:0;margin-top:8%;padding:6px 8px}.sp-copy button span{margin-left:9px}.sp-visual{min-width:0;position:relative}.shape-a,.shape-b{display:block;position:absolute}.shape-a{aspect-ratio:1;background:var(--p-accent);border-radius:50%;width:70%;top:3%;right:0}.shape-b{background:var(--p-extra);width:48%;height:28%;bottom:3%;left:-10%;transform:rotate(-8deg)}.sp-metric{background:var(--p-bg);width:68%;padding:8%;position:absolute;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.sp-metric{background:color-mix(in srgb, var(--p-bg) 86%, transparent)}}.sp-metric{border:1px solid var(--p-ink)}@supports (color:color-mix(in lab, red, red)){.sp-metric{border:1px solid color-mix(in srgb, var(--p-ink) 20%, transparent)}}.sp-metric{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-metric small{font:4px var(--font-mono);letter-spacing:.08em;display:block}.sp-metric b{font:15px var(--font-mono);line-height:1.1;display:block}.sp-metric span{font:4px var(--font-mono);color:var(--p-accent);display:block}.sp-menu{display:none;position:absolute}.sp-menu span{display:block}.sp-input{display:none}.sp-footer{border-top:1px solid var(--p-ink);align-items:center;gap:8%;height:14%;min-height:21px;padding:0 4.5%;display:flex}@supports (color:color-mix(in lab, red, red)){.sp-footer{border-top:1px solid color-mix(in srgb, var(--p-ink) 20%, transparent)}}.sp-footer{font:4px var(--font-mono);letter-spacing:.08em}.sp-footer i{background:var(--p-accent);width:24%;height:2px;margin-left:auto}.style-preview:hover .shape-a{transform:translate(-3px,-3px)rotate(4deg)}.style-preview:hover .sp-copy button{transform:translateY(-2px)}.shape-a,.sp-copy button,.sp-metric{transition:transform .2s,box-shadow .2s}.style-preview[data-layout=editorial] .sp-main{grid-template-columns:1.35fr .65fr}.style-preview[data-layout=editorial] .sp-copy h4{font-family:Georgia,Times New Roman,serif;font-weight:500}.style-preview[data-layout=editorial] .shape-a{border:1px solid var(--p-accent);background:0 0;border-radius:0;width:92%;height:74%;top:18%}.style-preview[data-layout=editorial] .shape-b{background:var(--p-accent);width:110%;height:6%;bottom:25%;left:-22%;transform:none}.style-preview[data-layout=dashboard] .sp-main{grid-template-columns:.75fr 1.25fr;gap:3%;padding:4%}.style-preview[data-layout=dashboard] .sp-copy h4{font-size:clamp(15px,1.55vw,24px)}.style-preview[data-layout=dashboard] .sp-copy p{display:none}.style-preview[data-layout=dashboard] .sp-visual{grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .8fr;gap:5px;display:grid}.style-preview[data-layout=dashboard] .shape-a,.style-preview[data-layout=dashboard] .shape-b{border:1px solid var(--p-ink);border-radius:7px;width:auto;height:auto;position:static;transform:none}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=dashboard] .shape-a,.style-preview[data-layout=dashboard] .shape-b{border:1px solid color-mix(in srgb, var(--p-ink) 15%, transparent)}}.style-preview[data-layout=dashboard] .shape-a{background:var(--p-extra);grid-row:1/3}.style-preview[data-layout=dashboard] .shape-b{background:var(--p-accent)}.style-preview[data-layout=dashboard] .sp-metric{border-radius:7px;grid-column:2;width:auto;padding:12%;position:static}.style-preview[data-layout=poster] .sp-main{padding:4%;display:block}.style-preview[data-layout=poster] .sp-copy small,.style-preview[data-layout=poster] .sp-copy p{display:none}.style-preview[data-layout=poster] .sp-copy h4{z-index:3;text-transform:uppercase;letter-spacing:-.09em;width:80%;font-size:clamp(27px,3.4vw,54px);line-height:.77;position:relative}.style-preview[data-layout=poster] .sp-copy button{position:absolute;bottom:7%;left:4%}.style-preview[data-layout=poster] .sp-visual{position:absolute;inset:0}.style-preview[data-layout=poster] .shape-a{width:42%;top:8%;right:3%}.style-preview[data-layout=poster] .shape-b{width:54%;height:37%;bottom:2%;left:40%}.style-preview[data-layout=poster] .sp-metric{z-index:4;width:26%;padding:3%;bottom:4%;right:3%}.style-preview[data-layout=spatial]{background:radial-gradient(circle at 78% 24%, var(--p-accent), var(--p-bg) 62%)}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=spatial]{background:radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--p-accent) 58%, var(--p-bg)), var(--p-bg) 62%)}}.style-preview[data-layout=spatial] .sp-main{grid-template-columns:.9fr 1.1fr}.style-preview[data-layout=spatial] .sp-copy h4{font-weight:500}.style-preview[data-layout=spatial] .shape-a{filter:blur(1px);width:88%;box-shadow:0 12px 30px var(--p-accent);border-radius:26% 50% 42% 34%}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=spatial] .shape-a{box-shadow:0 12px 30px color-mix(in srgb, var(--p-accent) 42%, transparent)}}.style-preview[data-layout=spatial] .shape-b{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff24;border:1px solid #ffffff73;border-radius:9px;width:55%;height:42%;bottom:8%;left:-14%}.style-preview[data-layout=spatial] .sp-metric{box-shadow:0 9px 24px var(--p-ink);border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=spatial] .sp-metric{box-shadow:0 9px 24px color-mix(in srgb, var(--p-ink) 18%, transparent)}}.style-preview[data-layout=spatial] .sp-metric{border-radius:9px}.style-preview[data-layout=terminal]{font-family:var(--font-mono)}.style-preview[data-layout=terminal] .sp-main{padding:5%;display:block}.style-preview[data-layout=terminal] .sp-copy h4{font:700 clamp(15px, 1.8vw, 28px)/1.12 var(--font-mono);letter-spacing:-.04em}.style-preview[data-layout=terminal] .sp-copy h4:before{content:"> ";color:var(--p-accent)}.style-preview[data-layout=terminal] .sp-copy p{font-family:var(--font-mono)}.style-preview[data-layout=terminal] .sp-copy button{border:1px solid var(--p-accent);color:var(--p-accent);background:0 0}.style-preview[data-layout=terminal] .sp-visual{border-left:1px solid var(--p-ink);width:42%;position:absolute;top:12%;bottom:10%;right:4%}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=terminal] .sp-visual{border-left:1px solid color-mix(in srgb, var(--p-ink) 24%, transparent)}}.style-preview[data-layout=terminal] .sp-visual{padding-left:4%}.style-preview[data-layout=terminal] .shape-a{background:repeating-linear-gradient(90deg, var(--p-accent) 0 5px, transparent 5px 8px);border-radius:0;width:100%;height:8%}.style-preview[data-layout=terminal] .shape-b{background:var(--p-extra);width:80%;height:5px;bottom:34%;left:0;transform:none}.style-preview[data-layout=terminal] .sp-metric{background:0 0;border-style:dashed;width:100%}.style-preview[data-layout=terminal] .sp-input{border-bottom:1px solid var(--p-accent);font:5px var(--font-mono);padding:4px;display:block;position:absolute;bottom:2%;left:0;right:0}.style-preview[data-layout=terminal] .sp-input i{background:var(--p-accent);width:4px;height:7px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.style-preview[data-layout=commerce] .sp-main{grid-template-columns:.88fr 1.12fr}.style-preview[data-layout=commerce] .sp-copy h4{font-family:Georgia,serif;font-weight:500}.style-preview[data-layout=commerce] .shape-a{width:82%;box-shadow:inset 0 0 0 1px var(--p-ink);border-radius:50% 50% 10% 10%;right:6%}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=commerce] .shape-a{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p-ink) 20%, transparent)}}.style-preview[data-layout=commerce] .shape-b{width:62%;height:11%;bottom:2%;left:6%;transform:none}.style-preview[data-layout=commerce] .sp-metric{width:50%;bottom:4%;right:25%}.style-preview[data-layout=collage] .sp-main{display:block}.style-preview[data-layout=collage] .sp-copy{width:60%}.style-preview[data-layout=collage] .sp-copy h4{z-index:3;position:relative}.style-preview[data-layout=collage] .sp-visual{position:absolute;inset:0}.style-preview[data-layout=collage] .shape-a{border-radius:12% 44% 20% 50%;width:39%;top:8%;right:8%;transform:rotate(11deg)}.style-preview[data-layout=collage] .shape-b{border:1px solid var(--p-ink);width:45%;height:35%;bottom:2%;left:42%;transform:rotate(-9deg)}.style-preview[data-layout=collage] .sp-metric{width:32%;bottom:4%;right:4%;transform:rotate(4deg)}.style-preview[data-layout=system] .sp-main{grid-template-columns:1fr 1fr;gap:3%;padding:4%}.style-preview[data-layout=system] .sp-copy h4{font-size:clamp(15px,1.65vw,25px)}.style-preview[data-layout=system] .sp-copy p{display:none}.style-preview[data-layout=system] .sp-visual{border:1px solid var(--p-ink)}@supports (color:color-mix(in lab, red, red)){.style-preview[data-layout=system] .sp-visual{border:1px solid color-mix(in srgb, var(--p-ink) 24%, transparent)}}.style-preview[data-layout=system] .sp-visual{padding:8%}.style-preview[data-layout=system] .shape-a{border:5px solid var(--p-extra);border-top-color:var(--p-accent);background:0 0;width:46%}.style-preview[data-layout=system] .shape-b{background:repeating-linear-gradient(90deg, var(--p-accent) 0 8%, transparent 8% 13%);width:78%;height:9%;bottom:8%;left:0;transform:none}.style-preview[data-layout=system] .sp-metric{width:52%;padding:5%}.style-preview[data-layout=system] .sp-menu{gap:3px;display:flex;top:5%;right:2%}.style-preview[data-layout=system] .sp-menu span{background:var(--p-accent);border-radius:50%;width:4px;height:4px}.style-preview[data-style=scandi]{box-shadow:inset 0 0 0 7px var(--p-bg)}@supports (color:color-mix(in lab, red, red)){.style-preview[data-style=scandi]{box-shadow:inset 0 0 0 7px color-mix(in srgb, var(--p-bg) 92%, #fff)}}.style-preview[data-style=warm-editorial] .sp-copy h4{font-style:italic}.style-preview[data-style=warm-editorial] .sp-topbar{border-bottom-style:double}.style-preview[data-style=soft-tech]{background:radial-gradient(circle at 76% 20%, #c4e2ff, var(--p-bg) 59%)}.style-preview[data-style=soft-tech] .sp-metric{box-shadow:0 8px 25px #3a55b429}.style-preview[data-style=brutalist]{box-shadow:inset 0 0 0 4px var(--p-bg);border:2px solid #111}.style-preview[data-style=brutalist] .sp-copy button,.style-preview[data-style=brutalist] .sp-metric{border:1px solid #111;box-shadow:3px 3px #111}.style-preview[data-style=zen] .sp-main{padding-left:14%}.style-preview[data-style=zen] .sp-copy h4{letter-spacing:-.03em;font-weight:400}.style-preview[data-style=zen] .sp-topbar span{writing-mode:vertical-rl;height:18px}.style-preview[data-style=bento] .sp-visual>*{box-shadow:0 3px 10px #0000000d}.style-preview[data-style=dark-luxury]{background:linear-gradient(135deg, var(--p-bg), #24221e)}.style-preview[data-style=dark-luxury] .sp-copy h4{letter-spacing:-.02em}.style-preview[data-style=dark-luxury] .sp-copy button{color:#10100f}.style-preview[data-style=playful] .shape-a{border-radius:43% 57% 64% 36%}.style-preview[data-style=playful] .sp-copy h4{font-weight:800}.style-preview[data-style=playful] .sp-copy button{border-radius:99px}.style-preview[data-style=monochrome] .sp-copy h4{font-family:var(--font-geist);font-weight:900}.style-preview[data-style=monochrome] .shape-a{background:var(--p-extra);border-radius:50%}.style-preview[data-style=monochrome] .shape-b{transform:rotate(45deg)}.style-preview[data-style=glass]{background:radial-gradient(circle at 70% 20%,#5156a8,#15162b 68%)}.style-preview[data-style=glass] .shape-a{opacity:.65;filter:blur(6px)}.style-preview[data-style=retro]{background-image:repeating-linear-gradient(0deg,#0000 0 4px,#2f2b240d 4px 5px)}.style-preview[data-style=retro] .sp-copy h4{text-shadow:2px 2px #fff}.style-preview[data-style=organic] .shape-a{border-radius:58% 42% 30% 70%}.style-preview[data-style=organic] .sp-copy button{border-radius:99px}.style-preview[data-style=bauhaus] .shape-a{border-radius:50%}.style-preview[data-style=bauhaus] .shape-b{clip-path:polygon(50% 0,100% 100%,0 100%);transform:none}.style-preview[data-style=bauhaus] .sp-copy h4{font-weight:900}.style-preview[data-style=memphis]{background-image:radial-gradient(var(--p-ink) 1px, transparent 1px);background-size:12px 12px}.style-preview[data-style=memphis] .shape-b{background:repeating-linear-gradient(135deg,var(--p-extra) 0 5px,transparent 5px 10px)}.style-preview[data-style=art-deco]{box-shadow:inset 0 0 0 4px var(--p-bg), inset 0 0 0 5px var(--p-accent)}.style-preview[data-style=art-deco] .shape-a{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.style-preview[data-style=art-deco] .sp-copy h4{text-align:center}.style-preview[data-style=mid-century] .shape-a{border-radius:68% 32% 55% 45%;transform:rotate(-16deg)}.style-preview[data-style=mid-century] .shape-b{border-radius:50%}.style-preview[data-style=y2k] .sp-copy h4{color:#0000;text-shadow:0 2px 8px #5a48ff38;background:linear-gradient(#fff,#8796bf 54%,#fff);-webkit-background-clip:text;background-clip:text}.style-preview[data-style=y2k] .shape-a{border:1px solid #fff}.style-preview[data-style=cyberpunk]{background-image:linear-gradient(#00f0ff0a 1px,#0000 1px),linear-gradient(90deg,#00f0ff0a 1px,#0000 1px);background-size:13px 13px}.style-preview[data-style=cyberpunk] .sp-metric,.style-preview[data-style=cyberpunk] .sp-copy button{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.style-preview[data-style=vaporwave]{background-image:linear-gradient(#0000 70%,#65d9ff2e),linear-gradient(90deg,#65d9ff14 1px,#0000 1px);background-size:auto,18px 18px}.style-preview[data-style=vaporwave] .shape-a{background:linear-gradient(var(--p-accent),#ff9bd9)}.style-preview[data-style=terminal]{box-shadow:inset 0 0 22px #a6ff9e0f}.style-preview[data-style=terminal] .sp-copy h4{text-transform:lowercase}.style-preview[data-style=skeuomorphic]{background:linear-gradient(145deg,#eee7da,#c9c0b1)}.style-preview[data-style=skeuomorphic] .sp-visual{border-radius:8px;box-shadow:inset 3px 3px 7px #0000002e,inset -3px -3px 7px #fff9}.style-preview[data-style=clay] .shape-a,.style-preview[data-style=clay] .sp-metric{border-radius:24px;box-shadow:inset -4px -5px 8px #4b30822e,inset 4px 4px 7px #ffffff7a,0 8px 12px #503c822e}.style-preview[data-style=clay] .sp-copy button{border-radius:14px}.style-preview[data-style=neumorphism]{background:var(--p-bg)}.style-preview[data-style=neumorphism] .sp-visual,.style-preview[data-style=neumorphism] .sp-metric{border:0;border-radius:14px;box-shadow:5px 5px 11px #c4cad1,-5px -5px 11px #fff}.style-preview[data-style=handdrawn]{transform:rotate(-.15deg)}.style-preview[data-style=handdrawn] .sp-topbar,.style-preview[data-style=handdrawn] .sp-footer,.style-preview[data-style=handdrawn] .sp-metric{border-style:dashed}.style-preview[data-style=handdrawn] .sp-copy h4{font-family:Georgia,serif;font-style:italic;transform:rotate(-2deg)}.style-preview[data-style=scrapbook]{background-image:linear-gradient(105deg,#0000 72%,#2e5a4f21 72% 74%,#0000 74%)}.style-preview[data-style=scrapbook] .shape-a{clip-path:polygon(4% 0,100% 5%,94% 100%,0 92%)}.style-preview[data-style=scrapbook] .sp-metric{transform:rotate(4deg);box-shadow:0 3px 7px #0000002e}.style-preview[data-style=cinematic]:before,.style-preview[data-style=cinematic]:after{content:"";z-index:9;background:#000;height:8%;position:absolute;left:0;right:0}.style-preview[data-style=cinematic]:before{top:0}.style-preview[data-style=cinematic]:after{bottom:0}.style-preview[data-style=cinematic] .sp-copy h4{letter-spacing:.02em;font-weight:400}.style-preview[data-style=industrial] .sp-topbar,.style-preview[data-style=industrial] .sp-footer{background:var(--p-ink);color:var(--p-bg)}.style-preview[data-style=industrial] .shape-a{background:repeating-linear-gradient(45deg,var(--p-accent) 0 5px,var(--p-ink) 5px 10px);border-radius:0}.style-preview[data-style=data-dense] .sp-copy small{margin-bottom:3%}.style-preview[data-style=data-dense] .sp-footer{gap:3%}.style-preview[data-style=data-dense] .sp-visual{background-image:repeating-linear-gradient(0deg,transparent 0 10px,var(--p-ink) 10px 11px)}@supports (color:color-mix(in lab, red, red)){.style-preview[data-style=data-dense] .sp-visual{background-image:repeating-linear-gradient(0deg,transparent 0 10px,color-mix(in srgb,var(--p-ink) 12%,transparent) 10px 11px)}}.style-preview[data-style=newspaper] .sp-copy h4{letter-spacing:-.075em;font-family:Georgia,serif;font-weight:800}.style-preview[data-style=newspaper] .sp-main{background-image:linear-gradient(90deg,transparent 48%,var(--p-ink) 48% 48.4%,transparent 48.4%)}@supports (color:color-mix(in lab, red, red)){.style-preview[data-style=newspaper] .sp-main{background-image:linear-gradient(90deg,transparent 48%,color-mix(in srgb,var(--p-ink) 18%,transparent) 48% 48.4%,transparent 48.4%)}}.style-preview[data-style=academic] .sp-copy h4{font-family:Georgia,serif;font-size:clamp(16px,1.65vw,26px);line-height:1.05}.style-preview[data-style=academic] .sp-copy h4:after{content:"[1]";font:5px var(--font-mono);vertical-align:top;color:var(--p-accent)}.style-preview[data-style=gamer-hud] .shape-a{border:6px solid var(--p-extra);border-top-color:var(--p-accent);background:0 0}.style-preview[data-style=gamer-hud] .sp-metric{clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}.style-preview[data-style=spatial]{background:radial-gradient(circle at 60% 30%,#fff,var(--p-bg) 64%)}.style-preview[data-style=spatial] .sp-visual{perspective:180px}.style-preview[data-style=spatial] .sp-metric{transform:rotateY(-7deg)translateZ(10px)}.style-preview[data-style=liquid] .shape-a{background:linear-gradient(135deg,var(--p-accent),var(--p-extra));filter:blur(3px);border-radius:44% 56% 33% 67%;width:110%;animation:9s ease-in-out infinite alternate liquid}.style-preview[data-style=liquid] .sp-metric{background:var(--p-bg)}@supports (color:color-mix(in lab, red, red)){.style-preview[data-style=liquid] .sp-metric{background:color-mix(in srgb,var(--p-bg) 88%,transparent)}}@keyframes liquid{to{border-radius:62% 38% 57% 43%;transform:translate(-8px,6px)rotate(12deg)}}.style-preview[data-style=developer] .sp-topbar{background:#1b2026}.style-preview[data-style=developer] .sp-visual{background:repeating-linear-gradient(0deg,#0000 0 8px,#58a6ff17 8px 9px)}.style-preview[data-style=developer] .sp-copy h4:before{content:"const "}.style-preview[data-style=enterprise] .sp-main:before{content:"";background:var(--p-ink);width:11%;position:absolute;top:0;bottom:0;left:0}.style-preview[data-style=enterprise] .sp-copy{padding-left:10%}.style-preview[data-style=enterprise] .sp-visual>*{border-radius:2px}.style-preview[data-style=accessible]{border:3px solid #111}.style-preview[data-style=accessible] .sp-copy h4{letter-spacing:-.04em;font-weight:900}.style-preview[data-style=accessible] .sp-copy button{outline:3px solid var(--p-extra);outline-offset:2px;font-weight:800}.compare-section{border-top:2px solid var(--ink);margin:100px 0 70px;padding-top:80px;scroll-margin-top:70px}.compare-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:30px;display:grid}.compare-heading h3{letter-spacing:-.06em;margin:12px 0 0;font-size:clamp(36px,4.5vw,66px);line-height:1}.compare-heading p{max-width:430px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.compare-grid{gap:10px;display:grid}.compare-grid.compare-1{grid-template-columns:1fr}.compare-grid.compare-2{grid-template-columns:repeat(2,1fr)}.compare-grid.compare-3{grid-template-columns:repeat(3,1fr)}.compare-grid.compare-4{grid-template-columns:repeat(4,1fr)}.compare-grid>article{border:1px solid var(--ink);background:#fff;min-width:0}.compare-card-top{border-bottom:1px solid var(--ink);height:38px;font:8px var(--font-mono);justify-content:space-between;align-items:center;padding-left:11px;display:flex}.compare-card-top button{border:0;border-left:1px solid var(--ink);cursor:pointer;background:0 0;align-self:stretch;width:38px;font-size:17px}.compare-card-top button:hover{background:var(--orange)}.compare-preview-button{cursor:pointer;background:#eeeae0;border:0;width:100%;padding:10px;display:block}.compare-preview-button .style-preview.is-large{aspect-ratio:1.22;min-height:0}.compare-dimensions{border-top:1px solid var(--ink);flex-wrap:wrap;gap:4px;padding:9px;display:flex}.compare-dimensions span{font:6px var(--font-mono);background:#f1efe8;padding:4px 5px}.compare-empty{border:1px dashed var(--ink);text-align:center;color:var(--muted);padding:70px 20px}.style-detail{margin-top:0}.detail-preview .style-preview{z-index:1;width:90%;box-shadow:18px 22px #1516101f}.detail-copy dl>div{grid-template-columns:70px 1fr}@media (max-width:1120px){.advanced-filters{grid-template-columns:repeat(3,1fr)}.compare-grid.compare-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.filter-control-row{flex-wrap:wrap}.filter-control-row>p{order:3;width:100%}.reset-filter{margin-left:auto}.advanced-filters{grid-template-columns:repeat(2,1fr)}.style-select>p{min-height:0}.style-preview .sp-copy h4{font-size:29px}.style-preview.is-large{min-height:260px}.compare-section{margin:70px -20px 45px;padding:60px 20px 0}.compare-heading{grid-template-columns:1fr;gap:18px}.compare-grid.compare-2,.compare-grid.compare-3,.compare-grid.compare-4{grid-template-columns:1fr}.compare-preview-button .style-preview.is-large{aspect-ratio:1.5;min-height:0}.detail-preview .style-preview{width:96%;box-shadow:10px 12px #1516101f}}.interaction-lab{border-top:1px solid #ffffff38;margin-top:100px;padding-top:80px}.interaction-lab-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:30px;display:grid}.interaction-lab-heading h3{letter-spacing:-.06em;max-width:720px;margin:13px 0 0;font-size:clamp(34px,4.3vw,62px);line-height:1.02}.interaction-lab-heading>p{color:#aaa99f;margin:0;font-size:12px;line-height:1.8}.interaction-grid{background:#ffffff38;border:1px solid #ffffff38;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.interaction-card{background:#191a16;flex-direction:column;min-height:265px;padding:20px;display:flex}.interaction-card-top{font:9px var(--font-mono);letter-spacing:.1em;justify-content:space-between;display:flex}.interaction-card-top i{background:#65665f;border-radius:50%;width:7px;height:7px}.interaction-card-top i.on{background:var(--lime);box-shadow:0 0 0 3px #c9f34a21}.interaction-card>small{color:#77786f;font:7px var(--font-mono);letter-spacing:.08em;margin-top:auto;padding-top:16px}.menu-demo{width:min(260px,100%);margin:48px auto 20px;position:relative}.menu-trigger{color:#eeeae0;cursor:pointer;background:0 0;border:1px solid #eeeae0;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 14px;font-size:11px;display:flex}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.demo-menu{z-index:5;box-shadow:5px 5px 0 var(--lime);background:#f4f1e8;border:1px solid #eeeae0;position:absolute;top:48px;left:0;right:0}.demo-menu button{width:100%;min-height:36px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c9c5ba;padding:0 12px;font-size:10px}.demo-menu button:last-child{color:#a73028;border-bottom:0}.demo-menu button:hover,.demo-menu button:focus-visible{background:var(--ink);color:var(--lime);outline:0}.modal-demo{flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.modal-demo>button{background:var(--orange);min-height:44px;color:var(--ink);cursor:pointer;font:10px var(--font-mono);border:0;padding:0 16px;font-weight:700}.modal-demo>button:hover{transform:translateY(-2px);box-shadow:4px 4px #eeeae0}.modal-ghost{border:1px solid #5b5c54;flex-direction:column;gap:7px;width:95px;height:72px;padding:10px;display:flex;transform:rotate(-4deg)}.modal-ghost i{background:#5b5c54;height:5px}.modal-ghost i:first-child{background:var(--lime);width:52%}.modal-ghost i:last-child{width:75%}.form-card form{width:min(390px,100%);margin:44px auto 0}.form-card label{color:#d4d2ca;margin-bottom:8px;font-size:10px;display:block}.form-card form>div{grid-template-columns:1fr auto;display:grid}.form-card input{color:#fff;background:#10110e;border:1px solid #7e7f76;border-right:0;border-radius:0;outline:0;min-width:0;height:44px;padding:0 11px;font-size:11px}.form-card input:focus{border:2px solid var(--lime);padding-left:10px}.form-card form button{background:var(--lime);height:44px;color:var(--ink);cursor:pointer;border:0;padding:0 15px;font-size:10px;font-weight:700}.form-card form p{color:#989990;min-height:17px;margin:8px 0 0;font-size:9px}.form-card form p.error:not(:empty){color:#ff8a78}.form-card form p.success{color:var(--lime)}.loading-card{justify-content:flex-start}.loading-trigger{border:1px solid var(--lime);width:min(300px,100%);height:48px;color:var(--lime);cursor:pointer;font:10px var(--font-mono);background:0 0;justify-content:center;align-items:center;gap:9px;margin:52px auto 18px;display:flex}.loading-trigger:hover:not(:disabled){background:var(--lime);color:var(--ink)}.loading-trigger:disabled{cursor:wait;opacity:.8}.spinner{border:2px solid #c9f34a40;border-top-color:var(--lime);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-progress{background:#35362f;width:min(300px,100%);height:3px;margin:0 auto;overflow:hidden}.loading-progress i{background:var(--lime);width:0;height:100%;display:block}.loading-progress i.running{animation:1.4s ease-out forwards progress}@keyframes progress{0%{width:4%}70%{width:76%}to{width:100%}}.demo-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0d0abf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.demo-modal{border:2px solid var(--ink);background:var(--paper);width:min(520px,100%);color:var(--ink);box-shadow:10px 10px 0 var(--lime)}.demo-modal-top{border-bottom:1px solid var(--ink);height:46px;font:9px var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;padding-left:16px;display:flex}.demo-modal-top button{border:0;border-left:1px solid var(--ink);cursor:pointer;background:0 0;align-self:stretch;width:46px;font-size:22px}.demo-modal-top button:hover,.demo-modal-top button:focus-visible{background:var(--orange);outline:3px solid var(--ink);outline-offset:-4px}.demo-modal>div:nth-child(2){padding:34px}.modal-symbol{background:var(--orange);place-items:center;width:42px;height:42px;font-size:18px;display:grid}.demo-modal h3{letter-spacing:-.05em;margin:22px 0 10px;font-size:31px}.demo-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.demo-modal-actions{border-top:1px solid var(--ink);justify-content:flex-end;gap:9px;padding:15px;display:flex}.demo-modal-actions button{border:1px solid var(--ink);cursor:pointer;background:0 0;min-height:42px;padding:0 16px;font-size:11px}.demo-modal-actions button:last-child{background:var(--ink);color:var(--lime)}@media (max-width:720px){.interaction-lab{margin:70px -20px 0;padding:60px 20px 0}.interaction-lab-heading{grid-template-columns:1fr;gap:18px}.interaction-grid{grid-template-columns:1fr}.interaction-card{min-height:250px}.demo-modal{box-shadow:6px 6px 0 var(--lime)}.demo-modal>div:nth-child(2){padding:28px 22px}.demo-modal h3{font-size:27px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}