:root{--create: 80 100% 50%;--create-foreground: 0 0% 4%;--canvas: 0 0% 4%;--canvas-grid: 120 30% 14%;--canvas-fg: 45 33% 93%;--canvas-fg-muted: 45 8% 55%;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--gutter: 32px}:root[data-env=light]{--canvas: 0 0% 100%;--canvas-grid: 220 16% 88%;--canvas-fg: 0 0% 13%;--canvas-fg-muted: 0 0% 42%}.card-frame{--card-width: 244px;--card-aspect: .715;--card-radius: 12px;--card-pad: 14px;--title-size: 20px;--title-leading: .94;--subtitle-size: 9px;--meta-size: 8px;--trust-size: 11px}.card-frame[data-size=sm]{--card-width: 168px;--card-radius: 9px;--card-pad: 10px;--title-size: 14px;--subtitle-size: 8px;--meta-size: 7px;--trust-size: 9px}.card-frame[data-size=md]{--card-width: 244px;--card-radius: 12px;--card-pad: 14px;--title-size: 20px;--subtitle-size: 9px;--meta-size: 8px;--trust-size: 11px}.card-frame[data-size=lg]{--card-width: 320px;--card-radius: 14px;--card-pad: 20px;--title-size: 27px;--subtitle-size: 11px;--meta-size: 9px;--trust-size: 13px}.card-frame[data-size=xl]{--card-width: 408px;--card-radius: 18px;--card-pad: 28px;--title-size: 36px;--title-leading: .9;--subtitle-size: 13px;--meta-size: 10px;--trust-size: 16px}.card{--card-bg: 220 16% 7%;--card-border-color: 0 0% 100%;--card-border-alpha: .14;--card-border-width: 1.5px;--glow-color: 80 100% 50%;--glow-alpha: .35;--glow-blur: 48px;--glow-spread: -6px;--drop-shadow: 0 18px 40px hsl(0 0% 0% / .55);--scrim-strength: .93;--scrim-mid: .44;--badge-bg: 80 100% 50%;--badge-fg: 0 0% 4%;--accent: 80 100% 50%;--title-color: 0 0% 100%}.card[data-theme=light]{--card-bg: 45 50% 95%;--card-border-color: 0 0% 0%;--card-border-alpha: 1;--card-border-width: 2px;--drop-shadow: 4px 4px 0 hsl(0 0% 7%);--scrim-strength: .04;--scrim-mid: .02;--title-color: 0 0% 4%}.card-frame{display:inline-flex;flex-direction:column;align-items:stretch;gap:12px;width:var(--card-width)}.card-stage{width:100%;perspective:1200px}.card-tilt{width:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) scale(var(--tilt-scale, 1));transition:transform .16s ease-out}.card-flip{position:relative;width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.9,.3,1)}.card-flip[data-flipped=true]{transform:rotateY(180deg)}.card-flip__face{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-flip__face--front{position:relative}.card-flip__face--back{position:absolute;inset:0;transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.card-tilt,.card-flip{transition:none}}.card{position:relative;width:100%;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);overflow:hidden;isolation:isolate;color:hsl(var(--title-color, 0 0% 100%));background:hsl(var(--card-bg));border:var(--card-border-width) solid hsl(var(--card-border-color) / var(--card-border-alpha));box-shadow:0 0 var(--glow-blur) var(--glow-spread) hsl(var(--glow-color) / var(--glow-alpha)),var(--drop-shadow);transition:transform .25s ease,box-shadow .25s ease}.card[data-interactive=true]{cursor:pointer}.card[data-interactive=true]:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 0 calc(var(--glow-blur) * 1.4) var(--glow-spread) hsl(var(--glow-color) / calc(var(--glow-alpha) + .18)),var(--drop-shadow)}.card__media{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-color:hsl(var(--card-bg))}.card__media--gradient{background:linear-gradient(150deg,hsl(var(--fallback-hue, 260) 60% 30%),hsl(calc(var(--fallback-hue, 260) + 48) 55% 16%))}.card__media .map-tile{position:absolute;max-width:none;pointer-events:none}.card__media .map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);filter:drop-shadow(0 2px 4px rgb(0 0 0 / .45))}.card__media .map-attribution{position:absolute;right:4px;bottom:4px;padding:1px 4px;border-radius:3px;background:#fffc;color:#000000b3;font-family:var(--font-mono);font-size:7px;text-decoration:none}.card__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#00000005 20%,hsl(0 0% 0% / var(--scrim-mid)) 58%,hsl(0 0% 0% / var(--scrim-strength)))}.card--rich .card__scrim{background:linear-gradient(180deg,#0000000a,#0006 34%,#000000c7 62%,#000000f2)}.card__glare{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--glare-opacity, 0);transition:opacity .2s ease;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),hsl(0 0% 100% / .28),transparent 45%);mix-blend-mode:soft-light}.card__badge{position:absolute;top:12px;left:12px;z-index:4;max-width:60%;padding:5px 9px;border-radius:5px;background:hsl(var(--badge-bg));color:hsl(var(--badge-fg));font-family:var(--font-mono);font-size:var(--meta-size);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__badge--ghost{background:#ffffff1a;color:#ffffffd9;border:1px solid hsl(0 0% 100% / .18)}.card__round-btn{display:grid;place-items:center;width:calc(var(--trust-size) * 2.6);height:calc(var(--trust-size) * 2.6);border-radius:999px;border:1.5px solid hsl(0 0% 100% / .65);background:#0f0f0fc7;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000073;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.card__round-btn:hover{transform:scale(1.06);border-color:hsl(var(--accent));background:#0a0a0aeb;color:hsl(var(--accent))}.card__round-btn svg{width:46%;height:46%}.card__flip-btn{position:absolute;top:12px;right:12px;z-index:5;width:30px;height:30px}.card__flip-btn:hover{transform:rotate(-90deg) scale(1.06)}.card__actions{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card__content{position:absolute;inset:auto 0 0;z-index:3;padding:var(--card-pad);display:flex;flex-direction:column}.card__title{margin:0;font-family:var(--font-sans);font-size:var(--title-size);font-weight:900;line-height:var(--title-leading);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;color:hsl(var(--title-color, 0 0% 100%));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card__subtitle{margin:4px 0 0;font-family:var(--font-mono);font-size:var(--subtitle-size);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--title-color, 0 0% 100%) / .7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__description{margin:8px 0 0;font-family:var(--font-sans);font-size:calc(var(--subtitle-size) + 2px);line-height:1.45;color:hsl(var(--title-color, 0 0% 100%) / .7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__stats{margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.card__stat-label{font-family:var(--font-mono);font-size:calc(var(--meta-size) - 1px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--title-color, 0 0% 100%) / .5)}.card__stat-value{font-family:var(--font-mono);font-size:var(--meta-size);font-weight:700;color:hsl(var(--title-color, 0 0% 100%) / .95)}.card__footer{margin-top:calc(var(--card-pad) * .85);display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.card__trust-value{font-family:var(--font-mono);font-size:var(--trust-size);font-weight:800;text-transform:uppercase;color:hsl(var(--accent));white-space:nowrap}.card__trust-label{margin-top:2px;font-family:var(--font-mono);font-size:calc(var(--meta-size) - 1px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--title-color, 0 0% 100%) / .45)}.card__supporters{display:flex;align-items:center;gap:6px;flex-shrink:0}.card__avatar-stack{display:flex}.card__avatar-bubble{position:relative;display:inline-grid;place-items:center;width:calc(var(--meta-size) * 2.5);height:calc(var(--meta-size) * 2.5);border-radius:999px;border:1px solid hsl(0 0% 0%);background:hsl(var(--accent));color:hsl(var(--badge-fg));font-family:var(--font-mono);font-size:calc(var(--meta-size) - 1px);font-weight:800;text-transform:uppercase;overflow:hidden;box-shadow:0 0 0 1px #0a0a0ae6}.card__avatar-bubble+.card__avatar-bubble{margin-left:-8px}.card__avatar-bubble img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card__staker-count{font-family:var(--font-mono);font-size:var(--meta-size);font-weight:700;text-transform:uppercase;color:hsl(var(--title-color, 0 0% 100%) / .6);white-space:nowrap}.card--back{display:flex;flex-direction:column;background:radial-gradient(ellipse 90% 50% at 50% -10%,hsl(var(--accent) / .14),transparent 60%),hsl(var(--card-bg))}.card--back:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(hsl(var(--title-color, 0 0% 100%) / .07) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--title-color, 0 0% 100%) / .07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 14%,transparent 42%);mask-image:linear-gradient(to bottom,#000 0%,#000 14%,transparent 42%)}.card__back{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;height:100%;overflow-y:auto;padding:var(--card-pad);padding-top:calc(var(--card-pad) + 24px);scrollbar-width:thin}.card__back-title{margin:0 0 2px;font-family:var(--font-sans);font-size:var(--title-size);font-weight:900;line-height:.95;text-transform:uppercase;color:hsl(var(--title-color, 0 0% 100%))}.card__field{flex-shrink:0;padding:7px 9px;border:1px solid hsl(0 0% 100% / .12);border-radius:6px;background:#ffffff06}.card__field-label{margin-bottom:3px;font-family:var(--font-mono);font-size:calc(var(--meta-size) - 1px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--accent))}.card__field-value{font-family:var(--font-mono);font-size:var(--meta-size);font-weight:500;line-height:1.45;color:hsl(var(--title-color, 0 0% 100%) / .92);word-break:break-all}.card__field-value--strong{font-family:var(--font-sans);font-size:var(--subtitle-size);font-weight:800;word-break:normal}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.card-flip__face--live:before,.card-flip__face--live:after{content:"";position:absolute;border-radius:calc(var(--card-radius) + 3px);background:conic-gradient(from var(--ring-angle, 0deg),hsl(var(--accent)),#38bdf8 28%,#c4b4ff 52%,#f5f5f5 70%,hsl(var(--accent)));animation:card-ring-spin 5s linear infinite}.card-flip__face--live:before{inset:-2px;transform:translateZ(-1px)}.card-flip__face--live:after{inset:-10px;filter:blur(20px);opacity:.4;transform:translateZ(-2px)}@keyframes card-ring-spin{to{--ring-angle: 360deg}}@media(prefers-reduced-motion:reduce){.card-flip__face--live:before,.card-flip__face--live:after{animation:none}}.card__onchain{display:inline-flex;align-items:center;gap:8px;align-self:center;padding:6px 12px;border-radius:999px;border:1px solid hsl(var(--card-border-color) / .18);background:#00000080;font-family:var(--font-mono);font-size:var(--meta-size);letter-spacing:.04em;color:hsl(var(--canvas-fg) / .85)}.card__onchain-dot{width:6px;height:6px;border-radius:999px;background:hsl(var(--accent));box-shadow:0 0 6px hsl(var(--accent) / .9)}.card__onchain-suffix{color:hsl(var(--canvas-fg) / .45);text-transform:uppercase}.card--aurora{border-radius:calc(var(--card-radius) + 4px)}.card--aurora .card__scrim{background:radial-gradient(130% 90% at 85% 0%,hsl(var(--accent) / .3),transparent 55%),linear-gradient(125deg,hsl(var(--accent) / .2),transparent 42%),linear-gradient(180deg,transparent 34%,hsl(var(--card-bg) / .15) 60%,hsl(var(--card-bg) / .82) 100%)}.card--aurora .card__content{left:10px;right:10px;bottom:10px;padding:calc(var(--card-pad) * .85);border-radius:16px;background:hsl(var(--card-bg) / .34);border:1px solid hsl(0 0% 100% / .16);box-shadow:inset 0 1px #ffffff24;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25)}.card--aurora[data-theme=light] .card__content{border-color:#0000001f;box-shadow:inset 0 1px #ffffff80}.card--aurora .card__badge{background:#ffffff24;color:#fff;border:1px solid hsl(0 0% 100% / .28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card--aurora.card--back{background:radial-gradient(120% 70% at 50% -10%,hsl(var(--accent) / .22),transparent 60%),linear-gradient(160deg,hsl(var(--accent) / .1),transparent 45%),hsl(var(--card-bg))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);color:hsl(var(--canvas-fg));background-color:hsl(var(--canvas));background-image:linear-gradient(hsl(var(--canvas-grid) / .5) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--canvas-grid) / .5) 1px,transparent 1px),radial-gradient(circle at 50% 30%,hsl(var(--create) / .06),transparent 60%);background-size:32px 32px,32px 32px,100% 100%;-webkit-font-smoothing:antialiased}:root[data-grid=off] body{background-image:none}a{color:inherit}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px var(--gutter);background:hsl(var(--canvas) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--canvas-grid) / .7)}.nav__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav__brand-dot{width:10px;height:10px;border-radius:3px;background:hsl(var(--create));box-shadow:0 0 12px hsl(var(--create) / .8)}.nav__links{display:flex;gap:4px;flex-wrap:wrap}.nav__link{padding:6px 12px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:hsl(var(--canvas-fg-muted));transition:all .15s ease}.nav__link:hover{color:hsl(var(--canvas-fg));background:hsl(var(--canvas-grid) / .5)}.nav__link[aria-current=page]{color:hsl(var(--create-foreground));background:hsl(var(--create))}.nav__toggles{margin-left:auto;display:flex;gap:8px}.nav__env{padding:6px 12px;border:1px solid hsl(var(--canvas-grid));border-radius:6px;background:hsl(var(--canvas-grid) / .4);color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.nav__env:hover{border-color:hsl(var(--create));color:hsl(var(--create))}.page{padding:var(--gutter);max-width:1600px;margin:0 auto}.page__header{margin-bottom:28px}.page__title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.02em}.page__subtitle{margin:8px 0 0;max-width:60ch;color:hsl(var(--canvas-fg-muted));line-height:1.5}.section{margin-bottom:48px}.section__title{margin:0 0 4px;font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--create))}:root[data-env=light] .section__title,:root[data-env=light] .studio-brand,:root[data-env=light] .panel-kicker{color:#587915}.section__note{margin:0 0 20px;font-size:13px;color:hsl(var(--canvas-fg-muted))}.card-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.card-grid--baseline{align-items:flex-end}.specimen{display:flex;flex-direction:column;gap:12px}.specimen__label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--canvas-fg-muted))}.editor{display:grid;grid-template-columns:1fr 340px;gap:var(--gutter);align-items:start}@media(max-width:980px){.editor{grid-template-columns:1fr}}.editor__stage{display:grid;place-items:center;min-height:70vh;padding:40px;border-radius:16px;border:1px solid hsl(var(--canvas-grid) / .7);background:radial-gradient(circle at 50% 40%,hsl(var(--canvas-grid) / .3),transparent 70%),hsl(var(--canvas) / .4)}.editor__panel{position:sticky;top:80px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:6px}.control-group{border:1px solid hsl(var(--canvas-grid) / .7);border-radius:10px;padding:14px 16px;background:hsl(var(--canvas-grid) / .18)}.control-group__title{margin:0 0 12px;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--canvas-fg-muted))}.control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.control__label{font-size:12px;color:hsl(var(--canvas-fg) / .85)}.control__value{font-family:var(--font-mono);font-size:10px;color:hsl(var(--canvas-fg-muted));min-width:44px;text-align:right}.control input[type=range]{flex:1;accent-color:hsl(var(--create))}.control input[type=color]{width:34px;height:24px;padding:0;border:1px solid hsl(var(--canvas-grid));border-radius:5px;background:none;cursor:pointer}.control select,.control input[type=text]{flex:1;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas));color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:11px}.switch{position:relative;width:38px;height:22px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;inset:0;border-radius:999px;background:hsl(var(--canvas-grid));transition:background .15s ease}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;transition:transform .15s ease}.switch input:checked+.switch__track{background:hsl(var(--create))}.switch input:checked+.switch__track:after{transform:translate(16px);background:hsl(var(--create-foreground))}.segmented{display:inline-flex;border-radius:7px;overflow:hidden;border:1px solid hsl(var(--canvas-grid))}.segmented button{padding:6px 10px;border:none;background:hsl(var(--canvas));color:hsl(var(--canvas-fg-muted));font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.segmented button[aria-pressed=true]{background:hsl(var(--create));color:hsl(var(--create-foreground))}.panel-actions{display:flex;gap:8px;margin-top:4px}.btn{flex:1;padding:9px 12px;border-radius:8px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas-grid) / .4);color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.btn:hover{border-color:hsl(var(--create));color:hsl(var(--create))}.btn--primary{background:hsl(var(--create));color:hsl(var(--create-foreground));border-color:hsl(var(--create))}.btn--primary:hover{color:hsl(var(--create-foreground));filter:brightness(1.1)}.import-bar{display:flex;gap:10px;max-width:640px;margin-bottom:14px}.import-input{flex:1;min-width:0;padding:12px 14px;border-radius:10px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas) / .7);color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:13px}.import-input:focus{outline:none;border-color:hsl(var(--create))}.import-bar .btn{flex:0 0 auto;min-width:120px}.import-examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;color:hsl(var(--canvas-fg-muted))}.import-chip{padding:4px 10px;border-radius:999px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas-grid) / .4);color:hsl(var(--canvas-fg) / .85);font-size:10px;cursor:pointer}.import-chip:hover{border-color:hsl(var(--create));color:hsl(var(--create))}.import-status{min-height:20px;margin-bottom:28px;font-family:var(--font-mono);font-size:12px;color:hsl(var(--canvas-fg-muted))}.import-status[data-error=true]{color:#ff645c}.import-stage{display:grid;place-items:center;min-height:440px;padding:40px;border-radius:16px;border:1px solid hsl(var(--canvas-grid) / .7);background:radial-gradient(circle at 50% 40%,hsl(var(--canvas-grid) / .3),transparent 70%),hsl(var(--canvas) / .4)}.import-stage__empty{max-width:36ch;text-align:center;color:hsl(var(--canvas-fg-muted));line-height:1.5}.editor__output{width:100%;min-height:180px;resize:vertical;margin-top:8px;padding:12px;border-radius:8px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas));color:hsl(var(--canvas-fg) / .85);font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre;tab-size:2}.surface-row{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}.surface-tile{flex:1 1 460px;min-width:320px;display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:16px}.surface-tile__label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.surface-tile__stage{flex:1;display:grid;place-items:center}.surface-tile--dark{background:#0f1115;border:1px solid hsl(120 12% 18%)}.surface-tile--dark .surface-tile__label{color:#9c988b}.surface-tile--light{background:#fff;border:1px solid hsl(220 14% 86%);box-shadow:0 1px 2px #0000000d}.surface-tile--light .surface-tile__label{color:#737373}.expand-launchers{display:flex;flex-wrap:wrap;gap:12px}.scenario-btn{display:flex;flex-direction:column;gap:4px;min-width:200px;padding:14px 16px;border:1px solid hsl(var(--canvas-grid));border-radius:10px;background:hsl(var(--canvas-grid) / .25);color:hsl(var(--canvas-fg));text-align:left;cursor:pointer;transition:all .15s ease}.scenario-btn:hover{border-color:hsl(var(--create));background:hsl(var(--canvas-grid) / .45);transform:translateY(-2px)}.scenario-btn__title{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--create))}:root[data-env=light] .scenario-btn__title{color:#587915}.scenario-btn__sub{font-size:11px;color:hsl(var(--canvas-fg-muted))}