*{box-sizing:border-box}.mediaLab{color:#30231e;background:#eee9e3;min-height:100vh;padding:clamp(12px,4vw,52px);font:16px/1.5 Arial,sans-serif}.mediaLab button,.mediaLab input,.mediaLab textarea,.mediaLab a{font:inherit}.mediaHero,.labControls,.studio,.feedback,.mediaFooter{max-width:1240px;margin:0 auto 20px}.mediaHero{color:#fff;background:radial-gradient(circle at 86% 12%,#bc6b3e 0 5%,#0000 24%),linear-gradient(135deg,#1c1514,#48251d 60%,#102c26);border-radius:30px;grid-template-columns:1fr 340px;gap:28px;padding:clamp(26px,5vw,62px);display:grid;box-shadow:0 28px 80px #2d171538}.mediaHero nav{grid-column:1/-1;gap:8px;display:flex}.mediaHero nav a{color:#fff;background:#1d312b;border:1px solid #e7c86755;border-radius:99px;padding:9px 13px;font-weight:900;text-decoration:none}.mediaLab small{color:#a06d25;letter-spacing:.1em;font-weight:900}.mediaHero small{color:#efca68}.mediaHero h1{color:#efc967;margin:12px 0;font:clamp(62px,9vw,112px)/.8 Georgia,serif}.mediaHero>div p{max-width:720px;font-size:20px}.mediaHero aside{background:#ffffff0b;border:1px solid #ffffff24;border-radius:18px;align-self:end;padding:20px}.mediaHero aside b{color:#f2ce70;font:24px Georgia,serif}.labControls,.feedback,.mediaFooter{background:#fff;border:1px solid #d3c5ba;border-radius:22px;padding:24px}.labControls{justify-content:space-between;align-items:center;gap:20px;display:flex}.labControls>div:first-child{display:grid}.labControls input{color:#38251f;border:0;border-bottom:2px solid #bc7d38;padding:7px 0;font:30px Georgia,serif}.labControls>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.labControls button,.feedback button{color:#3a2822;background:#faf8f6;border:1px solid #d4c4b8;border-radius:99px;padding:10px 12px;font-weight:900}.labControls button.active,.feedback button.active{color:#f0cf6d;background:#173d34}.studio{grid-template-columns:1fr 310px;gap:18px;display:grid}.script,.booth{background:#fff;border:1px solid #d3c5ba;border-radius:22px;padding:24px}.script>header{justify-content:space-between;align-items:end;display:flex}.script h2,.booth h2,.feedback h2{margin:4px 0;font:clamp(30px,4vw,44px) Georgia,serif}.script>header button,.booth>button,.mediaFooter button{color:#fff;background:#173d34;border:0;border-radius:10px;padding:11px 14px;font-weight:900}.script article{background:#faf8f6;border:1px solid #ded1c7;border-radius:14px;grid-template-columns:auto 150px 1fr auto;align-items:start;gap:10px;margin-top:12px;padding:12px;display:grid}.script article.reading{background:#fff5cf;outline:4px solid #e7c65d}.script article>button:first-child{color:#f3d172;background:#542d24;border:0;border-radius:99px;width:42px;height:42px}.script article label{gap:4px;font-size:12px;font-weight:900;display:grid}.script input,.script textarea,.feedback textarea{color:#30231e;background:#fff;border:1px solid #d2c4b9;border-radius:9px;width:100%;padding:10px}.script textarea{resize:vertical;min-height:68px}.script .remove{color:#9b4035;background:0 0;border:0;font-size:24px}.booth{color:#fff;background:#173d34;align-self:start}.booth small{color:#edcb6b}.booth label{gap:6px;margin:15px 0;display:grid}.booth input{accent-color:#e9c65e;width:100%}.booth>button{color:#153b31;background:#eccb6b;width:100%;margin:5px 0}.booth p{color:#c9d9d2;font-size:13px}.feedback{grid-template-columns:1fr 1fr;gap:20px;display:grid}.feedback>div>div{flex-wrap:wrap;gap:7px;display:flex}.feedback>label{gap:6px;font-weight:900;display:grid}.feedback textarea{resize:vertical;min-height:150px}.feedback aside{background:#fff0e9;border-left:5px solid #b74c3b;border-radius:12px;grid-column:1/-1;gap:10px;padding:16px;display:flex}.mediaFooter{color:#fff;background:#1f1816;justify-content:space-between;align-items:center;gap:14px;display:flex}.mediaFooter>div{display:grid}.mediaFooter a{color:#edcc70;border:1px solid #e8c86766;border-radius:10px;padding:10px 13px;font-weight:900;text-decoration:none}@media (max-width:850px){.mediaHero,.studio{grid-template-columns:1fr}.mediaHero aside{align-self:auto}.feedback{grid-template-columns:1fr}.feedback aside{grid-column:auto}}@media (max-width:620px){.mediaLab{padding:10px}.mediaHero{padding:22px}.mediaHero h1{font-size:56px}.labControls,.mediaFooter,.labControls>div:last-child{display:grid}.script article{grid-template-columns:auto 1fr auto}.script article label:nth-of-type(2){grid-column:1/-1}.feedback{padding:18px}.mediaFooter a{text-align:center}}