/* RNZW Wardrobe - camada visual independente; o projeto original segue intacto. */
:root {
  color-scheme: dark;
  --bg: #0b0b0e;
  --panel: #171217;
  --line: #403036;
  --muted: #b5a3aa;
  --text: #f9f2f4;
  --accent: #ff344c;
  --green: #ff384b;
}
body { background: radial-gradient(ellipse 650px 370px at 80% -90px, #55121c 0%, transparent 70%), #0b0b0e; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .17; background-image: linear-gradient(#ff385017 1px, transparent 1px), linear-gradient(90deg,#ff385017 1px,transparent 1px); background-size: 50px 50px; }
.shell { position: relative; z-index: 1; }
.topbar { border-color: #462129; }
.brand { font-size: 13px; gap: 12px; letter-spacing: 1.1px; }
.brandmark { width: 40px; height: 40px; background: linear-gradient(135deg,#ff5167,#a90927); color: #fff; border-radius: 11px; font-weight: 950; box-shadow: 0 0 35px #e51d413d; }
.rnzw-brand-main { font-size: 16px; color: #fff; font-weight: 900; }
.rnzw-brand-main b { color: #ff4458; }
.rnzw-brand-sub { display:block; color:#ae8f97; font-size: 9px; font-weight: 650; letter-spacing: 2.5px; margin-top:2px; }
.eyebrow { color:#ff6476; }
h1 { letter-spacing: -1.25px; }
.stage, .panel { background:linear-gradient(160deg, #1f161b, #100f12); border:1px solid #513038; box-shadow:0 16px 60px #0006; }
#viewport { background:radial-gradient(ellipse at 50% 40%,#49232e 0,#26131b 43%,#0f0e11 81%); }
.watermark { color:#fa2a3a09; }
.stage-head .badge { color:#fdbac4; border-color:#74313f; background:#351820bf; }
.stage-footer { border-color:#58323b; }
.small-button, .mix-tools button, .fish-menu-toggle { background: #26171e; border-color:#65323d; }
.small-button:hover, .mix-tools button:hover, .fish-menu-toggle:hover { background:#46202c; }
.panel-title { font-size: 18px; font-weight: 800; }
select, .fixed-value { background:#211920; border-color:#533740; }
select:focus { border-color:#ff344c; }
.form-divider { background:#4b3038; }
.row-icon { color:#ffc0cc; }
.preset { background:#261a22; border-color:#55343d; }
.preset:hover, .preset[aria-pressed="true"] { background:#3f1e2a; border-color:#ff455c; }
.download { background:linear-gradient(110deg,#fa2543,#b70726); color:#fff; box-shadow:0 6px 25px #d9193d48; }
.download:hover { background:linear-gradient(110deg,#ff526a,#dd153b); }
.download:disabled { background:#4b3037; box-shadow:none; color:#c49aa6; }
.fish-menu { background:#21151c; border-color:#6b313e; min-width:200px; }
.fish-menu a:hover { background:#55212e; }
.choice-card,.package-card,.version-card { background:#191217; border-color:#4a3038; }
.choice-card:hover,.package-card:hover { border-color:#fe546a; }
.choice-card.active { border-color:#ff4059; background:#451c29; box-shadow:inset 0 0 0 1px #e72d48; }
footer { border-top:1px solid #42212b; margin-top:28px; }
.rnzw-credit-inline { color:#ffc3cc; background:none; padding:0; border:0; font:inherit; text-decoration:underline; cursor:pointer; }
.rnzw-credit-inline:hover { color:#fff; }
#rnzw-credit-button { color:#ffc3cd; font-weight:700; background:#371824; border:1px solid #723440; }
#rnzw-credit-button:hover { background:#5f2030; }
.rnzw-credit-dialog { position:fixed; inset:0; margin:auto; width:min(540px,calc(100vw - 24px)); max-height:min(650px,calc(100dvh - 24px)); overflow:auto; background:#1b141a; color:#f9f5f7; border:1px solid #944253; border-radius:18px; padding:0; box-shadow:0 40px 100px #000b; }
.rnzw-credit-dialog::backdrop { background:#030204dd; backdrop-filter:blur(7px); }
.rnzw-credit-head { border-bottom:1px solid #64313e; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px 24px; background:linear-gradient(135deg,#441925,#201319); }
.rnzw-credit-head h2 { margin:0; font-size:20px; }
.rnzw-credit-close { border:1px solid #854351; background:#24151c; color:#fff; border-radius:8px; padding:7px 10px; font-size:18px; cursor:pointer; }
.rnzw-credit-body { padding:24px; font-size:14px; line-height:1.7; color:#e9dce0; }
.rnzw-credit-body h3 { margin:0 0 8px; color:#fff; }
.rnzw-credit-body p { margin:0 0 14px; }
.rnzw-credit-body a { color:#ff8494; text-decoration:underline; overflow-wrap:anywhere; }
.rnzw-credit-label { display:inline-flex; border:1px solid #823441; color:#ffb0bd; border-radius:999px; padding:4px 11px; font-size:11px; font-weight:800; letter-spacing:1px; margin-bottom:14px; }
.rnzw-credit-note { font-size:12px; color:#baa6ac; border-top:1px solid #5f303a; padding-top:13px; }
@media(max-width:600px){.rnzw-brand-main{font-size:13px}.rnzw-brand-sub{font-size:8px}.brandmark{width:34px;height:34px}.rnzw-credit-head,.rnzw-credit-body{padding:18px}.stage{position:relative}}