.card-facts{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 18px}.card-facts span{font-size:.72rem;color:#a9b2c4;background:#101722;border:1px solid #303b4e;border-radius:999px;padding:5px 8px}.card-facts .ai-fact{color:#d0c3ff;border-color:#5b4d86;background:#251e3b}dialog{width:min(920px,calc(100% - 24px));max-height:94dvh;padding:0;overflow:hidden}.terminal-head{padding:24px 26px 17px;background:linear-gradient(135deg,#171f2e,#111724);border-bottom:1px solid #2d3749}.terminal-head .terminal-summary{margin:8px 0 0;font-size:.82rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#77869d;margin-right:7px}.status-dot.on{background:#6be0b2;box-shadow:0 0 10px #46c99b}.demo-note{margin:14px 26px 0}.detail-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px 18px;background:#101722;border-bottom:1px solid #2c3546}.detail-tabs button{min-height:44px;border-color:transparent;background:transparent;color:#9ba7ba;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px}.detail-tabs button .icon{margin:0}.detail-tabs button.active{color:#f3f0ff;background:#2a2344;border-color:#5e4d91}#detail-message{padding:0 24px}#detail-content{padding:24px 26px 30px;overflow:auto;max-height:calc(94dvh - 172px)}.loading-panel{padding:55px 20px;text-align:center;color:#a9b2c4}.live-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px;border:1px solid #354159;border-radius:17px;background:linear-gradient(135deg,#192334,#151b2a)}.live-hero h3,.autodj-head h3{font-size:1.3rem;margin:0}.live-hero p,.autodj-head p{margin:7px 0 0;font-size:.87rem}.live-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.live-actions button{white-space:nowrap}.monitor-shell{margin-top:18px;border:1px solid #4a5670;background:#05080d;border-radius:16px;overflow:hidden;aspect-ratio:16/9}.monitor-shell iframe{width:100%;height:100%;border:0}.demo-monitor{margin-top:18px;aspect-ratio:16/9;border-radius:16px;background:radial-gradient(circle at 50% 40%,#2d2854,#070a11 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #4a416f}.demo-monitor span{font-size:2.5rem;font-weight:900;color:#c8b9ff}.demo-monitor small{color:#9ba7ba}.live-sequence{display:grid;gap:9px;margin-top:18px}.live-item{display:grid;grid-template-columns:34px 104px minmax(0,1fr);gap:13px;align-items:center;padding:11px;border:1px solid #2f394c;background:#131b28;border-radius:14px}.live-item.ai-live{border-color:#59498a;background:linear-gradient(90deg,#251d3d,#151b28)}.live-number{font-size:.75rem;color:#8878bd;text-align:center}.live-thumb{height:60px;border-radius:9px;background:#080c13;border:1px solid #323d51;overflow:hidden;position:relative;display:grid;place-items:center}.live-thumb img,.live-thumb video{width:100%;height:100%;object-fit:cover}.live-thumb.ai-thumb{background:linear-gradient(135deg,#4b287a,#1b1831);color:white;display:flex;flex-direction:column}.live-thumb.ai-thumb span{font-size:1.45rem}.live-thumb.ai-thumb small{font-size:.57rem;letter-spacing:1px;color:#d8c8ff}.live-thumb.generic .icon{color:#b8a6ff}.video-play{position:absolute;background:#090c11cc;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:.65rem}.live-item strong,.live-item small{display:block;overflow-wrap:anywhere}.live-item small{margin-top:4px;color:#9ba7ba}.live-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.editor-title{margin-top:0}.save-state.pending{background:#503c16;color:#ffd980;border:1px solid #7f6527}.editor-actions{flex-wrap:wrap}.ai-button{background:linear-gradient(135deg,#6338a1,#40307d);border-color:#7c5eb1;color:#fff}.ai-row{border-color:#5e4d8f!important;background:linear-gradient(90deg,#261f3b,#141c2a)}.autodj-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #54447c;background:linear-gradient(135deg,#271d42,#171c2a);border-radius:18px;padding:21px}.autodj-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#302744;border:1px solid #594b78;color:#9d8dbf;font-size:1.7rem}.autodj-orb.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#4338ca);box-shadow:0 0 26px #743ce659}.prepared-track{margin-top:13px;padding:13px 16px;border-radius:12px;background:#18352d;border:1px solid #2c725c;display:flex;flex-direction:column;gap:3px}.prepared-track span{font-size:.66rem;letter-spacing:1.4px;color:#75d9b4;font-weight:800}.prepared-track strong{font-size:.9rem}.autodj-slotbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:16px;border:1px solid #354055;border-radius:14px;background:#131b28}.autodj-slotbar strong,.autodj-slotbar small{display:block}.autodj-slotbar small{color:#9ba7ba;margin-top:5px}.autodj-form,.visual-form{display:grid;gap:17px}.autodj-form fieldset{border:1px solid #354055;border-radius:14px;padding:15px;margin:0}.autodj-form legend{padding:0 8px;color:#d4c9ff;font-weight:700;font-size:.86rem}.autodj-form label,.visual-form label{display:grid;gap:8px;font-size:.83rem;font-weight:700}.autodj-form textarea{font:inherit;color:#eef1fa;background:#111824;border:1px solid #354055;border-radius:12px;padding:12px;resize:vertical;min-height:76px}.switch-row{display:flex!important;justify-content:space-between;align-items:center;padding:16px;border:1px solid #354055;border-radius:14px;background:#131b28}.switch-row span strong,.switch-row span small{display:block}.switch-row span small{color:#9ba7ba;margin-top:4px;font-weight:400}.switch-row input{width:25px;height:25px;min-height:0;accent-color:#8b5cf6}.genre-grid{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.genre-chip{min-height:37px;padding:7px 10px;font-size:.73rem;border-radius:999px}.genre-chip.selected{background:#6840a2;border-color:#a68bd5;color:#fff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.autodj-form input[type=range],.visual-form input[type=range]{padding:0;accent-color:#8b5cf6}.autodj-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:14px;background:#151d2b;border:1px solid #3c4961}.autodj-submit p{margin:0;font-size:.8rem}.visual-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:18px;align-items:stretch;padding:19px;border:1px solid #354055;border-radius:18px;background:#131b28}.visual-head h3{margin:0;font-size:1.3rem}.visual-head p{margin:7px 0 0;font-size:.87rem}.plate-preview{min-height:160px;border-radius:16px;border:1px solid #3e4a62;background:#111827;background-size:cover;background-position:center;display:grid;align-content:center;justify-items:center;text-align:center;padding:20px;position:relative;overflow:hidden}.plate-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#111827,#2d2452);opacity:.9}.plate-preview.none:before{background:#151d2a}.plate-preview.oscura:before{background:linear-gradient(135deg,#030712,#111827)}.plate-preview.clara:before{background:linear-gradient(135deg,#dbeafe,#f8fafc);opacity:.95}.plate-preview.clara{color:#111827}.plate-preview.marca:before{background:radial-gradient(circle at 70% 20%,#b7a2ff55,transparent 32%),linear-gradient(135deg,#101827,#171327)}.plate-preview>*{position:relative;z-index:1}.plate-preview span{font-weight:900;font-size:2rem;letter-spacing:-1px;color:#c8b8ff}.plate-preview strong{font-size:1.15rem;margin-top:4px}.plate-preview small{margin-top:3px;color:inherit;opacity:.75}.preview-icons{margin-top:12px;letter-spacing:8px}.visual-form #visual-preview .plate-preview{min-height:120px}.terminal-grid{display:grid;gap:12px}.terminal-grid article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid #354055;background:#141c29;border-radius:15px}.terminal-grid h3{margin:0;font-size:1rem}.terminal-grid p{margin:5px 0 0;font-size:.8rem}.tool-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#c2b2fa;background:#282341}.danger-outline{color:#ffb7aa;border-color:#73443e;background:#382421}.terminal-grid+.detailrows{margin-top:18px}
@media(max-width:650px){dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}.terminal-head{padding:18px 17px 14px}.terminal-head h2{font-size:1.2rem}.demo-note{margin:10px 17px 0}.detail-tabs{padding:9px 8px;gap:4px}.detail-tabs button{font-size:.62rem;padding:7px 2px;gap:4px;flex-direction:column}.detail-tabs button .icon{width:18px;height:18px}#detail-content{padding:17px 15px 100px;max-height:calc(100dvh - 145px)}#detail-message{padding:0 15px}.live-hero{display:block;padding:17px}.live-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.live-actions button{padding:10px 7px}.live-item{grid-template-columns:27px 78px minmax(0,1fr);padding:9px;gap:9px}.live-thumb{height:48px}.live-footer{display:grid;grid-template-columns:1fr 1fr}.autodj-slotbar,.autodj-submit{align-items:stretch;flex-direction:column}.autodj-slotbar button,.autodj-submit button{width:100%}.form-two,.visual-head{grid-template-columns:1fr}.terminal-grid article{grid-template-columns:42px minmax(0,1fr);padding:14px}.terminal-grid article button{grid-column:2;width:100%}.tool-icon{width:40px;height:40px}.editor-actions{display:grid;grid-template-columns:1fr 1fr}.editor-actions .ai-button{grid-column:1/-1}.clip-buttons{flex-wrap:wrap}.publishbar{z-index:4}}
.overlay-preview{min-height:180px;border-radius:16px;border:1px solid #3e4a62;background:linear-gradient(135deg,#070b12,#182033 55%,#32234d);position:relative;overflow:hidden;padding:14px;box-shadow:inset 0 0 0 1px #ffffff08}.preview-main{position:absolute;inset:0;display:grid;place-items:center;color:#7d8ca5;font-weight:800;text-transform:uppercase;letter-spacing:1px}.preview-weather,.preview-logo,.preview-lower{position:absolute;z-index:2}.preview-weather{top:12px;left:12px;background:#07101ccc;border:1px solid #4b5d7b;border-radius:999px;padding:7px 10px;color:#f8d86a;font-weight:900}.preview-logo{top:12px;right:12px;background:#b7a2ff;color:#151029;border-radius:10px;padding:7px 10px;font-weight:900;letter-spacing:-.5px;min-width:42px;text-align:center}.preview-lower{left:12px;right:12px;bottom:12px;background:linear-gradient(90deg,#050914e8,#151e31d8);border:1px solid #55617c;border-radius:12px;padding:10px 12px;text-align:left}.preview-lower strong,.preview-lower small,.preview-lower em{display:block;overflow-wrap:anywhere}.preview-lower strong{color:#fff;font-size:.95rem}.preview-lower small{color:#c3cada;margin-top:3px;font-size:.78rem}.preview-lower em{margin-top:7px;color:#f6d66d;font-style:normal;font-size:.72rem;text-transform:uppercase;letter-spacing:.7px}.visual-form #visual-preview .overlay-preview{min-height:155px}.visual-form input[type=checkbox]{accent-color:#8b5cf6}