@import url('/quiz-live.css');
:root{color-scheme:dark}body{background:radial-gradient(ellipse at 85% 0, #382413 0,transparent 38%),#090d13;min-height:100vh;color:#f6f7fa}button,a,input,textarea,select{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}input,textarea,select{box-sizing:border-box;max-width:100%;border:1px solid #344252;background:#0c141e;color:inherit;border-radius:8px;padding:12px;font:inherit}textarea{width:100%;min-height:115px;resize:vertical}input{min-width:0}label{display:flex;flex-direction:column;gap:8px;color:#b8c2cf;font-size:14px}h1,h2,p{overflow-wrap:anywhere}.studio{max-width:1400px;margin:auto;padding:30px}.topbar,.row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.topbar{padding-bottom:22px;border-bottom:1px solid #26303b;margin-bottom:30px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.eyebrow{color:#f8a632;letter-spacing:.15em;font-size:12px;font-weight:700;text-transform:uppercase}.muted{color:#9caabb}.hero{margin:45px 0 34px}.hero h1{font-size:clamp(34px,4vw,58px);margin:10px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}.card,.panel{background:linear-gradient(135deg,#17212b,#10171f);border:1px solid #2c3744;border-radius:16px;padding:24px}.card h2{font-size:24px;margin:20px 0 10px}.card .row{margin-top:25px}.pill{border:1px solid #48515b;border-radius:30px;padding:5px 10px;font-size:12px}.pill.ready{color:#7beaac;border-color:#285940}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;padding:11px 17px;background:#1a2734;border:1px solid #3c4b58;border-radius:9px;color:white;font:inherit;font-weight:650}.btn.primary{background:linear-gradient(110deg,#ffb440,#ff8a15);color:#1a1206;border-color:#ffba53}.btn.small{padding:7px 10px;min-height:36px;font-size:13px}.danger{color:#ff9b91}.auth{width:min(480px,calc(100% - 36px));margin:10vh auto}.auth .panel{padding:36px}.auth h1{font-size:32px}.form-stack{display:grid;gap:20px}.form-stack>.btn{width:100%}.notice{min-height:24px;color:#ffcf87;white-space:pre-wrap}.notice:empty{display:none}.editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.editor-nav{position:sticky;top:20px;max-height:85vh;overflow:auto;align-self:start;padding:18px;background:#101820;border:1px solid #293441;border-radius:12px}.editor-nav button{width:100%;text-align:left;margin:4px 0;font-size:13px}.editor-nav button[aria-current=true]{border-color:#ffaf3b;color:#ffbc5b}.editor-nav h3{font-size:14px;margin-top:22px}.editor-form{display:grid;gap:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.editor-form h2{margin:0 0 18px}.media-list{display:grid;gap:10px;margin:14px 0}.media-item{display:flex;align-items:center;gap:12px;background:#0d151f;padding:12px;border-radius:8px;min-width:0}.media-item span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.media-item img{width:75px;height:48px;object-fit:contain}.upload-label{cursor:pointer;display:inline-flex}.upload-label input{width:100%;max-width:310px}.savebar{position:sticky;top:0;z-index:5;background:#0b1119ed;padding:13px 0;backdrop-filter:blur(12px);border-bottom:1px solid #34404f;margin-bottom:22px}.empty{padding:40px 0;color:#a4afbd}.tabs{display:flex;gap:8px;flex-wrap:wrap}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help{line-height:1.7}.import-input{max-width:100%;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.studio{padding:18px}.editor-layout,.account-grid{grid-template-columns:1fr}.editor-nav{position:static;max-height:260px}.grid3{grid-template-columns:1fr}.topbar{gap:20px}.hero{margin:28px 0}.auth .panel{padding:24px}}@media(max-width:460px){.grid2{grid-template-columns:1fr}.card,.panel{padding:18px}.btn{font-size:14px}.brand{font-size:19px}.media-item{flex-wrap:wrap}}
label{align-items:stretch;text-align:left}.editor-form input[type=text],.auth input,.form-stack input{width:100%}.editor-form .panel>label,.editor-form .grid2{margin-bottom:18px}.editor-form .panel>.row{margin-bottom:16px}.upload-label{max-width:100%;margin:4px 0 22px}.brand img{width:38px;height:46px}.savebar{scroll-margin-top:0}