.mtv-shell{--mtv-bg: #05080a;--mtv-card-bg: #0c1216;--mtv-panel: #07151d;--mtv-panel2: #111c25;--mtv-outline: #40515c;--mtv-outline-soft: #263946;--mtv-text: #eef4f7;--mtv-muted: #8fa5b5;--mtv-row-text: #c9d4da;--mtv-accent: #00d8ff;--mtv-green: #8bd62a;--mtv-done: #28bd66;--mtv-done-outline: #8af0a9;--mtv-warn: #d49a34;--mtv-danger: #ff5964;--mtv-btn-blue: #1d9bf0;--mtv-btn-green: #178a68;--mtv-btn-red: #9d2418;--mtv-btn-neutral: #273747;--mtv-preview: #061018;--mtv-grid: #102633;--mtv-input: #1b2a35;font-family:Segoe UI,sans-serif;background:var(--mtv-bg);color:var(--mtv-text);height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px 18px;box-sizing:border-box;overflow:hidden}.mtv-shell *{box-sizing:border-box}.mtv-header{display:flex;align-items:center;gap:24px;margin-bottom:12px}.mtv-logo{line-height:1;white-space:nowrap}.mtv-brand{font-size:58px;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#8bd62a 10%,#16c7ff 55%,#bf59ef 95%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;display:block}.mtv-tagline{font-size:13px;color:var(--mtv-text);letter-spacing:5px;display:block;margin-top:2px}.mtv-header-center{flex:1;min-width:0}.mtv-header-title{font-size:30px;font-weight:800;color:#fff;letter-spacing:1px;margin:0;white-space:nowrap}.mtv-header-sub{font-size:14px;font-weight:700;color:var(--mtv-green);letter-spacing:1px;margin:2px 0 0;white-space:nowrap}.mtv-header-right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.mtv-backend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.mtv-backend-dot.ok{background:var(--mtv-done)}.mtv-backend-dot.bad{background:var(--mtv-danger)}.mtv-backend-dot.unknown{background:var(--mtv-muted)}.mtv-layout{display:grid;grid-template-columns:minmax(280px,27%) minmax(0,1fr);gap:16px;min-height:0;min-width:0}.mtv-cards{display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1.25fr;gap:clamp(6px,1.2vh,12px);min-height:0;min-width:0;height:100%}.mtv-main{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;min-width:0}.mtv-card{position:relative;display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);background:var(--mtv-card-bg);border:2px solid #232f36;border-radius:10px;padding:clamp(8px,1.6vh,18px) clamp(10px,1.2vw,20px);min-height:0;min-width:0;overflow:hidden;cursor:pointer;text-align:left;color:var(--mtv-text);font-family:inherit;width:100%}.mtv-card-icon{flex-shrink:0;width:clamp(44px,9vh,84px);height:clamp(44px,9vh,84px)}.mtv-card-icon svg{width:100%;height:100%}.mtv-card-body{min-width:0}.mtv-card-title{font-size:clamp(15px,2.4vh,23px);font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mtv-card-sub{font-size:clamp(11px,1.8vh,15px);color:var(--mtv-muted);margin-top:2px;white-space:nowrap}.mtv-card-state{position:absolute;top:-11px;right:-8px;width:30px;height:30px}.mtv-card.active{border-width:3px;padding:17px 19px}.mtv-card.locked{background:#04080b;border-color:#28343c;cursor:not-allowed}.mtv-card.locked .mtv-card-title,.mtv-card.locked .mtv-card-sub{color:#62727c}.mtv-card:not(.locked):hover{border-color:var(--mtv-accent)}.mtv-card:focus-visible{outline:2px solid var(--mtv-accent)}.mtv-panel{background:var(--mtv-panel);border:2px solid var(--mtv-outline);border-radius:8px;padding:18px 24px;min-width:0}.mtv-panel-title{color:var(--mtv-green);font-size:16px;font-weight:800;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.mtv-panel-name{font-size:26px;font-weight:800;margin:0 0 6px;color:#fff}.mtv-panel-sub{font-size:15px;color:#d9e3e9;margin:0 0 4px}.mtv-panel-muted{font-size:13px;color:var(--mtv-muted);margin:0 0 12px}.mtv-bottom-row{display:flex;gap:12px;flex-wrap:wrap}.mtv-bottom-row .mtv-panel:first-child{flex:1.25 1 380px}.mtv-bottom-row .mtv-panel:last-child{flex:1 1 320px}.mtv-status-row{display:flex;align-items:center;gap:12px;padding:8px 0}.mtv-status-dot{width:15px;height:15px;border-radius:50%;flex-shrink:0}.mtv-status-dot.done{background:#46d978}.mtv-status-dot.open{background:#6b7c86}.mtv-status-label{font-size:15px;color:var(--mtv-row-text)}.mtv-status-value{margin-left:auto;font-size:14px}.mtv-status-value.done{color:#46d978;font-weight:700}.mtv-status-value.open{color:#8fa0aa}.mtv-status-reason{font-size:11px;color:var(--mtv-muted);margin:-2px 0 4px 27px}.mtv-preview-frame{background:var(--mtv-preview);border:2px solid var(--mtv-outline);border-radius:10px;padding:18px;min-width:0;min-height:0;height:100%;overflow-y:auto}.mtv-center-panel{max-width:780px;width:100%;margin:0 auto;background:var(--mtv-panel);border:2px solid var(--mtv-outline);border-radius:10px;padding:22px 28px}.mtv-preview-frame h2{margin:0 0 10px;font-size:16px;color:var(--mtv-muted);font-weight:400}.mtv-btn{font-family:inherit;font-size:13px;font-weight:700;color:#fff;background:var(--mtv-btn-neutral);border:1px solid var(--mtv-outline);border-radius:6px;padding:8px 14px;cursor:pointer}.mtv-btn:disabled{opacity:.5;cursor:not-allowed}.mtv-btn-blue{background:var(--mtv-btn-blue);border-color:#5ebcf5}.mtv-btn-green{background:var(--mtv-btn-green);border-color:#2fbd68}.mtv-btn-red{background:var(--mtv-btn-red);border-color:#ff6b60}.mtv-btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mtv-btn-wide{width:100%;padding:12px;font-size:15px}.mtv-panel label{font-size:14px;color:#d9e3e9}.mtv-panel select,.mtv-panel input{font-family:inherit;font-size:14px;color:var(--mtv-text);background:var(--mtv-input);border:1px solid var(--mtv-outline-soft);border-radius:6px;padding:7px 9px;max-width:100%}.mtv-dialog{border:1px solid var(--mtv-outline);border-radius:8px;background:var(--mtv-panel2);padding:10px;margin-top:8px}.mtv-error{color:var(--mtv-danger);font-size:13px}.mtv-footer{margin-top:12px;font-size:14px;color:var(--mtv-muted);display:flex;align-items:center;gap:10px}.mtv-footer-right{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}:root{--mtv-bg: #101418;--mtv-frame: #888;--mtv-grid-minor: #1a2129;--mtv-grid-major: #2a3138;--mtv-center: #5a6a78;--mtv-accent: #00d8ff;--mtv-ruler-text: #9aa9b5;--mtv-obj-fill: #e9edf2;--mtv-text-muted: #888}body{margin:0}
