.banner-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 24px;padding:24px 0;border-bottom:1px solid var(--line)}
.banner-intro-copy{max-width:720px}.banner-kicker{display:block;margin-bottom:9px;color:var(--blue-text);font-size:10px;font-weight:800;letter-spacing:.16em}.banner-intro h2{margin:0 0 8px;font-size:28px;letter-spacing:-.035em}.banner-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.banner-owner-link{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:5px;color:var(--text);font-size:12px;font-weight:700}.banner-owner-link:hover{border-color:var(--text)}
.banner-studio{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);gap:28px;align-items:start}.banner-controls{display:grid;gap:22px}.banner-controls fieldset{display:grid;gap:11px;border:0;padding:0;margin:0}.banner-controls legend{margin:0 0 10px;font-size:13px;font-weight:750}.banner-controls label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:650}
.banner-layout-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.banner-layout-row button,.banner-preset-row button,.banner-theme-row button{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:700}.banner-layout-row button[aria-pressed=true],.banner-preset-row button[aria-pressed=true],.banner-theme-row button[aria-pressed=true]{border-color:var(--text);background:var(--panel-up);color:var(--text)}
.banner-layout-row small{display:block;margin-top:3px;color:inherit;font-size:8px;font-weight:550;line-height:1.25}
.banner-preset-row,.banner-theme-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.banner-theme-row button{position:relative;padding-left:29px;text-align:left}.banner-theme-row button::before{content:"";position:absolute;left:10px;top:50%;width:11px;height:11px;border-radius:50%;transform:translateY(-50%);background:#121212;border:1px solid #fff5}.banner-theme-row button[data-banner-theme=cobalt]::before{background:#19314d}.banner-theme-row button[data-banner-theme=paper]::before{background:#ece8dd;border-color:#aaa}
.banner-owned-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.banner-owned-head strong{font-size:13px}.banner-owned-head small{color:var(--muted);font-size:10px}.banner-owner-status{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.banner-owned-printers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:260px;overflow:auto;padding:2px}.banner-owned-printers[hidden]{display:none}.banner-owned-printers button{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted)}.banner-owned-printers button[aria-pressed=true]{border-color:var(--blue-text);box-shadow:0 0 0 2px var(--blue-soft)}.banner-owned-printers button[aria-pressed=true]::after{content:"ON";position:absolute;right:4px;top:4px;padding:2px 4px;border-radius:3px;background:#152c4d;color:#fff;font-size:8px;font-weight:800}.banner-owned-printers img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;image-rendering:pixelated}.banner-owned-printers span{display:block;padding:5px 3px;font-size:9px;font-weight:700}
.banner-preview{position:sticky;top:92px;min-width:0}.banner-canvas-frame{overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#121212;box-shadow:0 18px 45px rgba(0,0,0,.12)}.banner-canvas-frame canvas{display:block;width:100%;height:auto}.banner-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 16px;color:var(--muted);font-size:11px}.banner-preview-actions{display:flex;gap:9px}.banner-preview-actions .marketing-download{font-size:12px}.banner-export-status{min-height:20px;margin:8px 0 0;color:var(--muted);font-size:11px}.banner-safety-note{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:900px){.banner-studio{grid-template-columns:1fr}.banner-preview{position:static;grid-row:1}.banner-controls{grid-template-columns:1fr 1fr}.banner-controls>fieldset:last-of-type,.banner-owner-link{grid-column:1/-1}.banner-owned-printers{grid-template-columns:repeat(6,minmax(0,1fr));max-height:none}}
@media(max-width:620px){.banner-intro{display:grid}.banner-owner-link{width:100%}.banner-controls{grid-template-columns:1fr}.banner-controls>fieldset:last-of-type,.banner-owner-link{grid-column:auto}.banner-preset-row{grid-template-columns:1fr}.banner-owned-printers{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-preview-meta{align-items:flex-start}.banner-preview-actions{display:grid}.banner-preview-actions .marketing-download{width:100%}}
