:root { color-scheme: light; }
body { background:#f3f5f4; color:#17332f; }
.studio-header { background:#fff; border-bottom:1px solid #dce5e1; }
.studio-nav { max-width:1280px; padding:22px 16px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.studio-kicker { color:#668079; font-size:11px; letter-spacing:2px; font-weight:700; }
.studio-nav h1 { margin:5px 0 0; font-size:24px; font-weight:750; }
.local-badge { white-space:nowrap; color:#176b65; font-size:13px; background:#e9f6ef; padding:8px 12px; border-radius:24px; }
.local-badge span { display:inline-block; width:7px; height:7px; border-radius:50%; background:#2d9b65; margin-right:7px; }
.studio-intro { max-width:1280px; padding:28px 16px 8px; margin:auto; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:18px; }
.studio-intro h2 { font-size:24px; font-weight:700; letter-spacing:-.5px; margin:0 0 8px; }
.studio-intro p { color:#698079; font-size:13px; }
.draft-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.draft-actions button { padding:8px 12px; border:1px solid #d4dfd9; background:white; border-radius:8px; font-size:13px; cursor:pointer; }
.draft-actions button:hover { border-color:#176b65; color:#176b65; }
#draftStatus { width:100%; font-size:12px; color:#698079; text-align:right; min-height:18px; }
.studio-footer { padding:22px; text-align:center; color:#7a8c85; font-size:12px; border-top:1px solid #dce5e1; }
.region-btn.active,.bill-type-btn.active { border-color:#176b65; background:#e9f6ef; box-shadow:none; }
.bill-preview-container { border:1px solid #e0e7e3; box-shadow:0 5px 24px #23392f08; }
.export-sheet { position:relative !important; }
button:disabled { opacity:.55; cursor:wait; }
button:focus-visible,input:focus-visible { outline:2px solid #176b65; outline-offset:3px; }
@media(max-width:640px) { .studio-nav h1 { font-size:20px; } .studio-intro h2 { font-size:21px; } .local-badge { font-size:11px; padding:7px; } }