/* Header typography and logo match Token Workshop. */
body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body>header.site-header{display:block;flex:none;padding:0;min-height:0;background:#0b0b0d;border-bottom:1px solid #303036;color:#ece9e4;font:16px/normal Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header .header-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;min-height:76px;display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;padding:10px 0}
.site-header .brand{display:flex;align-items:center;gap:12px;font:inherit;color:inherit;white-space:nowrap}
.site-header .brand-mark{width:44px;height:44px;flex:none;object-fit:contain;border:1px solid #70252b;background:#050505}
.site-header .brand strong,.site-header .brand small{display:block;line-height:normal}
.site-header .brand strong{font-size:1rem;font-weight:700}.site-header .brand small{margin-top:3px;color:#9c9995;font-size:.75rem}
.site-header .main-nav{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}
.site-header .main-nav a{padding:10px 12px;border-radius:7px;color:#bdb9b4;font-size:.86rem}.site-header .main-nav a:hover{background:#1d1d21;color:#fff}
.site-header .actions{display:flex;justify-content:center;padding:7px 12px;background:#181a1f;border-top:1px solid #303036;font:14px/1.5 system-ui,Segoe UI,sans-serif}
body>main{flex:1;min-height:0;height:auto}
#assetPreview{position:fixed;z-index:10000;width:302px;max-width:calc(100vw - 16px);padding:10px;border:1px solid #80704f;border-radius:8px;background:#1b1e24;box-shadow:0 8px 28px #0009;pointer-events:none}
#assetPreview canvas{display:block;width:100%;height:auto;border-radius:4px;background-color:#343940;background-image:linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff06 75%),linear-gradient(-45deg,transparent 75%,#ffffff06 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
#assetPreview>div{text-align:center;margin-top:8px;font-size:13px;overflow-wrap:anywhere;color:#eee9df}
@media(max-width:760px){body{height:auto;min-height:100dvh;overflow:auto}.site-header .header-inner{gap:10px;flex-direction:column}.site-header .main-nav a{padding:8px 9px}body>main{flex:none;height:auto}}