:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#070a11;color:#eaf5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#14233d 0,#070a11 45%)}.panel{width:min(960px,100%);margin:24px;padding:28px;border:1px solid #233c61;background:#0a0f1add;box-shadow:0 0 50px #0099ff22}header,.section-title{display:flex;justify-content:space-between;align-items:center}.eyebrow,.section-title{color:#11c8ff;font:700 .7rem/1 monospace;letter-spacing:.15em;margin:0}h1{margin:.35rem 0;font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:.12em}.settings{border-radius:50%;width:42px;height:42px}.connection{font-size:.8rem;color:#8ca3bc;margin:0 0 22px}.grid{display:grid;gap:14px}.actions{grid-template-columns:repeat(4,1fr)}button,article{border:1px solid #1b6e99;background:#0c1320;color:#dff7ff;min-height:120px;cursor:pointer;transition:.18s;box-shadow:inset 0 0 18px #0d8dcb15}button:hover{border-color:#13cfff;box-shadow:0 0 18px #08bffc44;transform:translateY(-2px)}button b,button span{display:block}button b{font-size:2.1rem;margin-bottom:12px}button span{text-transform:uppercase;font-size:.72rem;letter-spacing:.11em}.metrics{grid-template-columns:repeat(2,1fr);margin-top:14px}article{min-height:130px;padding:22px;border-color:#8156ff}article span,article small{display:block;color:#9facbf;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}article strong{display:block;font-size:3rem;color:#a578ff;margin:10px 0}.mobile-tools,.scenarios{margin-top:22px}.section-title .add,.save{min-height:36px;padding:0 14px;color:#a8ecff;border-color:#147dad;font:700 .72rem monospace}.media-actions{grid-template-columns:repeat(3,1fr);margin-top:10px}.media-actions button{min-height:86px}.media-actions button b{font-size:1.25rem}.scenario-editor{padding:14px;margin-top:10px;border:1px solid #17486b;background:#0a1320}.scenario-editor input{width:100%;padding:10px;background:#080d15;color:#eaf5ff;border:1px solid #28577c}.action-options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.action-options label{font-size:.78rem;color:#b6c9d9}.custom-actions{grid-template-columns:repeat(3,1fr);margin-top:10px}.custom-actions button{min-height:85px;border-color:#11b7d8}.empty{margin:4px;color:#70849a;font-size:.8rem}#screenshot{display:block;width:100%;max-height:55vh;object-fit:contain;margin-top:12px;border:1px solid #11b7d8;background:#03060b}.danger{display:flex;gap:10px;margin-top:18px}.danger button{min-height:48px;flex:1;color:#ffc4c4;border-color:#70353c}@media(max-width:620px){body{display:block}.panel{margin:0;min-height:100vh;padding:18px 14px}.actions,.custom-actions{grid-template-columns:repeat(2,1fr);gap:10px}.actions button{min-height:112px}.metrics{gap:10px}.metrics article{min-height:105px;padding:16px}.metrics article strong{font-size:2.3rem}.media-actions{gap:8px}.media-actions button{min-height:76px;padding:5px}.danger{flex-direction:column}.danger button{min-height:46px}}
