*{box-sizing:border-box}body{margin:0;background:#0c1020;color:#f5f7ff;font:16px/1.5 Inter,Arial,sans-serif}.topbar{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252b43;background:#10162a;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:22px;color:white;text-decoration:none}.topbar nav{display:flex;gap:20px}.topbar nav a{color:#cbd2e8;text-decoration:none}.container{width:min(1180px,92%);margin:40px auto}.hero{min-height:70vh;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.hero h1{font-size:clamp(46px,7vw,82px);line-height:1.02;margin:12px 0}.hero p{font-size:20px;color:#b6bfd7;max-width:680px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#92a8ff;font-weight:800}.preview-card{aspect-ratio:16/10;border-radius:28px;background:radial-gradient(circle at top,#405bc3,#141a31 60%);padding:28px;box-shadow:0 30px 100px #0008;display:flex;flex-direction:column;justify-content:space-between}.preview-label{font-size:12px;letter-spacing:.14em}.preview-song{font-size:34px;font-weight:800;text-align:center;margin:auto}.btn,button{display:inline-block;border:1px solid #39415f;background:#1a223d;color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.btn.primary,button.primary{background:#647dff;border-color:#647dff}.btn.small{padding:8px 12px}.actions{display:flex;gap:12px;flex-wrap:wrap}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-head h1{font-size:42px;margin:6px 0 0}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel,.auth-card,.stat-card{background:#131a30;border:1px solid #28304b;border-radius:18px;padding:24px}.auth-card{max-width:480px;margin:60px auto}.stat-card{display:flex;flex-direction:column;text-decoration:none;color:white}.stat-card strong{font-size:48px}.stat-card span{color:#aab4ce}form{display:grid;gap:16px}label{display:grid;gap:7px;color:#cbd3e8;font-weight:700}input,textarea,select{width:100%;border:1px solid #37405d;background:#0c1224;color:white;padding:13px;border-radius:10px;font:inherit}.alert{background:#582831;border:1px solid #a84d60;padding:12px;border-radius:10px;margin-bottom:16px}.muted,small{color:#929db9}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #28304b}.list-row small{display:block}.control-bar{display:flex;gap:10px;margin-bottom:20px}.operator-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px}.mini-preview{aspect-ratio:16/9;background:#05070d;border-radius:12px;padding:22px;display:grid;place-items:center;text-align:center;font-size:24px;font-weight:800;margin-bottom:16px}.slide-btn,.item-btn{width:100%;text-align:left;margin-bottom:8px}.active{outline:2px solid #8194ff}@media(max-width:850px){.hero,.grid.two,.operator-grid{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.hero{padding:20px 0}.preview-card{min-height:300px}}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.catalog-card{padding:20px;border-radius:14px;background:#0e1529;border:1px solid #2c3552}.catalog-card h2{margin:10px 0 4px}.source-badge{font-size:11px;letter-spacing:.12em;color:#9cafef;font-weight:800}.scripture-preview{line-height:1.9;font-size:18px}
.builder-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.hidden{display:none!important}.schedule-block{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #2c3552;border-radius:10px;margin-bottom:10px;background:#0e1529}.drag{cursor:grab;color:#7f8aa8}.operator-shell{width:98vw;max-width:none;margin-left:calc(50% - 49vw)}.operator-header,.live-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.live-toolbar{background:#131a30;padding:12px;border-radius:12px}.live-toolbar input{max-width:360px}.workspace-grid{display:grid;grid-template-columns:.8fr 1fr 1.25fr 1.1fr;gap:10px}.workspace-pane{background:#11172a;border:1px solid #28304b;border-radius:14px;padding:14px;min-height:68vh;overflow:auto}.schedule-item,.slide-thumb{width:100%;text-align:left;margin-bottom:8px}.schedule-item small{display:block}.screen-box{aspect-ratio:16/9;background:#03050a;border-radius:10px;display:grid;place-items:center;text-align:center;padding:20px;font-size:clamp(20px,2vw,34px);font-weight:800;white-space:pre-line;overflow:hidden}.screen-box img,.screen-box video{max-width:100%;max-height:100%}.slide-nav{display:flex;gap:8px;margin:12px 0}.status-line{display:flex;justify-content:space-between;margin-top:10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.media-card{background:#0e1529;border:1px solid #2b3551;border-radius:12px;padding:10px}.media-card img,.media-card video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.audio-tile{aspect-ratio:16/9;display:grid;place-items:center;font-size:42px;background:#1a2340;border-radius:8px}@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr 1fr}.builder-grid{grid-template-columns:1fr}}