@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--paper: #f6f9f6;--ink: #132327;--muted: #4c686f;--line: rgba(15, 70, 77, .2);--mint: #76f0d3;--mint-deep: #2ec6b5;--sea: #123845}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 16% 12%,rgba(118,240,211,.35),transparent 42%),radial-gradient(circle at 88% 8%,rgba(154,207,251,.26),transparent 40%),linear-gradient(140deg,#ecf4f8,#f3f8ef 50%,#e6f3f5)}.control-shell{min-height:100svh;display:grid;place-items:center;padding:18px}.panel{width:min(680px,100%);border:1px solid var(--line);background:#ffffffd1;border-radius:22px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 24px 52px #041b2a26;padding:24px;display:grid;gap:12px}h1{margin:0;font-family:Archivo Black,Segoe UI,sans-serif;letter-spacing:.4px;font-size:clamp(1.5rem,4vw,2.4rem)}h2{margin:0;font-size:1rem;letter-spacing:.2px;color:var(--sea)}p{margin:0;color:var(--muted)}label{font-size:.86rem;color:var(--sea);letter-spacing:.25px}.tone{border:1px solid rgba(14,78,90,.16);border-radius:14px;background:#ebf9faad;padding:12px;display:grid;gap:8px}.tone-label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#1b4c56}.tone input[type=range]{width:100%;accent-color:var(--mint-deep)}.tone input[type=color]{width:100%;height:38px;border:1px solid rgba(14,78,90,.24);border-radius:10px;background:#ffffffdb;padding:2px}textarea{width:100%;min-height:130px;border-radius:14px;border:1px solid var(--line);background:#f0fbf8cc;padding:12px;font:inherit;color:var(--ink);resize:vertical}textarea:focus-visible,.btn:focus-visible,.chip:focus-visible,.stage-link:focus-visible{outline:2px solid var(--mint-deep);outline-offset:2px}.actions,.presets,.status-row{display:grid;gap:10px}.actions{grid-template-columns:1fr 1fr}.presets{grid-template-columns:repeat(3,minmax(0,1fr))}.status-row{grid-template-columns:1fr auto;align-items:center}.share-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.btn,.chip,.stage-link{border-radius:999px;border:1px solid transparent;font:inherit;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.btn,.chip,.stage-link{padding:10px 12px}.btn:hover,.chip:hover,.stage-link:hover{transform:translateY(-1px)}.btn-main{border-color:#2ec6b580;background:linear-gradient(140deg,var(--mint),#93ffe7);color:#053138}.btn-ghost{border-color:#0b3d4a3d;background:#e2f6f6b3;color:var(--sea)}.chip{border-color:#094b5433;background:#ecfbf7f2;color:#0f4c52;font-size:.77rem}.state{display:inline-flex;justify-content:center;width:fit-content;padding:7px 10px;border-radius:999px;border:1px solid;font-size:.78rem}.state-online{background:#bbfff2;border-color:#2ec6b58c;color:#094239}.state-offline{background:#fff0e8;border-color:#df7b4166;color:#6a2b08}.stage-link{border-color:#0e4e5a4d;background:#f1fbff;color:#0b4c5a}.share-status{margin:-4px 0 0;color:#2b5b63;font-size:.82rem}@media (max-width: 720px){.panel{padding:18px}.actions,.presets,.status-row{grid-template-columns:1fr}.share-actions{justify-content:stretch}}