:root{--paper:#080d0c;--ink:#f0ecd9;--muted:#b1b8a6;--line:#34452d}body{background:#080d0c}header.studio-header{height:auto;min-height:100px;padding:22px 32px;gap:20px;flex-wrap:wrap}.studio-header nav{flex-wrap:wrap;gap:20px}.studio-header .brand{display:flex;gap:12px;align-items:center}.studio-header img{width:46px;height:46px;object-fit:contain}.studio-main{padding:28px 32px 70px}.studio-heading{max-width:820px;margin:0 0 34px}.studio-heading h1{font:700 clamp(32px,5vw,58px) 'Space Grotesk',sans-serif;line-height:1.08;margin:12px 0 18px;letter-spacing:-2px}.studio-heading p{color:var(--muted);line-height:1.7}.studio-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.studio-tabs a{border:1px solid #405434;padding:10px 16px;border-radius:30px;font-size:12px}.studio-tabs a.active{background:#b8f64d;color:#17220e}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:28px;align-items:start}.art-preview{background:#121a19;border:1px solid #405434;border-radius:18px;padding:16px;position:sticky;top:20px}.art-preview canvas,.art-preview>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px;background:repeating-conic-gradient(#17201c 0 25%,#121916 0 50%) 0/24px 24px}.preview-caption{display:flex;gap:15px;justify-content:space-between;padding:14px 0 2px;font-size:12px;color:#c2cbb6}.tag{display:inline-block;padding:6px 10px;background:#263420;color:#c5ef7b;border:1px solid #4e6636;border-radius:20px;font-size:10px;letter-spacing:1px}.studio-panel{padding:24px;background:#101810;border:1px solid #35472e;border-radius:14px}.studio-panel h2{font:600 25px 'Space Grotesk',sans-serif;margin:0 0 14px}.trait-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-main label{display:grid;gap:7px;font-size:12px;color:#cad1be}.studio-main select,.studio-main input{width:100%;min-width:0;border:1px solid #455a39;border-radius:8px;background:#192319;color:#f0ecd9;padding:12px;font:inherit}.studio-main input:focus,.studio-main select:focus{outline:2px solid #b8f64d}.studio-main .button{border-radius:8px;gap:8px}.studio-main .dark{background:#b8f64d;color:#18220c;border-color:#b8f64d}.studio-main .outline{color:#efe9cf;border-color:#708053}.studio-main .button-row{margin:20px 0}.studio-note{font-size:12px;line-height:1.7;color:#b7c3ae;border-left:2px solid #92b965;padding:8px 14px;margin:18px 0}.studio-status{min-height:25px;color:#c6ef8b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.studio-status.error{color:#ffb5a6}.studio-main details{border-top:1px solid #34452d;margin-top:16px;padding-top:14px}.studio-main summary{cursor:pointer;font-size:13px}.trait-list{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px}.trait-list span{font-size:11px;padding:6px 9px;border:1px solid #405434;border-radius:5px}.generator{margin:45px 0}.generator-fields{display:grid;grid-template-columns:2fr 2fr 1fr;gap:15px}.plan-summary{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.plan-summary span{padding:8px 12px;background:#263420;border-radius:7px;font-size:12px}.draft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.draft-card{padding:10px;border:1px solid #3b4e31;border-radius:12px;background:#152016;text-align:left;color:var(--ink);cursor:pointer}.draft-card canvas{width:100%;aspect-ratio:1;background:#0e1510;border-radius:7px;display:block}.draft-card strong,.draft-card small{display:block;margin-top:8px}.draft-card small{color:#a8ba97}.export-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:450px}.studio-main progress{width:100%;accent-color:#b8f64d;margin:14px 0}.studio-main [hidden]{display:none!important}.mint-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.mint-facts article{padding:15px;background:#1a2517;border-radius:9px}.mint-facts small{display:block;color:#b4c0aa;margin-bottom:7px}.mint-facts strong{font-size:18px}.studio-main pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 monospace}.metadata-lookup{margin-top:30px}.metadata-lookup img{max-width:100%;border-radius:12px}.tx-list a{display:block;margin:10px 0;overflow-wrap:anywhere;color:#c6ef8b;font-size:12px}.studio-footer{padding:24px 32px;border-top:1px solid #34452d;display:flex;gap:20px;flex-wrap:wrap;font-size:12px}@media(max-width:800px){.workspace{grid-template-columns:1fr}.art-preview{position:static;max-width:620px}.studio-main{padding:20px 16px 40px}.generator-fields{grid-template-columns:1fr}.draft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header{padding:18px!important}.studio-panel{padding:18px}.studio-heading h1{letter-spacing:-1px}}@media(max-width:400px){.trait-controls,.mint-facts{grid-template-columns:1fr}}
