.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.brand .logo-word{margin:0;font:400 22px/1 var(--font-display);letter-spacing:.02em}
.brand .logo-word a{color:inherit;text-decoration:none}
.brand .logo-word span{color:var(--accent-text)}
.stage[data-bg=custom]{background:var(--stage-custom)!important}
.stage[data-bg=custom] .hint{color:#fff;text-shadow:0 1px 2px #000a}
.views{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(6px);z-index:3}
.views button{border:0;background:transparent;border-radius:999px;padding:6px 11px;font-size:12px;color:var(--muted);min-height:30px}
.views button:hover{color:var(--fg);background:var(--panel-2)}
.field{display:grid;gap:8px}
.field-label{font-size:13px;font-weight:600;color:var(--fg)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font-size:12px;padding:7px 11px;border-radius:999px;background:transparent;min-height:34px}
.chips button[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)}
.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.swatches button{aspect-ratio:1;min-height:0;padding:0;border-radius:8px;border:2px solid var(--line)}
.swatches button[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.swatches .swatch-none,.xp-frame{background-color:#fff;background-image:linear-gradient(45deg,#d9dce3 25%,transparent 25%,transparent 75%,#d9dce3 75%),linear-gradient(45deg,#d9dce3 25%,transparent 25%,transparent 75%,#d9dce3 75%);background-size:12px 12px;background-position:0 0,6px 6px}
.mini{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.mini select,.mini input[type=color]{width:100%}
input[type=color]{min-height:36px;padding:2px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2);cursor:pointer}
#exportDialog{width:min(920px,calc(100% - 32px))}
.xp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start;margin-top:16px}
.xp-preview{position:sticky;top:0;display:grid;gap:8px}
.xp-frame{--maxh:52dvh;width:min(100%,calc(var(--maxh) * var(--ar,1)));aspect-ratio:var(--ar,1);margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center}
.xp-frame canvas{display:block;width:100%;height:100%}
.xp-size{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.xp-options{display:grid;gap:18px}
.xp-options .row{display:flex;gap:10px;align-items:end}
#exportActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
#exportActions button{flex:1 1 auto;min-height:46px}
#exportActions .primary{flex:2 1 180px}
#placeField .slider{margin-top:6px}
@media(max-width:820px){
  .xp{grid-template-columns:1fr}
  .xp-preview{position:static}
  .xp-frame{--maxh:34dvh}
  .views{top:10px;max-width:calc(100% - 20px);overflow-x:auto}
  .views button{padding:6px 9px}
  .swatches{grid-template-columns:repeat(8,1fr)}
}
html.embed .top,html.embed .rail,html.embed .tabs,html.embed .ad-slot-wrap,html.embed .views,html.embed .hint,html.embed #consent,html.embed .loading{display:none!important}
html.embed .app{display:block!important;position:fixed!important;inset:0!important}
html.embed .stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important}
.export-kind{display:flex;gap:6px;margin:12px 0 4px;border-bottom:1px solid var(--line)}
.export-kind button{min-height:44px;padding:0 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font:600 14px var(--font-body);cursor:pointer}
.export-kind button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}
#animationExportPanel{display:grid;gap:12px;margin-top:12px}
#animationExportPanel[hidden]{display:none}