:root{--color-page:#f4f7f6;--color-surface:#fff;--color-ink:#17191f;--color-muted:#59616d;--color-border:#d8dee4;--color-border-strong:#aeb7c2;--color-disabled:#edf0f2;--color-yellow:#ffd84d;--color-teal:#148074;--color-blue:#2f66d0;--color-coral:#c24b3b;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;margin:0}button,a{font:inherit}a:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}code{font-family:var(--font-mono)}.app-shell{min-height:100svh;color:var(--color-ink);background:linear-gradient(90deg, #14807414 0 1px, transparent 1px 100%), linear-gradient(180deg, #14807414 0 1px, transparent 1px 100%), var(--color-page);background-size:56px 56px;flex-direction:column;align-items:center;display:flex}.environment-bar{width:100%;min-height:42px;color:var(--color-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border);text-align:center;justify-content:center;align-items:center;gap:14px;padding:8px 18px;font-size:13px;line-height:1.3;display:flex}.environment-bar span{align-items:center;min-height:24px;display:inline-flex}.environment-bar span+span:before{content:"";background:var(--color-border-strong);border-radius:999px;width:4px;height:4px;margin-right:14px}.home-layout,.status-panel,.tag-layout{width:min(100%,760px);margin:auto;padding:48px 22px}.brand-lockup,.profile-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.brand-mark,.profile-avatar{border:1px solid var(--color-ink);background:var(--color-yellow);width:78px;height:78px;color:var(--color-ink);box-shadow:7px 7px 0 var(--color-ink);border-radius:20px;place-items:center;font-weight:800;display:grid}.profile-avatar{background:var(--color-teal);color:#fff}.eyebrow{color:var(--color-muted);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800;line-height:1.2}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);line-height:1.04}h1{margin-bottom:16px;font-size:clamp(40px,10vw,72px);font-weight:850}h2{margin-bottom:8px;font-size:28px}h3{margin-bottom:4px;font-size:18px}p{color:var(--color-muted)}.lead{max-width:610px;color:var(--color-muted);margin:22px 0 0;font-size:19px}.fallback-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.primary-link,.secondary-link,.slot-action{border:1px solid var(--color-ink);border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-link{color:var(--color-ink);background:var(--color-yellow);box-shadow:5px 5px 0 var(--color-ink);padding:0 18px}.secondary-link{width:fit-content;color:var(--color-ink);background:var(--color-surface);margin-top:22px;padding:0 16px}.slot-action{width:76px;color:var(--color-surface);background:var(--color-ink);flex:0 0 76px}.primary-link:hover,.secondary-link:hover,.slot-action:hover{transform:translate(-2px,-2px)}.primary-link:hover{box-shadow:7px 7px 0 var(--color-ink)}.primary-link--disabled,.slot-action--disabled{color:var(--color-muted);background:var(--color-disabled);box-shadow:none;cursor:not-allowed}.sample-url,.tag-code{overflow-wrap:anywhere;max-width:100%;color:var(--color-muted);font-family:var(--font-mono);font-size:14px}.status-panel{align-content:center;gap:12px;display:grid}.status-panel--warning .tag-code{color:var(--color-coral)}.tag-code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;width:fit-content;margin-top:8px;padding:9px 11px}.tag-layout{gap:36px;display:grid}.profile-copy{min-width:0}.profile-copy h1{margin-bottom:8px}.profile-copy p:last-child{margin-bottom:0}.share-card-panel,.single-slot-panel{gap:18px;display:grid}.section-heading{flex-direction:column;gap:2px;display:flex}.slot-list{gap:12px;display:grid}.slot-item{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:84px;padding:16px;display:grid}.slot-copy{min-width:0}.slot-copy h3,.slot-copy p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-copy p{margin-bottom:0}.slot-glyph{background:var(--color-blue);color:#fff;text-transform:uppercase;border-radius:999px;place-items:center;font-weight:850;display:inline-grid}.slot-glyph--small{width:48px;height:48px;font-size:13px}.slot-glyph--large{width:74px;height:74px;font-size:16px}.single-slot-panel{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:22px}.single-slot-panel p:last-child{margin-bottom:0}@media (width<=640px){.environment-bar{flex-direction:column;gap:2px}.environment-bar span+span:before{display:none}.home-layout,.status-panel,.tag-layout{padding:34px 18px}.brand-lockup,.profile-header{grid-template-columns:1fr}.brand-mark,.profile-avatar{width:68px;height:68px;box-shadow:5px 5px 0 var(--color-ink);border-radius:18px}h1{font-size:42px}.lead{font-size:17px}.slot-item,.single-slot-panel{grid-template-columns:auto minmax(0,1fr)}.slot-action,.single-slot-panel .primary-link{grid-column:1/-1;width:100%}}