:root{--ink:#17120d;--paper:#f6efe4;--gold:#b68a4c;--gold2:#d4b27b;--line:rgba(182,138,76,.38);--muted:#756757}
*{box-sizing:border-box}html{background:#100d0a}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:radial-gradient(circle at 25% 0,#3d3022 0,#17120d 46%,#0c0907 100%);min-height:100vh}.shell{max-width:1200px;margin:auto;min-height:100vh;display:grid;grid-template-columns:minmax(320px,.84fr) minmax(430px,1.16fr);box-shadow:0 30px 100px #0008}.hero{position:relative;min-height:100vh;overflow:hidden;background:#1d1711}.hero img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,7,.1),rgba(14,10,7,.25) 45%,rgba(14,10,7,.88))}.brand{position:absolute;left:0;right:0;bottom:44px;text-align:center;color:#f3e8d7;letter-spacing:.45em;text-shadow:0 2px 16px #000}.vmark{font-size:72px;line-height:.7;color:var(--gold2);letter-spacing:0}.brand p{font-size:15px;margin:22px 0 10px}.brand span{font-family:Arial,sans-serif;font-size:10px}.studio{background:linear-gradient(160deg,#fbf7f0,#eee2d2);padding:clamp(34px,6vw,78px);display:flex;flex-direction:column;justify-content:center;min-height:100vh;border-left:1px solid #d3b989}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.32em;color:#8d6938;margin:0 0 17px}h1{font-size:clamp(38px,5vw,66px);font-weight:400;line-height:1.02;margin:0 0 18px}.intro{font-size:17px;line-height:1.7;color:#655847;max-width:680px}.panel{margin-top:25px}label{display:block;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;margin-bottom:9px;color:#765b37}textarea,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.62);color:#2a2118;border-radius:2px;padding:17px;font:16px/1.6 Georgia,serif;outline:none;box-shadow:inset 0 1px 0 #fff}textarea:focus,select:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(182,138,76,.12)}#narration{min-height:190px;resize:vertical}.meter{display:flex;justify-content:space-between;font:11px Arial,sans-serif;color:#887866;margin-top:8px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.field output{float:right;color:#9a7441}.field select{height:53px}.field input{width:100%;accent-color:#9b713d}.actions{display:flex;gap:12px;margin-top:26px}button{border-radius:2px;padding:15px 20px;font:700 11px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;transition:.2s}.primary{background:#231a12;color:#f8eddb;border:1px solid #231a12;flex:1}.primary:hover{background:#3a2a1d}.secondary{background:transparent;color:#5a4227;border:1px solid #a98759;flex:1}.secondary:disabled{opacity:.38;cursor:not-allowed}.status{margin-top:15px;padding:12px 14px;border-left:2px solid var(--gold);font:13px Arial,sans-serif;color:#6c5a45;background:#fff7}audio{width:100%;margin-top:14px}details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font:700 10px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#765b37}details textarea{margin-top:12px;min-height:110px;font-size:14px}.busy{opacity:.7;pointer-events:none}
@media(max-width:820px){.shell{display:block}.hero{min-height:50vh}.studio{min-height:auto;padding:34px 22px 48px;border-left:0;border-top:1px solid #d3b989}.brand{bottom:24px}.controls{grid-template-columns:1fr}.actions{flex-direction:column}h1{font-size:42px}}