:root{--paper:#f6f1e7;--ink:#17231f;--green:#174c3b;--green2:#236b54;--line:#c9c0ae;--white:#fff;--font-size:19px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Georgia,"Times New Roman",serif;background:var(--paper);color:var(--ink)}
button,input,textarea{font:inherit}
button{cursor:pointer}
.studio-login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#ece3d2,#faf7f0)}
.studio-login-card{width:min(620px,100%);padding:48px;border:2px solid var(--green);border-radius:20px;background:#fff;box-shadow:0 24px 70px #24372d25}
.studio-kicker,.studio-header p{margin:0;color:var(--green2);font:700 15px Arial,sans-serif;letter-spacing:.18em}
.studio-login-card h1{margin:10px 0;font-size:48px}
.studio-login-card>p{font-size:22px}
label{display:grid;gap:9px;margin:18px 0;font-weight:700;font-size:19px}
input,textarea{width:100%;border:2px solid #8d998e;border-radius:12px;background:#fff;padding:16px;color:var(--ink)}
input:focus,textarea:focus{outline:4px solid #80bca555;border-color:var(--green)}
.studio-login-card input{font-size:22px}
.studio-primary,.studio-secondary,.studio-approve{min-height:50px;border:0;border-radius:10px;padding:10px 18px;font:700 15px Arial,sans-serif}
.studio-primary{background:var(--green);color:#fff}
.studio-secondary{border:2px solid var(--green);background:#fff;color:var(--green)}
.studio-approve{background:#9a3428;color:#fff}
.studio-login-card .studio-primary{width:100%;margin-top:10px}
.studio-error{min-height:28px;margin-top:12px;color:#a0241b;font-size:18px}
.studio-home-link{display:block;margin-top:24px;color:var(--green);font-size:18px}
.studio-page{font-size:var(--font-size);overflow:hidden}
.studio-header{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:2px solid var(--line);background:#fff}
.studio-header h1{margin:3px 0 0;font-size:30px}
.studio-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.studio-header nav button{min-height:40px;border:1px solid var(--line);border-radius:8px;background:#f8f4eb;padding:7px 11px;font:700 11px Arial,sans-serif}
.studio-header nav button.active{background:var(--green);color:#fff}
.studio-main{height:calc(100vh - 92px)}
.studio-view{display:none;height:100%;padding:13px 22px}
.studio-view.active{display:flex;flex-direction:column}
.conversation-title{padding-bottom:8px;border-bottom:1px solid var(--line);font-weight:700;font-size:22px}
.chat-messages{flex:1;overflow:auto;padding:10px 2vw}
.message{max-width:86%;margin:0 0 10px;padding:12px 16px;border-radius:13px;background:#fff;box-shadow:0 3px 12px #24372d14}
.message.author{margin-left:auto;background:#dceee5}
.message strong{display:block;margin-bottom:5px;color:var(--green);font:700 13px Arial,sans-serif}
.message p{margin:0;white-space:pre-wrap;line-height:1.42}
.message-composer{padding:8px 2vw 5px;border-top:2px solid var(--line);background:#eee6d7}
.message-composer label{gap:5px;margin:0 0 5px;font-size:17px}
.message-composer textarea{min-height:88px;resize:vertical;padding:11px 14px;font-size:var(--font-size);line-height:1.38}
.studio-big-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:8px}
.studio-big-actions button{min-height:50px;font-size:15px}
.studio-status{min-height:20px;margin-top:5px;color:var(--green);font-weight:700}
.view-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.view-heading h2{font-size:32px}
.view-heading button{min-height:46px;border:0;border-radius:9px;background:var(--green);padding:9px 16px;color:#fff;font-weight:700}
.large-list{display:grid;gap:10px;overflow:auto}
.list-card{display:grid;grid-template-columns:1fr auto;gap:11px;align-items:center;border:2px solid var(--line);border-radius:12px;background:#fff;padding:14px}
.list-card h3{margin:0 0 5px;font-size:22px}.list-card p{margin:0;color:#52615a}
.list-card button{min-height:44px;border:0;border-radius:8px;background:var(--green);padding:8px 15px;color:#fff;font-weight:700}
.studio-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:24px;background:#15251fdd}
.studio-overlay[hidden]{display:none}
.draft-card,.confirm-card{width:min(1100px,100%);border-radius:18px;background:var(--paper);padding:32px;box-shadow:0 25px 80px #0007}
.draft-card h2,.confirm-card h2{margin-top:0;font-size:36px}
.draft-card textarea{font-size:19px;line-height:1.55}
.draft-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}
.confirm-card{width:min(700px,100%);text-align:center}
.confirm-card p{font-size:24px;line-height:1.5}.confirm-card button{width:100%;margin-top:12px}
@media(max-width:900px){.studio-page{overflow:auto}.studio-header{align-items:flex-start;flex-direction:column}.studio-main{height:auto;min-height:calc(100vh - 160px)}.studio-view{min-height:calc(100vh - 160px)}.studio-big-actions,.draft-actions{grid-template-columns:1fr}.message{max-width:95%}}
@media(max-width:600px){:root{--font-size:17px}.studio-header,.studio-view{padding:12px}.studio-header h1{font-size:26px}.studio-login-card{padding:24px}.studio-login-card h1{font-size:36px}}