.theme-switcher{z-index:50;border:1px solid var(--border);background:color-mix(in oklch,var(--card),transparent 10%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex;position:fixed;top:1rem;right:1rem}.theme-switcher button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.25rem .55rem;font-size:.76rem}.theme-switcher button.is-active{background:var(--primary);color:var(--primary-foreground)}.landing{place-items:center;display:grid}.preset-page{max-width:1500px;margin:0 auto}.preset-hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);margin-bottom:1rem;padding:1.5rem}.preset-hero h1{font-family:var(--font-heading);margin:.3rem 0 0}.preset-hero p{color:var(--muted-foreground)}.preset-browser{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);padding:1.05rem}.preset-browser-layout{grid-template-columns:minmax(280px,22rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.preset-browser-sidebar{align-self:start}.preset-browser-content{align-content:start;gap:.75rem;min-width:0;display:grid}.preset-browser-head{margin:0 0 .55rem}.preset-browser-head h2{font-family:var(--font-heading);margin:0}.preset-stats{color:var(--muted-foreground);flex-wrap:wrap;gap:1rem;font-size:.88rem;display:flex}.create-shell{grid-template-columns:320px minmax(0,1fr);gap:1rem;display:grid}.panel,.preview,.sample-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground)}.panel{height:fit-content;padding:1rem;position:sticky;top:1rem}.panel-title{font-size:1.125rem;font-family:var(--font-heading);margin:0}.panel-subtitle{color:var(--muted-foreground);margin:.5rem 0;font-size:.9rem}.chip{background:color-mix(in oklch,var(--accent),transparent 30%);color:var(--accent-foreground);border-radius:999px;margin:.5rem 0 .75rem;padding:.25rem .625rem;font-size:.75rem;display:inline-block}.values{gap:.5rem;display:grid}.value-row{border-bottom:1px dashed var(--border);justify-content:space-between;gap:.75rem;padding-bottom:.4rem;font-size:.85rem;display:flex}.preview{padding:1.2rem}.preview-header h1{font-family:var(--font-heading);margin:0}.preview-header p{color:var(--muted-foreground);margin:.5rem 0 0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:.75rem}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.sample-card{padding:1rem}.sample-card h3{font-family:var(--font-heading);margin-top:0}.sample-card p{color:var(--muted-foreground);margin:.5rem 0 0}.style-nova .sample-card{box-shadow:0 8px 28px color-mix(in oklch,var(--foreground),transparent 92%)}.style-vega .sample-card{border-style:dashed}.style-maia .sample-card{border-left:4px solid var(--primary)}.style-lyra .sample-card{border-radius:0}.style-mira .sample-card{background:color-mix(in oklch,var(--card),var(--secondary)20%)}.button-row{gap:.5rem;margin-top:1rem;display:flex}.btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;border:1px solid #0000;padding:.5rem .875rem;font-weight:500}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.menu-list{margin:1rem 0 0;padding:0;list-style:none}.menu-list li{background:var(--accent);color:var(--accent-foreground);border-radius:calc(var(--radius) - 4px);margin-top:.4rem;padding:.5rem .625rem}.menu-inverted .cn-menu-target{background:var(--foreground);color:var(--background)}.menu-translucent .cn-menu-target{background:color-mix(in oklch,var(--card),transparent 15%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chart-bars{gap:.4rem;margin-top:1rem;display:grid}.chart-bars span{border-radius:999px;height:1rem;display:block}.v4-header{margin-bottom:1rem}.input-row{gap:.75rem;margin:1rem 0;display:grid}.input-row input{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--background);color:var(--foreground);font:inherit;padding:.65rem .75rem}.preset-list{margin:1rem 0 1.5rem}.preset-list h2{font-size:1rem;font-family:var(--font-heading);margin:0 0 .5rem}.preset-list p{margin:.35rem 0}.preset-list ul{margin:0;padding:0;list-style:none}.preset-filter-card{border:1px solid color-mix(in oklch,var(--border),var(--foreground)20%);background:color-mix(in oklch,var(--card),black 16%);border-radius:1.2rem;gap:0;width:100%;max-width:21rem;margin:0;padding-top:0;overflow:hidden;box-shadow:0 16px 46px #00000047;box-shadow:0 16px 46px lab(0% 0 0/.28)}.preset-customizer-menu{border-bottom:1px solid color-mix(in oklch,var(--border),var(--foreground)15%);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:0;padding-top:.85rem;padding-bottom:.85rem;font-size:.95rem;font-weight:500;display:flex}.preset-customizer-menu-icon{width:1.35rem;height:1.35rem;color:color-mix(in oklch,var(--muted-foreground),white 26%);justify-content:center;align-items:center;display:inline-flex}.preset-filters{grid-template-columns:1fr;gap:0;padding-top:.8rem;padding-bottom:.8rem;display:grid}.create-picker-trigger{text-align:left;border:1px solid color-mix(in oklch,var(--border),var(--foreground)14%);background:color-mix(in oklch,var(--card),black 12%);width:100%;color:var(--card-foreground);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.82rem;margin:.32rem 0;padding:.58rem .72rem;position:relative}.create-picker-trigger:hover{background:color-mix(in oklch,var(--card),var(--muted)28%)}.create-picker-trigger:focus-visible{border-color:color-mix(in oklch,var(--foreground),transparent 50%);box-shadow:0 0 0 2px color-mix(in oklch,var(--foreground),transparent 85%);outline:none}.create-picker-label{letter-spacing:.02em;color:color-mix(in oklch,var(--muted-foreground),white 12%);margin-bottom:.22rem;font-size:.7rem;line-height:1;display:block}.create-picker-value-row{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.create-picker-value{color:color-mix(in oklch,var(--card-foreground),white 8%);font-size:.86rem;font-weight:600;line-height:1.2;display:block}.create-picker-caret{color:color-mix(in oklch,var(--muted-foreground),white 18%);justify-content:center;align-items:center;display:inline-flex}.create-picker-indicator{color:color-mix(in oklch,var(--muted-foreground),white 24%);justify-content:center;align-items:center;min-width:1.1rem;display:inline-flex}.create-picker-caret-icon{width:.95rem;height:.95rem}.indicator-square{border:1px solid;border-radius:.32rem;width:.82rem;height:.82rem}.indicator-dot{background:currentColor;border-radius:999px;width:.86rem;height:.86rem}.indicator-color{background:var(--indicator-color,currentColor);box-shadow:0 0 0 1px color-mix(in oklch,var(--foreground),transparent 82%)}.indicator-aa{font-size:1.2rem;line-height:1}.indicator-swirl{font-size:1rem}.indicator-corner{border-top:1.5px solid;border-right:1.5px solid;border-top-right-radius:.38rem;width:.9rem;height:.9rem}.indicator-menu,.indicator-gem{font-size:.95rem}.create-picker-positioner{z-index:70;isolation:isolate;outline:none}.create-picker-popup{max-height:min(340px,var(--available-height));min-width:max(220px,var(--anchor-width));border:1px solid color-mix(in oklch,var(--border),var(--foreground)24%);background:color-mix(in oklch,var(--card),black 28%);color:color-mix(in oklch,var(--card-foreground),white 12%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.95rem;padding:.34rem;overflow-y:auto;box-shadow:0 18px 36px #00000047,inset 0 1px #ffffff1f;box-shadow:0 18px 36px lab(0% 0 0/.28),inset 0 1px lab(100% 0 0/.12)}.create-picker-item{cursor:default;border-radius:.62rem;outline:none;justify-content:space-between;align-items:center;padding:.48rem .56rem;font-size:.86rem;font-weight:500;display:flex}.create-picker-item-label{align-items:center;gap:.45rem;display:inline-flex}.create-picker-item:focus{background:color-mix(in oklch,var(--muted),black 30%)}.create-picker-check{color:color-mix(in oklch,var(--foreground),white 12%);justify-content:center;align-items:center;display:inline-flex}.create-picker-check-icon{width:.95rem;height:.95rem}.filter-actions{background:color-mix(in oklch,var(--muted),transparent 55%);gap:.55rem;width:100%;margin-top:0;padding-top:.82rem;padding-bottom:.95rem;display:grid}.filter-actions .btn{border-color:color-mix(in oklch,var(--border),var(--foreground)20%);text-align:center;border-radius:.75rem;width:100%;padding:.48rem .78rem;font-size:.82rem;text-decoration:none}.preset-actions{gap:.65rem;font-size:.82rem;display:flex}.preset-nav{justify-content:space-between;align-items:center;gap:.75rem;margin:.1rem 0 .05rem;font-size:.9rem;display:flex}.preset-nav a{text-decoration:underline}.preset-card span{color:var(--muted-foreground);font-size:.85rem}.error-text{color:#ea0027;color:lab(49.9682% 76.2744 51.0212);margin:0;font-size:.85rem}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.create-shell{grid-template-columns:1fr}.panel{position:static}.preview-grid{grid-template-columns:1fr}.filter-actions{margin-top:.65rem}.preset-browser-layout{grid-template-columns:1fr}.preset-browser-sidebar{position:static}}