:root{
  --bg:#0b1017;--bg2:#0f1620;--panel:#141c27;--panel2:#192432;--panel3:#0f1721;
  --line:#273548;--line2:#33445b;--text:#f3f6fa;--muted:#9eacbd;--muted2:#718095;
  --accent:#ef4e55;--accent2:#ff7479;--blue:#58a9ff;--green:#43c98a;--amber:#ffb44c;--danger:#ff5d65;
  --shadow:0 18px 45px rgba(0,0,0,.25);--radius:16px;--radius-sm:10px;--side:248px;
  --font:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2b394b;border:3px solid transparent;background-clip:padding-box;border-radius:20px}
.portal{min-height:100vh;display:grid;grid-template-columns:var(--side) minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;background:#090e14;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;z-index:20}.brand{padding:22px 18px 16px;display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:conic-gradient(from 220deg,#ef4e55,#ffb44c,#ffe368,#43c98a,#58a9ff,#8f6cff,#ef4e55);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 7px 24px rgba(239,78,85,.2)}.brand strong{display:block;font-size:14px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.nav-group{padding:6px 10px 12px}.nav-title{padding:10px 10px 5px;color:#63748b;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-btn{width:100%;border:0;background:transparent;color:#c8d2de;border-radius:10px;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;margin:2px 0;transition:.15s}.nav-btn:hover{background:#111a25;color:white}.nav-btn.active{background:#182333;color:white;box-shadow:inset 3px 0 var(--accent)}.nav-btn .ico{width:26px;height:26px;border-radius:8px;background:#121c28;display:grid;place-items:center;color:#9fb0c4;font-weight:700;font-size:12px}.nav-btn.active .ico{background:#2a1b20;color:#ff858a}.nav-badge{margin-left:auto;background:#1a2634;color:#9fb0c4;border:1px solid var(--line);border-radius:99px;padding:1px 7px;font-size:10px}.sidebar-foot{margin-top:auto;padding:14px;border-top:1px solid var(--line)}.user-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#101823;border:1px solid #1d2a3a}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#263548;color:white;font-weight:800}.user-card strong{font-size:12px;display:block}.user-card small{font-size:10px;color:var(--muted);display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:70px;position:sticky;top:0;z-index:15;background:rgba(11,16,23,.93);backdrop-filter:blur(13px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.crumbs{color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px;align-items:center}.role-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);background:#101823;border-radius:99px;font-size:11px;color:#b7c4d2}.role-pill.admin{border-color:#5e4027;background:#211a12;color:#ffc975}.content{width:100%;max-width:1680px;margin:0 auto;padding:26px 28px 48px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:28px;line-height:1.15;margin:0 0 6px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted);max-width:850px}.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:1px solid var(--line2);background:#172230;color:#eef4fa;border-radius:10px;padding:9px 13px;min-height:38px;font-weight:700;font-size:12px;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{border-color:#50647e;background:#1b2a3a}.btn.primary{background:var(--accent);border-color:#ff6b72;color:white}.btn.primary:hover{background:#fa5d64}.btn.good{background:#153426;border-color:#2f875e;color:#89e4b6}.btn.warn{background:#372717;border-color:#765122;color:#ffd089}.btn.danger{background:#3b1a1e;border-color:#783139;color:#ff9ea3}.btn.ghost{background:transparent}.btn.sm{padding:6px 9px;min-height:30px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:38px;height:38px;padding:0;border-radius:10px}
.card{background:linear-gradient(180deg,#151e29,#121a24);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.02);padding:18px}.card h2,.card h3{margin:0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title h2{font-size:16px}.card-title h3{font-size:14px}.subtle{color:var(--muted);font-size:12px}.grid{display:grid;gap:14px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:grid;gap:14px}.split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.admin-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px}
.kpi{padding:18px}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8392a5;font-weight:800}.kpi-value{font-size:30px;font-weight:850;letter-spacing:-.03em;margin-top:5px}.kpi-note{font-size:11px;color:var(--muted);margin-top:3px}.kpi-icon{width:38px;height:38px;border-radius:10px;background:#152235;border:1px solid #233650;display:grid;place-items:center;float:right;color:var(--blue)}
.status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.02em;border:1px solid var(--line);background:#111a24;color:#bac7d4}.status::before{content:"";width:7px;height:7px;border-radius:50%;background:#7f8b98}.status.good{color:#8ee0b5;border-color:#245c45;background:#11291f}.status.good::before{background:var(--green)}.status.warn{color:#ffd08a;border-color:#6e4c22;background:#2c2113}.status.warn::before{background:var(--amber)}.status.bad{color:#ff9aa0;border-color:#713038;background:#31171b}.status.bad::before{background:var(--danger)}.status.blue{color:#9bcbff;border-color:#2e5276;background:#122338}.status.blue::before{background:var(--blue)}
.form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field>span,.field>label{font-size:11px;font-weight:700;color:#93a2b4}.input,.select,.textarea{width:100%;background:#0e151e;color:var(--text);border:1px solid var(--line2);border-radius:9px;padding:9px 10px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#55799f;box-shadow:0 0 0 3px rgba(88,169,255,.09)}.textarea{min-height:92px;resize:vertical}.input.small{max-width:160px}.help{font-size:11px;color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:720px;background:#111922}.table th{text-align:left;padding:10px 12px;background:#101720;color:#8190a3;font-size:10px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--line)}.table td{padding:11px 12px;border-bottom:1px solid #202c3a;font-size:12px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#141e2a}.table .actions{display:flex;gap:6px;justify-content:flex-end}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}.truncate{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-card{display:grid;gap:14px;min-height:160px}.project-card .project-top{display:flex;justify-content:space-between;gap:10px}.project-card h3{font-size:17px}.project-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px}.project-actions{display:flex;gap:8px;margin-top:auto}.empty{padding:42px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:#dbe4ed;font-size:15px;margin-bottom:5px}
.notice{border:1px solid #5c4828;background:#2a2216;color:#f8d697;border-radius:12px;padding:12px 14px;font-size:12px}.notice.info{border-color:#294e74;background:#12253a;color:#acd4ff}.notice.good{border-color:#285f47;background:#112b20;color:#9ee7bd}.notice.bad{border-color:#713038;background:#32171c;color:#ffb0b5}.announcement{display:grid;gap:5px}
.progress{height:8px;background:#0a1119;border-radius:99px;overflow:hidden}.progress>i{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,var(--blue),#8f6cff)}.usage{display:grid;gap:7px}.usage-row{display:grid;grid-template-columns:100px 1fr 70px;gap:10px;align-items:center;font-size:11px}.usage-row span:first-child{color:var(--muted)}.usage-row b{text-align:right}
.editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 330px;gap:14px;align-items:start}.editor-side{position:sticky;top:92px;max-height:calc(100vh - 120px);overflow:auto}.preset-list{display:grid;gap:7px}.preset{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid var(--line);background:#0f1721;color:var(--text);border-radius:10px;text-align:left}.preset:hover{border-color:#465b74}.preset-preview{height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.preset strong{display:block;font-size:11px}.preset small{display:block;font-size:9px;color:var(--muted)}.timeline-card{overflow:hidden}.timeline-scroll{overflow:auto}.timeline{min-width:900px}.ruler{height:34px;position:relative;border-bottom:1px solid var(--line);background:#0f161f}.ruler span{position:absolute;top:9px;transform:translateX(-50%);font-size:9px;color:#718196}.track{display:grid;grid-template-columns:112px minmax(780px,1fr);min-height:72px;border-bottom:1px solid #202c3a}.track-label{padding:11px;background:#101822;border-right:1px solid var(--line)}.track-label strong{display:block;font-size:11px}.track-label small{font-size:9px;color:var(--muted)}.lane{position:relative;background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:10% 100%}.cue{position:absolute;top:9px;height:52px;min-width:36px;border-radius:9px;background:#182331;border:1px solid #405169;border-left:5px solid var(--cue,#ef4e55);color:white;padding:8px 9px;overflow:hidden;text-align:left}.cue:hover{border-color:#71839b}.cue.active{outline:2px solid white;outline-offset:1px}.cue strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cue small{display:block;font-size:8px;color:#aebcca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.inspector{position:sticky;top:92px}.chip-grid{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line2);background:#0e161f;color:#bdc9d6;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.chip.active{border-color:var(--accent);background:#32191e;color:#fff}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatch{width:30px;height:30px;border-radius:8px;border:2px solid transparent}.swatch.active{border-color:white}.pattern-preview{height:48px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto}.tab{border:0;background:transparent;color:#91a0b2;padding:10px 12px;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px;font-weight:700}.tab.active{color:white;border-bottom-color:var(--accent)}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);background:radial-gradient(circle at 15% 20%,rgba(88,169,255,.1),transparent 35%),radial-gradient(circle at 75% 80%,rgba(239,78,85,.11),transparent 32%),#0a0f15}.login-visual{padding:60px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.login-hero{max-width:650px}.login-hero h1{font-size:48px;line-height:1.05;letter-spacing:-.04em;margin:20px 0 18px}.login-hero p{font-size:16px;color:#aebac8;max-width:540px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.feature{padding:14px;border:1px solid #253449;border-radius:13px;background:rgba(18,27,38,.7)}.feature strong{font-size:12px}.feature small{display:block;color:#8595a8;font-size:10px;margin-top:4px}.login-side{display:grid;place-items:center;padding:32px}.login-card{width:min(470px,100%);padding:28px;border:1px solid var(--line);background:rgba(18,26,36,.94);border-radius:22px;box-shadow:var(--shadow)}.login-card h2{font-size:24px;margin:0 0 5px}.login-card>p{margin:0 0 22px;color:var(--muted)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-foot{font-size:10px;color:#6f7e90;text-align:center;margin-top:18px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);display:grid;place-items:center;padding:24px;z-index:100}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#131c27;border:1px solid #344459;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.48)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.modal-head h2{margin:0;font-size:17px}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-root,#toast-root{position:fixed;right:18px;bottom:18px;z-index:130;display:grid;gap:8px}.toast{min-width:280px;max-width:440px;background:#182330;border:1px solid #405269;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);font-size:12px}.toast.good{border-color:#2f875e}.toast.bad{border-color:#853841}.toast strong{display:block;margin-bottom:2px}.loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:30px}.spinner{width:18px;height:18px;border:2px solid #324154;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1250px){:root{--side:210px}.editor-layout{grid-template-columns:210px minmax(0,1fr)}.inspector{grid-column:1/-1;position:static}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.admin-split{grid-template-columns:1fr}}
@media(max-width:850px){.portal{display:block}.sidebar{position:relative;height:auto}.sidebar-foot{display:none}.nav-group{display:flex;gap:5px;overflow:auto}.nav-title{display:none}.nav-btn{width:auto;white-space:nowrap}.nav-btn .ico{display:none}.topbar{position:relative}.content{padding:18px 14px 40px}.page-head{display:block}.page-actions{justify-content:flex-start;margin-top:12px}.grid.two,.grid.three,.grid.four,.form-row{grid-template-columns:1fr}.editor-layout{display:block}.editor-side,.inspector{position:static;max-height:none;margin-bottom:14px}.login-page{display:block}.login-visual{display:none}.login-side{min-height:100vh}.feature-row{grid-template-columns:1fr}.table{min-width:650px}}

/* Projekt Cloud 2.7 */
.project-cloud-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin-bottom:14px;border:1px solid #26384c;border-radius:18px;background:linear-gradient(115deg,#111d2a 0%,#141d27 58%,#21191d 100%);overflow:hidden}.project-cloud-intro>div:first-child{max-width:900px}.project-cloud-eyebrow{display:block;color:#73b8ff;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:6px}.project-cloud-intro strong{display:block;font-size:18px;letter-spacing:-.01em}.project-cloud-intro p{margin:6px 0 0;color:#9eadbd;font-size:12px}.project-cloud-intro-mark{font-size:38px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.055);user-select:none}
.project-cloud-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.project-cloud-summary>div{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#111923}.project-cloud-summary span{display:block;color:#8191a4;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.project-cloud-summary strong{display:block;font-size:23px;line-height:1.15;margin:4px 0 1px}.project-cloud-summary small{color:#728297;font-size:10px}
.project-cloud-panel{border:1px solid var(--line);border-radius:18px;background:#101720;overflow:hidden}.project-cloud-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 150px 180px 160px;gap:8px;padding:12px;border-bottom:1px solid var(--line);background:#0e151e}.project-cloud-toolbar .select,.project-cloud-toolbar .input{min-height:38px}.project-cloud-search{position:relative}.project-cloud-search>span{position:absolute;left:12px;top:8px;z-index:1;color:#6f8297;font-size:18px;line-height:20px}.project-cloud-search .input{padding-left:36px}.project-cloud-list-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #202c3a;background:#111922}.project-cloud-list-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aaabd}.project-cloud-list-head span{font-size:10px;color:#66778c}.project-cloud-list{display:grid}.project-cloud-row{display:grid;grid-template-columns:minmax(330px,1.45fr) minmax(220px,.8fr) 285px auto;gap:16px;align-items:center;padding:15px 16px;border-bottom:1px solid #202b39;transition:.12s;background:#111922}.project-cloud-row:last-child{border-bottom:0}.project-cloud-row:hover{background:#141e2a}.project-cloud-main{display:flex;align-items:center;min-width:0;gap:12px}.project-cloud-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#202f42,#172231);border:1px solid #30445d;box-shadow:inset 0 1px rgba(255,255,255,.03)}.project-cloud-icon span{font-size:17px;font-weight:900;color:#c8ddf3}.project-cloud-copy{min-width:0}.project-cloud-titleline{display:flex;align-items:center;gap:8px;min-width:0}.project-cloud-titleline h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.project-cloud-titleline .status{padding:3px 7px;font-size:8px;flex:0 0 auto}.project-cloud-copy p{margin:3px 0 6px;color:#8191a4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}.project-cloud-tags{display:flex;gap:5px;flex-wrap:wrap}.project-cloud-tags span{padding:2px 7px;border-radius:99px;background:#0d141d;border:1px solid #223145;color:#8798aa;font-size:9px}.project-cloud-sync{display:grid;gap:3px;align-content:center}.project-cloud-sync .status{justify-self:start;padding:4px 8px;font-size:9px}.project-cloud-sync small{color:#718196;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-cloud-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.project-cloud-numbers>div{min-width:0;padding:7px 8px;border-radius:9px;background:#0d141c;border:1px solid #1e2c3c}.project-cloud-numbers strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-cloud-numbers span{display:block;margin-top:1px;color:#67798e;font-size:8px;white-space:nowrap}.project-cloud-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.project-cloud-actions .btn{min-height:31px;padding:6px 8px;font-size:10px}.project-cloud-empty{padding:54px 20px;text-align:center;display:grid;place-items:center;gap:5px;color:#77889b}.project-cloud-empty-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#162232;border:1px solid #2d4057;color:#9fc8f2;font-weight:900;margin-bottom:5px}.project-cloud-empty strong{color:#d8e2ec;font-size:14px}.project-cloud-empty span{font-size:11px}
.project-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line)}.project-detail-kicker{display:block;color:#6eb7ff;font-size:9px;font-weight:900;letter-spacing:.12em}.project-detail-hero h2{margin:3px 0 4px;font-size:22px}.project-detail-hero p{margin:0;color:#8999ab;font-size:11px;max-width:540px}.project-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0}.project-detail-grid>div{padding:10px;border:1px solid #223246;border-radius:10px;background:#0e161f}.project-detail-grid span{display:block;color:#718297;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.project-detail-grid strong{display:block;margin-top:2px;font-size:18px}.project-detail-section{padding:15px 0;border-top:1px solid var(--line)}.project-detail-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.project-detail-section-head strong{display:block;font-size:12px}.project-detail-section-head span{display:block;color:#6f8196;font-size:9px;margin-top:1px}.project-detail-last{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.project-detail-last>div{padding:9px 10px;border-radius:9px;background:#0e161f;border:1px solid #202f42}.project-detail-last span{display:block;color:#6d7e92;font-size:8px}.project-detail-last strong{display:block;font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-scope{display:flex;gap:6px;flex-wrap:wrap}.project-detail-scope span{padding:6px 8px;border-radius:8px;background:#11261d;border:1px solid #27533e;color:#91d8b1;font-size:9px;font-weight:700}.project-history{display:grid;border:1px solid #223144;border-radius:10px;overflow:hidden}.project-history>div{display:grid;grid-template-columns:70px minmax(0,1fr) 140px;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #1e2b3a;background:#0e161f}.project-history>div:last-child{border-bottom:0}.project-history-rev{font-size:9px;font-weight:900;color:#9fcbf7}.project-history strong{display:block;font-size:10px}.project-history small{display:block;color:#6e8095;font-size:8px}.project-history time{text-align:right;color:#75869a;font-size:9px}.project-detail-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:12px}
@media(max-width:1450px){.project-cloud-row{grid-template-columns:minmax(300px,1.35fr) minmax(190px,.75fr) 240px}.project-cloud-actions{grid-column:1/-1;justify-content:flex-start;padding-left:56px;margin-top:-5px}.project-cloud-toolbar{grid-template-columns:minmax(260px,1fr) repeat(3,150px)}}
@media(max-width:1050px){.project-cloud-summary{grid-template-columns:repeat(2,1fr)}.project-cloud-toolbar{grid-template-columns:1fr 1fr}.project-cloud-search{grid-column:1/-1}.project-cloud-row{grid-template-columns:1fr 1fr}.project-cloud-main{grid-column:1/-1}.project-cloud-numbers{grid-column:1/-1}.project-cloud-actions{grid-column:1/-1;padding-left:0}.project-detail-grid{grid-template-columns:repeat(3,1fr)}.project-detail-last{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.project-cloud-intro-mark{display:none}.project-cloud-summary{grid-template-columns:1fr 1fr}.project-cloud-toolbar{grid-template-columns:1fr}.project-cloud-search{grid-column:auto}.project-cloud-row{grid-template-columns:1fr;gap:10px}.project-cloud-main,.project-cloud-numbers,.project-cloud-actions{grid-column:auto}.project-cloud-actions{justify-content:flex-start}.project-cloud-numbers{grid-template-columns:repeat(3,1fr)}.project-detail-grid{grid-template-columns:repeat(2,1fr)}.project-detail-last{grid-template-columns:1fr}.project-history>div{grid-template-columns:55px 1fr}.project-history time{grid-column:2;text-align:left}.project-detail-hero{display:block}.project-detail-hero>.status{margin-top:10px}}
.project-cloud-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.project-cloud-stats span{padding:6px 8px;border-radius:8px;border:1px solid #1f2e40;background:#0d141c;color:#73859a;font-size:9px;white-space:nowrap}.project-cloud-stats b{color:#d2deea;font-size:10px;margin-right:3px}.project-cloud-row{grid-template-columns:minmax(330px,1.55fr) minmax(220px,.85fr) minmax(150px,.55fr) auto}
@media(max-width:1450px){.project-cloud-row{grid-template-columns:minmax(300px,1.45fr) minmax(190px,.8fr) minmax(150px,.55fr)}.project-cloud-stats{align-self:center}}
@media(max-width:1050px){.project-cloud-stats{grid-column:1/-1}}
@media(max-width:650px){.project-cloud-stats{grid-column:auto}}


/* Online Editor 2.8 */
.editor-layout-v28{display:grid;grid-template-columns:250px minmax(0,1fr) 360px;gap:14px;align-items:start}.editor-center-v28{min-width:0}.editor-library-v28,.editor-inspector-v28{position:sticky;top:92px;max-height:calc(100vh - 116px);overflow:hidden;display:flex;flex-direction:column}.editor-library-v28 .card-title{margin-bottom:10px}.editor-library-v28 .card-title span{display:block;margin-top:2px}.editor-library-scroll{overflow:auto;margin:10px -4px 0 0;padding-right:4px}.editor-library-scroll section+section{margin-top:14px}.editor-library-scroll h4{margin:0 0 6px;color:#77899e;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.editor-preset-v28{grid-template-columns:34px minmax(0,1fr) 18px}.editor-preset-v28>b{color:#65788e;font-size:15px}.editor-preset-v28:hover>b{color:white}.editor-workspace-card{padding:0;overflow:hidden}.editor-programbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:14px 15px;border-bottom:1px solid var(--line);background:#121b26}.editor-program-fields{display:grid;grid-template-columns:minmax(230px,1fr) 90px 80px;gap:8px;min-width:0;flex:1}.editor-program-fields label{display:grid;gap:4px}.editor-program-fields span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8196}.editor-program-actions{display:flex;gap:7px;align-items:center}.editor-save-state{padding:5px 8px;border-radius:99px;border:1px solid #254c3a;background:#11271e;color:#84dbae;font-size:9px;font-weight:900;white-space:nowrap}.editor-save-state.dirty{border-color:#6b4c21;background:#2b2113;color:#ffd08a}.editor-save-state.saving{border-color:#2b5278;background:#11243a;color:#9acaff}.editor-timeline-tools{min-height:52px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #202d3b;background:#0f1721}.editor-timeline-tools label{display:flex;align-items:center;gap:6px;font-size:9px;color:#8192a6}.editor-timeline-tools .select{width:88px;min-height:31px;padding:5px 8px}.editor-timeline-tools input[type=range]{width:100px}.editor-timeline-tools>.subtle{margin-left:auto;font-size:9px;max-width:390px;text-align:right}.editor-playhead-readout{display:grid;min-width:82px}.editor-playhead-readout span{font-size:7px;letter-spacing:.11em;color:#65788e;font-weight:900}.editor-playhead-readout strong{font-size:12px}.editor-timeline-scroll{overflow:auto;max-height:calc(100vh - 280px);min-height:420px}.editor-timeline-shell{min-width:max-content}.editor-track{display:grid;grid-template-columns:116px auto;min-height:76px;border-bottom:1px solid #202c3a}.editor-track.ruler-track{min-height:38px;position:sticky;top:0;z-index:5}.editor-track-label{position:sticky;left:0;z-index:4;padding:12px 10px;background:#101822;border-right:1px solid var(--line);box-shadow:6px 0 12px rgba(7,11,16,.18)}.ruler-track .editor-track-label{z-index:7;padding-top:8px}.editor-track-label strong{display:block;font-size:10px}.editor-track-label small{display:block;margin-top:2px;color:#68798e;font-size:8px}.editor-ruler{position:relative;height:38px;border-bottom:1px solid var(--line);background:#0c131c;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:5% 100%}.editor-ruler span{position:absolute;top:10px;transform:translateX(-50%);font-size:8px;color:#718196}.editor-ruler i,.editor-playhead{position:absolute;top:0;bottom:0;width:1px;background:#ef4e55;box-shadow:0 0 7px rgba(239,78,85,.55);pointer-events:none;z-index:8}.editor-lane{position:relative;min-height:76px;background:#0e151e;background-image:linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:5% 100%}.editor-lane:hover{background-color:#101923}.editor-lane.drag-target{background-color:#142233;box-shadow:inset 0 0 0 1px rgba(107,169,232,.36)}.editor-drop-guide{position:fixed;z-index:9996;width:2px;background:#79b8ff;box-shadow:0 0 10px rgba(121,184,255,.8);pointer-events:none}.editor-drag-info{position:fixed;z-index:9998;min-width:168px;padding:8px 10px;border:1px solid #3b5878;border-radius:9px;background:rgba(10,17,25,.96);box-shadow:0 12px 28px rgba(0,0,0,.35);pointer-events:none}.editor-drag-info b{display:block;margin-bottom:4px;color:#dbeeff;font-size:9px}.editor-drag-info span{display:inline-block;margin-right:8px;color:#91a7be;font-size:7px}.timeline-dragging,.timeline-dragging *{cursor:grabbing!important}.timeline-dragging .cue-resize,.timeline-dragging .cue-resize *{cursor:ew-resize!important}.editor-cue{position:absolute;top:9px;height:58px;min-width:46px;border:1px solid #405169;border-left:4px solid var(--cue,#ef4e55);border-radius:9px;background:linear-gradient(180deg,#1b2938,#15202d);box-shadow:0 5px 14px rgba(0,0,0,.16);display:grid;grid-template-columns:13px minmax(0,1fr) 13px;overflow:hidden;user-select:none;touch-action:none}.editor-cue:hover{border-color:#71849a}.editor-cue.active{outline:2px solid rgba(255,255,255,.92);outline-offset:1px;z-index:3}.editor-cue.dragging{opacity:.9;z-index:20;box-shadow:0 12px 30px rgba(0,0,0,.48)}.editor-cue.drag-move{cursor:grabbing}.cue-main{min-width:0;padding:7px 5px;cursor:grab}.cue-main:active{cursor:grabbing}.cue-topline{display:flex;align-items:center;gap:6px;min-width:0}.cue-topline b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.cue-topline span{margin-left:auto;padding:2px 4px;border-radius:4px;background:#0d141c;color:#8ea0b4;font-size:6px;font-weight:900;text-transform:uppercase;white-space:nowrap}.cue-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#8fa0b2;font-size:7px}.cue-main em{position:absolute;right:8px;bottom:4px;font-style:normal;font-size:6px;font-weight:900;color:#ffcc72;letter-spacing:.08em}.cue-resize{position:relative;border:0;background:rgba(255,255,255,.018);padding:0;cursor:ew-resize;touch-action:none}.cue-resize:hover,.editor-cue.active .cue-resize{background:rgba(255,255,255,.055)}.cue-resize i{position:absolute;top:17px;bottom:17px;width:2px;border-radius:2px;background:rgba(255,255,255,.24)}.cue-resize.left i{right:4px}.cue-resize.right i{left:4px}.cue-resize:hover i{background:rgba(255,255,255,.8);box-shadow:0 0 6px rgba(255,255,255,.35)}.effect-smoke{--cue:#9da7b3}.effect-blackout{--cue:#5d6875}.editor-inspector-v28{padding:0}.editor-inspector-head{padding:14px 15px 11px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.editor-inspector-head>div>span{font-size:8px;letter-spacing:.12em;color:#66798e;font-weight:900}.editor-inspector-head h3{font-size:14px;margin-top:2px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-badge{padding:4px 7px;border-radius:99px;border:1px solid #31435a;background:#101925;color:#91a4b8;font-size:8px;font-weight:900;white-space:nowrap}.editor-inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#0e161f}.editor-inspector-tabs button{border:0;border-right:1px solid #202c3a;background:transparent;color:#77899e;padding:9px 5px;font-size:8px;font-weight:900}.editor-inspector-tabs button:last-child{border-right:0}.editor-inspector-tabs button.active{background:#192432;color:white;box-shadow:inset 0 -2px var(--accent)}.editor-inspector-body{padding:14px;overflow:auto}.editor-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-section{padding-top:13px;margin-top:13px;border-top:1px solid #223042}.inspector-section:first-child{margin-top:0}.inspector-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.inspector-section-head strong{font-size:10px}.inspector-section-head span{font-size:8px;color:#6e8095}.text-btn{border:0;background:transparent;color:#78b9ff;padding:2px 0;font-size:8px;font-weight:800}.chip.board{border-style:dashed}.output-grid-v28{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.output-chip{border:1px solid #2c3d52;background:#0d151e;color:#94a5b7;border-radius:7px;padding:7px 4px;font-size:8px;font-weight:800}.output-chip.active{border-color:#ef4e55;background:#30191e;color:#fff}.output-grid-v28.smoke{grid-template-columns:repeat(2,1fr)}.output-grid-v28.smoke .output-chip.active{border-color:#8191a4;background:#25303b}.editor-color-input{min-height:40px;padding:4px}.editor-look-preview{height:48px;border:1px solid #33455b;border-radius:10px;margin:10px 0;background:#e74545}.pattern-grid-v28{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.pattern-btn{border:1px solid #2b3b50;background:#0d151e;color:#8fa0b3;border-radius:8px;padding:7px 5px;font-size:8px;font-weight:800}.pattern-btn.active{border-color:#5c8bbb;background:#162b40;color:#d9ecff}.form-row.compact{margin-top:8px}.segment-v28{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2b3c51;border-radius:8px;overflow:hidden}.segment-v28 button{border:0;background:#0d151e;color:#8799ad;padding:8px;font-size:9px;font-weight:800}.segment-v28 button.active{background:#23364a;color:#fff}.trigger-mode-grid-v28{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.trigger-mode-grid-v28 button{border:1px solid #2a3b50;border-radius:8px;background:#0d151e;color:#8799ac;padding:8px 5px;text-align:left}.trigger-mode-grid-v28 button b,.trigger-mode-grid-v28 button span{display:block}.trigger-mode-grid-v28 button b{font-size:9px}.trigger-mode-grid-v28 button span{font-size:7px;margin-top:2px}.trigger-mode-grid-v28 button.active{border-color:#5b88b5;background:#152b40;color:#dbeeff}.check-v28{display:flex;align-items:center;gap:8px;font-size:9px;color:#a5b4c3}.pixel-editor-toolbar-v28{display:flex;align-items:end;gap:8px;margin-bottom:12px;flex-wrap:wrap}.pixel-editor-toolbar-v28 .field{width:130px}.pixel-matrix-v28{display:grid;gap:12px;margin-top:12px;max-height:58vh;overflow:auto;padding-right:4px}.pixel-row-v28{border:1px solid #263649;border-radius:10px;background:#0e161f;overflow:hidden}.pixel-row-head{display:flex;align-items:center;gap:10px;padding:7px 9px;border-bottom:1px solid #263649}.pixel-row-head strong{font-size:10px}.pixel-row-head span{margin-right:auto;color:#6f8094;font-size:8px}.pixel-strip-v28{display:flex;gap:2px;overflow:auto;padding:8px}.pixel-cell-v28{position:relative;flex:0 0 22px;width:22px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:var(--pixel,#000);padding:0}.pixel-cell-v28 span{position:absolute;left:0;right:0;bottom:1px;font-size:6px;color:rgba(255,255,255,.7);text-shadow:0 1px 2px #000}.modal:has(.pixel-matrix-v28){width:min(1180px,calc(100vw - 40px));max-width:1180px}
@media(max-width:1350px){.editor-layout-v28{grid-template-columns:220px minmax(0,1fr)}.editor-inspector-v28{grid-column:1/-1;position:static;max-height:none}.editor-inspector-body{overflow:visible}.editor-programbar{align-items:stretch;flex-direction:column}.editor-program-actions{justify-content:flex-end}}
@media(max-width:900px){.editor-layout-v28{display:block}.editor-library-v28,.editor-inspector-v28{position:static;max-height:none;margin-bottom:14px}.editor-library-scroll{max-height:330px}.editor-timeline-tools{flex-wrap:wrap}.editor-timeline-tools>.subtle{width:100%;margin-left:0;text-align:left}.editor-program-fields{grid-template-columns:1fr 90px 80px}}


/* Dashboard Editor 2.9 */
.dashboard-save-state{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line);font-size:12px;font-weight:800;color:#9fb0c2;background:#111923}.dashboard-save-state.dirty{color:#ffd36b;border-color:#6f5b2d;background:#211c10}.dashboard-save-state.saving{color:#84bfff}.dashboard-save-state.saved{color:#7ed9a8}
.dashboard-editor-shell{display:grid;gap:14px}.dashboard-editor-top{padding:0;overflow:hidden}.dashboard-tabs{display:flex;align-items:stretch;gap:0;overflow:auto;border-bottom:1px solid var(--line)}.dashboard-tab{min-width:150px;padding:13px 16px;border:0;border-right:1px solid var(--line);background:#0e151e;color:var(--muted);text-align:left}.dashboard-tab strong{display:block;color:var(--text);font-size:14px}.dashboard-tab span{font-size:10px}.dashboard-tab.active{background:#172334;box-shadow:inset 0 -3px 0 var(--accent)}.dashboard-tab.add{min-width:120px;color:#8fc0ff;font-weight:800}.dashboard-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px}.dashboard-controls label:not(.check){display:flex;gap:8px;align-items:center}.dashboard-controls label>span{font-size:11px;font-weight:800;color:var(--muted)}.dashboard-controls .select{width:auto;min-width:110px}.check{display:flex;gap:8px;align-items:center;color:#aeb9c6;font-size:12px}
.dashboard-editor-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between}.dashboard-area-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.dashboard-area-filter .chip{border:1px solid var(--line);background:#101823;color:#9dacbd;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750}.dashboard-area-filter .chip b{margin-left:5px;color:#dbe6f1}.dashboard-area-filter .chip.active{background:#21354c;border-color:#45698f;color:#fff}.dashboard-editor-toolbar>div:last-child{display:flex;gap:8px}
.dashboard-grid-host{min-height:350px}.dashboard-pad-grid{display:grid;grid-template-columns:repeat(var(--dash-cols,5),minmax(0,1fr));grid-auto-flow:dense;gap:12px}.dashboard-pad-card{position:relative;min-height:160px;background:linear-gradient(155deg,color-mix(in srgb,var(--pad-accent) 12%,#121a24),#0d141d 60%);border:1px solid color-mix(in srgb,var(--pad-accent) 35%,#273444);border-left:4px solid var(--pad-accent);border-radius:13px;padding:15px 14px 56px;overflow:hidden;transition:.12s ease}.dashboard-pad-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--pad-accent) 60%,#34465b);box-shadow:0 8px 22px rgba(0,0,0,.18)}.dashboard-pad-card.size-wide,.dashboard-pad-card.size-large{grid-column:span 2}.dashboard-pad-card.size-tall,.dashboard-pad-card.size-large{min-height:250px}.dashboard-pad-card.dragging{opacity:.35}.dashboard-pad-card.drop-before:before,.dashboard-pad-card.drop-after:after{content:"";position:absolute;top:4px;bottom:4px;width:4px;background:#67b1ff;border-radius:4px;z-index:6}.dashboard-pad-card.drop-before:before{left:-7px}.dashboard-pad-card.drop-after:after{right:-7px}.dashboard-pad-drag{position:absolute;right:10px;top:8px;color:#647386;font-size:18px;cursor:grab;letter-spacing:-2px}.dashboard-pad-top{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-right:25px;color:#7f91a5;font-size:9px;font-weight:900;letter-spacing:.12em}.dashboard-pad-top kbd{border:1px solid #40546a;background:#152130;color:#d4e6f7;border-radius:5px;padding:2px 5px;font-size:10px;letter-spacing:0}.dashboard-pad-icon{position:absolute;right:14px;bottom:50px;font-size:46px;opacity:.08;pointer-events:none}.dashboard-pad-name{display:block;margin-top:18px;font-size:18px;line-height:1.18;word-break:break-word}.size-large .dashboard-pad-name,.size-tall .dashboard-pad-name{font-size:22px;margin-top:35px}.dashboard-pad-meta{display:grid;gap:2px;margin-top:10px;color:#8798aa;font-size:10px}.dashboard-pad-footer{display:flex;align-items:center;gap:7px;margin-top:12px;color:#a6b4c3;font-size:10px;font-weight:750}.dashboard-color-dot{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 9px color-mix(in srgb,var(--dot) 60%,transparent)}.dashboard-pad-actions{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:5px;flex-wrap:wrap}.dashboard-pad-actions .btn{padding:5px 7px;font-size:9px}.btn.danger,.ghost.danger{color:#ef8d8d}.dashboard-area-section{margin-bottom:22px}.dashboard-area-title{display:flex;gap:8px;align-items:center;margin:0 0 9px}.dashboard-area-title strong{font-size:13px}.dashboard-area-title span{font-size:10px;color:#77889a;background:#16202b;padding:2px 7px;border-radius:999px}
.dashboard-pad-form .dashboard-form-separator{margin:5px 0 0;border-top:1px solid var(--line);padding-top:12px}.dashboard-pad-form .dashboard-form-separator span{font-size:10px;font-weight:900;color:#7f91a5;text-transform:uppercase;letter-spacing:.1em}.dashboard-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dashboard-check-grid.smoke{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-check-grid label{background:#111923;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:11px;color:#b8c5d3}.dashboard-scene-list{display:grid;gap:8px}.dashboard-scene-item{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:#101822;color:var(--text);border-radius:10px;padding:10px;text-align:left}.dashboard-scene-item:hover{border-color:#45698f;background:#142132}.dashboard-scene-item small{display:block;color:var(--muted)}.dashboard-scene-item>span:last-child{font-size:10px;color:#7fb8f4}.dashboard-scene-color{width:10px;height:34px;border-radius:6px;background:var(--scene)}
@media(max-width:1200px){.dashboard-pad-grid{grid-template-columns:repeat(min(4,var(--dash-cols,4)),minmax(0,1fr))}.dashboard-controls{align-items:flex-start}.dashboard-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.dashboard-pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pad-card.size-wide,.dashboard-pad-card.size-large{grid-column:span 2}.dashboard-editor-toolbar{align-items:flex-start;flex-direction:column}.dashboard-check-grid{grid-template-columns:1fr 1fr}}


/* Editor to Dashboard bridge 2.9.1 */
.editor-context-menu{position:fixed;z-index:2000;width:260px;padding:6px;background:#0d141d;border:1px solid #34475e;border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.46);display:grid;gap:3px}.editor-context-menu>button{width:100%;border:0;background:transparent;color:#dfe8f2;border-radius:8px;padding:9px 10px;display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;text-align:left;align-items:center}.editor-context-menu>button:hover{background:#182638}.editor-context-menu>button>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#182433;color:#89bfff;font-size:9px;font-weight:900}.editor-context-menu>button strong{display:block;font-size:11px}.editor-context-menu>button small{display:block;color:#8192a6;font-size:9px;margin-top:2px;line-height:1.25}.editor-context-menu>button.danger{color:#ff9ca2}.editor-context-menu>button.danger>span{background:#35191d;color:#ff9ca2}.editor-context-menu>i{height:1px;background:#263547;margin:4px 2px}.dashboard-transfer-form .notice{line-height:1.45}.dashboard-transfer-preview{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0f1721;border-radius:10px;padding:10px 12px}.dashboard-transfer-preview>span{width:12px;height:36px;border-radius:6px;background:var(--dot);box-shadow:0 0 12px color-mix(in srgb,var(--dot) 50%,transparent)}.dashboard-transfer-preview strong,.dashboard-transfer-preview small{display:block}.dashboard-transfer-preview strong{font-size:12px}.dashboard-transfer-preview small{font-size:10px;color:var(--muted);margin-top:2px}

/* Mobile Live 3.0 */
.mobile-live-shell{min-height:100svh;background:radial-gradient(circle at 30% -10%,#1d2a3c 0,#0b1017 32%,#070b10 100%);color:var(--text);padding-bottom:88px}.mobile-live-head{height:64px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:rgba(8,12,18,.94);border-bottom:1px solid #223044;backdrop-filter:blur(18px)}.mobile-brand{display:flex;gap:10px;align-items:center;min-width:0}.mobile-brand .brand-mark{width:36px;height:36px;border-radius:11px;flex:0 0 auto}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{font-size:12px;letter-spacing:.06em}.mobile-brand small{font-size:10px;color:#8fa0b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.mobile-head-status{display:flex;align-items:center;gap:7px}.mobile-head-status .status{font-size:9px;padding:5px 8px}.mobile-rev{font-size:9px;color:#65788e}.mobile-projectbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #1b2735;background:#0c131c}.mobile-project-select,.mobile-select{background:#111b27;color:#edf4fb;border:1px solid #2b3b4e;border-radius:10px;padding:9px 10px;font-weight:750;min-width:0}.mobile-project-select{width:100%}.mobile-offline{font-size:9px;font-weight:900;letter-spacing:.06em;color:#f4c96c;border:1px solid #665229;background:#241e12;border-radius:999px;padding:6px 8px;white-space:nowrap}.mobile-offline.ready{color:#83deb1;border-color:#275f47;background:#10291f}.mobile-exit{border:1px solid #2b3b4e;background:#111b27;color:#9eb0c3;border-radius:9px;padding:8px 10px;font-weight:800;font-size:10px}.mobile-control-strip{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(0,1.5fr) minmax(115px,.75fr);gap:8px;padding:10px 12px;background:#0a1018;border-bottom:1px solid #1d2a39}.mobile-safe,.mobile-blackout{border-radius:13px;min-height:62px;padding:9px 11px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-content:center;border:1px solid #405068;background:#151d28;color:#d7e1eb}.mobile-safe>span{grid-row:1/3;font-size:23px;align-self:center;color:#8a99a9}.mobile-safe b,.mobile-blackout b{font-size:13px;letter-spacing:.05em}.mobile-safe small,.mobile-blackout small{font-size:9px;color:#8393a5}.mobile-safe.armed{background:#123224;border-color:#2f8b60;color:#94e7ba;box-shadow:inset 4px 0 #43c98a}.mobile-safe.armed>span{color:#43c98a}.mobile-blackout{display:flex;flex-direction:column;justify-content:center;background:#321519;border-color:#713038;color:#ff9ca2;text-align:center}.mobile-blackout small{color:#d86d75}.mobile-blackout.active{background:#ef4e55;border-color:#ff858a;color:#fff;box-shadow:0 0 28px rgba(239,78,85,.3)}.mobile-blackout.active small{color:#fff}.mobile-master-state{border:1px solid #233246;background:#0e1721;border-radius:13px;padding:9px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.mobile-master-state strong{font-size:11px}.mobile-master-state small{font-size:9px;color:#7f91a5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-live-main{padding:14px 12px 24px;max-width:1100px;margin:0 auto}.mobile-view{display:grid;gap:13px}.mobile-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.mobile-section-head>div{min-width:0}.mobile-section-head span{display:block;font-size:9px;color:#6f8298;font-weight:900;letter-spacing:.14em}.mobile-section-head h2{margin:2px 0 0;font-size:21px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-select{max-width:46vw;font-size:11px;padding:8px 9px}.mobile-area-row{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.mobile-area-row button{flex:0 0 auto;border:1px solid #28384b;background:#101923;color:#8fa1b4;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.mobile-area-row button.active{border-color:#4f79a6;background:#19304a;color:#dceeff}.mobile-pad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.mobile-pad{position:relative;min-height:118px;border-radius:15px;border:1px solid color-mix(in srgb,var(--pad) 36%,#28384b);border-left:5px solid var(--pad);background:linear-gradient(155deg,color-mix(in srgb,var(--pad) 9%,#14202c),#0e151e 68%);color:#eef4fa;text-align:left;padding:14px 13px 13px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.18);touch-action:manipulation}.mobile-pad:active{transform:scale(.985)}.mobile-pad.size-wide,.mobile-pad.size-large{grid-column:span 2}.mobile-pad.size-tall,.mobile-pad.size-large{min-height:178px}.mobile-pad.active{border-color:color-mix(in srgb,var(--pad) 82%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--pad) 45%,#17202a),color-mix(in srgb,var(--pad) 16%,#0d141d));box-shadow:0 0 0 2px color-mix(in srgb,var(--pad) 22%,transparent),0 0 25px color-mix(in srgb,var(--pad) 23%,transparent)}.mobile-pad-kind{display:block;font-size:8px;letter-spacing:.13em;color:#8394a7;font-weight:900;text-transform:uppercase;padding-right:35px}.mobile-pad kbd{position:absolute;right:10px;top:10px;border:1px solid #40536a;background:#162332;border-radius:5px;padding:2px 5px;font-size:9px;color:#dce8f4}.mobile-pad strong{display:block;font-size:17px;line-height:1.15;margin-top:13px;word-break:break-word}.mobile-pad small{display:block;font-size:9px;color:#8798aa;margin-top:6px;line-height:1.35}.mobile-pad-state{position:absolute;left:13px;bottom:10px;font-size:9px;font-weight:900;letter-spacing:.06em;color:#6f8194}.mobile-pad.active .mobile-pad-state{color:#dfffee}.mobile-empty{grid-column:1/-1;border:1px dashed #2a394b;border-radius:14px;padding:35px 20px;text-align:center;color:#7f91a5;font-size:12px}.mobile-program-clock{border:1px solid #263649;background:#101923;border-radius:16px;padding:15px}.mobile-program-clock>div:first-child{display:flex;align-items:baseline;gap:6px}.mobile-program-clock strong{font-size:34px;letter-spacing:-.04em}.mobile-program-clock span{color:#77899d;font-size:14px}.mobile-progress{height:8px;margin-top:10px;background:#070c11;border-radius:999px;overflow:hidden}.mobile-progress i{display:block;height:100%;background:linear-gradient(90deg,#58a9ff,#8f6cff,#ef4e55);border-radius:999px}.mobile-cue-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-cue-cards article{min-height:110px;border:1px solid #28384b;background:#111a24;border-radius:14px;padding:13px}.mobile-cue-cards span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#6f8298}.mobile-cue-cards strong{display:block;font-size:15px;line-height:1.2;margin-top:10px}.mobile-cue-cards small{display:block;color:#8293a7;font-size:9px;margin-top:5px}.mobile-program-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px}.mobile-go{border:1px solid #367a5a;background:#17422f;color:#9ce8be;border-radius:15px;min-height:72px;font-size:23px;font-weight:950;letter-spacing:.08em}.mobile-program-actions .btn{min-height:72px;border-radius:15px}.mobile-mini-timeline{height:42px;position:relative;background:#0a1017;border:1px solid #233246;border-radius:12px;overflow:hidden}.mobile-mini-timeline i{position:absolute;top:8px;height:26px;border-radius:5px;background:var(--cue);opacity:.75;min-width:2px}.mobile-mini-timeline b{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #fff}.mobile-board-list{display:grid;gap:8px}.mobile-board-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #263649;background:#101923;border-radius:12px;padding:11px}.mobile-board-list strong,.mobile-board-list small{display:block}.mobile-board-list strong{font-size:12px}.mobile-board-list small{font-size:9px;color:#7e90a3;margin-top:2px}.mobile-board-list article>span:last-child{font-size:8px;font-weight:900;color:#8295aa}.mobile-board-dot{width:11px;height:11px;border-radius:50%;background:#5f6e7f;box-shadow:0 0 0 4px rgba(95,110,127,.08)}.mobile-board-dot.online{background:#43c98a;box-shadow:0 0 0 4px rgba(67,201,138,.1),0 0 12px rgba(67,201,138,.35)}.mobile-setup-grid{display:grid;gap:10px}.mobile-setup-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #28384b;background:#101923;border-radius:14px;padding:12px}.mobile-setup-card>span:first-child{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#172638;color:#83bfff;font-weight:900}.mobile-setup-card strong,.mobile-setup-card small{display:block}.mobile-setup-card strong{font-size:12px}.mobile-setup-card small{font-size:9px;line-height:1.35;color:#7f91a5;margin-top:3px}.mobile-setup-card.ready{border-color:#2b6f51;background:#10241c}.mobile-setup-card.ready>span:first-child{background:#153c2b;color:#8fe2b5}.mobile-master-input{display:flex;gap:6px;min-width:280px}.mobile-master-input .input{font-size:10px}.mobile-tech-note{margin-top:2px}.mobile-bottom-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:76px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(8,12,18,.97);border-top:1px solid #263548;backdrop-filter:blur(18px)}.mobile-nav-btn{border:0;background:transparent;color:#74869a;border-radius:11px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:0}.mobile-nav-btn span{font-size:18px;line-height:1}.mobile-nav-btn b{font-size:9px}.mobile-nav-btn.active{background:#172435;color:#eaf4ff}.mobile-nav-btn.active span{color:#68b4ff}
@media(min-width:700px){.mobile-live-main{padding:20px}.mobile-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-pad.size-wide,.mobile-pad.size-large{grid-column:span 2}.mobile-control-strip{padding-left:max(20px,calc((100vw - 1100px)/2));padding-right:max(20px,calc((100vw - 1100px)/2))}.mobile-cue-cards{grid-template-columns:1.2fr 1fr}.mobile-setup-grid{grid-template-columns:1fr}.mobile-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(680px,100%);border:1px solid #263548;border-bottom:0;border-radius:18px 18px 0 0}}
@media(max-width:540px){.mobile-control-strip{grid-template-columns:1fr 1fr}.mobile-master-state{grid-column:1/-1;grid-row:2}.mobile-head-status .mobile-rev{display:none}.mobile-projectbar{grid-template-columns:minmax(0,1fr) auto}.mobile-offline{grid-row:2;grid-column:1/-1;justify-self:start}.mobile-exit{grid-column:2;grid-row:1}.mobile-cue-cards{grid-template-columns:1fr}.mobile-program-actions{grid-template-columns:1fr 1fr}.mobile-go{grid-column:1/-1}.mobile-setup-card{grid-template-columns:34px minmax(0,1fr)}.mobile-setup-card>button,.mobile-master-input{grid-column:2;width:100%;min-width:0}.mobile-pad{min-height:112px}.mobile-pad strong{font-size:15px}}