:root{color-scheme:dark;--color-background: #050505;--color-foreground: #f5f1e8;--color-accent: #d8ff63;--color-coral: #ff7a59;--color-sky: #8bc6ff;--color-lilac: #c9a7ff;--color-mint: #9cffd0;--color-line: color-mix(in srgb, var(--color-foreground), transparent 86%);--color-panel: color-mix(in srgb, var(--color-foreground), transparent 95%);--color-panel-strong: color-mix(in srgb, var(--color-foreground), transparent 90%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-foreground);scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}.stansil{min-height:100vh;padding:20px}.stansil__header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--color-background),transparent 18%);border:1px solid var(--color-line);border-radius:999px;display:flex;gap:18px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:12px 16px;position:sticky;top:16px;z-index:2}.stansil__brand{align-items:center;display:inline-flex;font-weight:800;gap:10px;letter-spacing:.06em;text-transform:uppercase}.stansil__mark{background:var(--color-accent);border-radius:8px 18px;display:inline-block;height:24px;width:24px}.stansil__nav{color:color-mix(in srgb,currentColor,transparent 34%);display:flex;flex-wrap:wrap;gap:18px}.hero,.styles,.style-detail,.creator,.assets,.api{margin:0 auto;max-width:1180px;padding:72px 0}.hero{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);min-height:78vh}.hero__eyebrow{color:var(--color-accent);font-size:12px;letter-spacing:.14em;margin:0 0 16px;text-transform:uppercase}.hero h1{font-size:clamp(48px,8vw,118px);line-height:.92;margin:0;max-width:980px}.hero__copy{color:color-mix(in srgb,currentColor,transparent 34%);font-size:clamp(18px,2vw,24px);line-height:1.45;max-width:760px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero__actions a{border:1px solid var(--color-line);border-radius:999px;padding:12px 16px}.hero__actions a:first-child{background:var(--color-foreground);color:var(--color-background)}.style-board{aspect-ratio:4/5;background:var(--color-panel);border:1px solid var(--color-line);border-radius:36px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:14px}.style-board__tile{align-items:end;background:color-mix(in srgb,var(--color-sky),transparent 18%);border:1px solid color-mix(in srgb,var(--color-foreground),transparent 80%);border-radius:24px;color:#050505;display:flex;font-weight:800;min-height:120px;padding:18px}.style-board__tile--large{background:var(--color-accent);grid-column:span 2}.style-board__tile--round{background:var(--color-coral);border-radius:999px}.style-board__tile--accent{background:var(--color-lilac)}.style-board__tile--wide{background:var(--color-mint);grid-column:span 2;min-height:90px;text-transform:capitalize}.section-heading{display:grid;gap:8px;margin-bottom:28px}.section-heading p{color:var(--color-accent);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}.section-heading h2{font-size:clamp(30px,5vw,64px);line-height:1;margin:0;max-width:760px}.section-heading--row{align-items:end;display:flex;gap:18px;justify-content:space-between}.section-action{background:var(--color-panel-strong);border:1px solid var(--color-line);border-radius:999px;color:var(--color-foreground);cursor:pointer;padding:12px 16px;white-space:nowrap}.styles__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.style-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:28px;color:inherit;cursor:pointer;display:grid;gap:16px;min-height:330px;padding:14px;text-align:left;transition:border-color .18s ease,transform .18s ease}.style-card:hover{transform:translateY(-2px)}.style-card--active{border-color:var(--color-accent)}.style-card__preview{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.style-card__preview span{aspect-ratio:1;background:color-mix(in srgb,var(--color-accent),var(--color-background) calc((var(--card-index, 0) + 1) * 6%));border:1px solid var(--color-line);border-radius:18px}.style-card__preview span:nth-child(2n){background:color-mix(in srgb,var(--color-coral),transparent 14%);border-radius:999px}.style-card__preview span:nth-child(3n){background:color-mix(in srgb,var(--color-sky),transparent 20%)}.style-card__preview span:nth-child(5n){background:color-mix(in srgb,var(--color-lilac),transparent 18%)}.style-card__meta{display:grid;gap:8px}.style-card__name{font-size:22px;font-weight:800}.style-card__tagline{color:color-mix(in srgb,currentColor,transparent 42%);line-height:1.4}.style-card__chips{display:flex;flex-wrap:wrap;gap:8px}.style-card__chips span{background:var(--color-panel-strong);border-radius:999px;color:color-mix(in srgb,currentColor,transparent 28%);font-size:12px;padding:6px 9px}.style-detail{background:var(--color-panel);border:1px solid var(--color-line);border-radius:34px;display:grid;gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:28px}.style-detail__kicker{color:var(--color-accent);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}.style-detail h2{font-size:clamp(34px,5vw,72px);line-height:1;margin:8px 0 12px}.style-detail p{color:color-mix(in srgb,currentColor,transparent 34%);line-height:1.5}.style-detail__manifest{display:grid;gap:0;margin:0}.style-detail__manifest div{display:contents}.style-detail dt,.style-detail dd{border-top:1px solid var(--color-line);margin:0;padding:14px 0}.style-detail dt{color:var(--color-accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.style-detail dd{color:color-mix(in srgb,currentColor,transparent 24%);line-height:1.45}.palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.palette span{border:1px solid var(--color-line);border-radius:999px;padding:8px 10px}.creator__layout,.api__layout{display:grid;gap:18px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.creator__panel,.creator__preview,.api pre,.api__notes,.assets__empty{background:var(--color-panel);border:1px solid var(--color-line);border-radius:28px;padding:18px}.creator__panel{display:grid;gap:16px}.creator__panel label{color:color-mix(in srgb,currentColor,transparent 28%);display:grid;gap:8px}.creator__panel label span{color:color-mix(in srgb,currentColor,transparent 56%);font-size:12px}.creator__panel input,.creator__panel select,.creator__panel textarea{background:#111;border:1px solid var(--color-line);border-radius:16px;color:var(--color-foreground);padding:12px}.creator__check{align-items:center;display:flex!important;gap:10px!important}.creator__button{background:var(--color-accent);border-radius:999px;color:#050505;cursor:pointer;font-weight:800;padding:14px 18px}.creator__button:disabled{cursor:wait;opacity:.66}.creator__status{border:1px solid var(--color-line);border-radius:999px;color:color-mix(in srgb,currentColor,transparent 28%);margin:0;padding:10px 12px;text-transform:capitalize}.creator__status--completed{border-color:var(--color-mint);color:var(--color-mint)}.creator__status--failed{border-color:var(--color-coral);color:var(--color-coral)}.creator__error,.asset-card__error{color:var(--color-coral)!important}.creator__preview{display:grid;gap:14px}.creator__preview pre{color:color-mix(in srgb,currentColor,transparent 35%);margin:0;overflow:auto;white-space:pre-wrap}.generated-card{align-content:end;background:color-mix(in srgb,var(--color-accent),var(--color-background) 16%);border-radius:26px;color:#050505;display:grid;gap:10px;min-height:320px;padding:22px}.generated-card--portrait{min-height:420px;max-width:360px}.generated-card--landscape{min-height:260px}.generated-card__label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.generated-card strong{font-size:clamp(24px,4vw,46px);line-height:1}.generated-card small{color:color-mix(in srgb,#050505,transparent 35%)}.assets__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.asset-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:28px;margin:0;padding:14px}.asset-card__image{align-items:center;aspect-ratio:1;background:color-mix(in srgb,var(--color-coral),var(--color-background) 12%);border-radius:22px;color:#050505;display:flex;font-weight:800;justify-content:center;overflow:hidden;padding:16px}.asset-card__image img{border-radius:16px;display:block;height:100%;object-fit:contain;width:100%}.asset-card p{line-height:1.35}.asset-card small{color:color-mix(in srgb,currentColor,transparent 48%)}.asset-card a{color:var(--color-accent);display:inline-block;margin-top:10px}.assets__empty{color:color-mix(in srgb,currentColor,transparent 36%)}.api pre{margin:0;overflow:auto;white-space:pre-wrap}.api__notes{align-content:center;color:color-mix(in srgb,currentColor,transparent 28%);display:grid;font-size:20px;gap:12px;line-height:1.4}.developer-panel{display:grid;gap:18px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:18px}.developer-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:28px;display:grid;gap:14px;padding:18px}.developer-card p{color:var(--color-accent);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}.developer-card strong{font-size:clamp(44px,8vw,92px);line-height:.9}.developer-card span{color:color-mix(in srgb,currentColor,transparent 24%)}.developer-card ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.developer-card li{border-top:1px solid var(--color-line);display:grid;gap:3px;padding-top:10px}.developer-card small{color:color-mix(in srgb,currentColor,transparent 48%)}.developer-card__error{color:var(--color-coral)!important}.key-form{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.key-form input{background:#111;border:1px solid var(--color-line);border-radius:16px;color:var(--color-foreground);padding:12px}.key-form button{background:var(--color-accent);border-radius:999px;color:#050505;cursor:pointer;font-weight:800;padding:12px 16px}.key-token{background:#111!important;color:var(--color-mint)!important;font-size:12px}@media(max-width:860px){.stansil{padding:12px}.stansil__header{align-items:flex-start;border-radius:24px;flex-direction:column;position:static}.hero,.style-detail,.creator__layout,.api__layout,.developer-panel{grid-template-columns:1fr}.section-heading--row{align-items:flex-start;flex-direction:column}.key-form{grid-template-columns:1fr}.hero,.styles,.style-detail,.creator,.assets,.api{padding:46px 0}}