.kmvs-app{max-width:1400px;margin:28px auto;padding:22px;background:#03101a;color:#fff;border:1px solid rgba(0,229,255,.45);border-radius:22px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 22px 60px rgba(0,0,0,.38)}
.kmvs-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:18px;background:radial-gradient(circle at top left,rgba(0,229,255,.25),transparent 30%),linear-gradient(135deg,#071925,#092f44);border:1px solid rgba(0,229,255,.28)}
.kmvs-kicker{color:#00e5ff;text-transform:uppercase;letter-spacing:4px;font-weight:900;font-size:13px}.kmvs-hero h2{font-size:48px;line-height:1;margin:7px 0 8px;color:#fff;text-transform:uppercase}.kmvs-version-badge{display:inline-block;font-size:13px;vertical-align:middle;background:#00e5ff;color:#001016;border-radius:999px;padding:7px 11px;letter-spacing:1px}.kmvs-hero p{margin:0;color:#c7edf4;font-size:17px}.kmvs-stats{min-width:150px;text-align:center;background:rgba(0,0,0,.28);border:1px solid rgba(0,229,255,.35);border-radius:16px;padding:14px}.kmvs-stats strong{display:block;font-size:42px;color:#00e5ff}.kmvs-stats span{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#dffbff}
.kmvs-toolbar{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start;margin:18px 0}.kmvs-tabs{display:flex;gap:10px;flex-wrap:wrap}.kmvs-tabs button,.kmvs-actions button,.kmvs-overlay-tools button{background:#113852;color:#fff;border:1px solid rgba(0,229,255,.35);border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}.kmvs-tabs button.active,.kmvs-tabs button:hover,.kmvs-actions button:hover,.kmvs-overlay-tools button:hover{background:#00d8d8;color:#001016}.kmvs-tabs span{opacity:.8;font-size:12px}.kmvs-search{display:grid;grid-template-columns:1fr 110px;gap:10px;background:#071d2a;border:1px solid rgba(0,229,255,.25);border-radius:14px;padding:12px}.kmvs-search label,.kmvs-controls label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#bff7ff;font-weight:900}.kmvs-search input,.kmvs-controls input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border-radius:9px;border:1px solid rgba(0,229,255,.3)!important;background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;caret-color:#000!important}.kmvs-search input:focus,.kmvs-controls input:focus{outline:2px solid #00e5ff;background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important}.kmvs-controls input[type=color]{height:42px;padding:4px}.kmvs-controls input[type=file]{background:#ffffff!important;color:#000000!important;-webkit-text-fill-color:#000000!important;border:1px solid rgba(0,229,255,.45)!important}.kmvs-controls input[type=file]::file-selector-button{background:#000!important;color:#fff!important;border:0;border-radius:7px;padding:8px 12px;margin-right:10px;font-weight:900;cursor:pointer}.kmvs-controls input[type=file]::-webkit-file-upload-button{background:#000!important;color:#fff!important;border:0;border-radius:7px;padding:8px 12px;margin-right:10px;font-weight:900;cursor:pointer}.kmvs-help{display:block;margin-top:6px;color:#bff7ff;font-size:11px;line-height:1.35;text-transform:none;letter-spacing:0;font-weight:700}
.kmvs-grid-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px}.kmvs-gallery-panel,.kmvs-stage-panel{background:#071d2a;border:1px solid rgba(0,229,255,.28);border-radius:18px;padding:16px}.kmvs-gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kmvs-gallery-head h3{margin:0;color:#00e5ff;text-transform:uppercase;letter-spacing:1px}.kmvs-gallery-head span{color:#dffbff;font-weight:900}.kmvs-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:760px;overflow:auto;padding-right:3px}.kmvs-card{background:#092b3f;color:#fff;border:1px solid rgba(0,229,255,.22);border-radius:14px;overflow:hidden;text-align:left;cursor:pointer;padding:0;transition:.15s transform,.15s border-color,.15s background}.kmvs-card:hover{transform:translateY(-2px);border-color:#00e5ff}.kmvs-card.active{background:#064f63;border-color:#00e5ff;box-shadow:0 0 0 2px rgba(0,229,255,.3)}.kmvs-card img{width:100%;height:115px;object-fit:cover;display:block;background:#fff}.kmvs-card-body{display:block;padding:10px}.kmvs-card strong{display:block;font-size:14px}.kmvs-card small{display:block;color:#bff7ff;margin-top:3px}.kmvs-empty{grid-column:1/-1;background:#03101a;border-radius:12px;padding:16px;color:#dffbff}.kmvs-stage-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.kmvs-label{display:block;color:#00e5ff;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1px}.kmvs-stage-top h3{margin:3px 0 0;font-size:30px;color:#fff}.kmvs-selected-number{font-size:36px;font-weight:900;color:#00e5ff;background:#03101a;border:1px solid rgba(0,229,255,.3);border-radius:14px;padding:10px 16px}
.kmvs-preview{position:relative;min-height:560px;background:linear-gradient(135deg,#0a2434,#041017);border:1px solid rgba(0,229,255,.24);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.kmvs-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,229,255,.14),transparent 45%)}.kmvs-preview img[data-kmvs-image]{position:relative;z-index:2;max-width:96%;max-height:520px;object-fit:contain;pointer-events:none}.kmvs-overlay,.kmvs-logo-overlay{position:absolute;z-index:5;cursor:move;user-select:none;touch-action:none}.kmvs-overlay{background:rgba(0,0,0,.72);color:var(--kmvs-colour,#00e5ff);border:2px solid currentColor;border-radius:999px;padding:8px 18px;font-weight:900;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 2px #000;line-height:1.1}.kmvs-overlay.kmvs-selected,.kmvs-logo-overlay.kmvs-selected{outline:3px dashed #fff;outline-offset:4px}.kmvs-logo-overlay{display:none;background:rgba(255,255,255,.92);border:2px solid var(--kmvs-colour,#00e5ff);border-radius:16px;padding:5px}.kmvs-logo-overlay.has-logo{display:block}.kmvs-logo-overlay img{width:100%;height:100%;object-fit:contain;display:block}.kmvs-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.kmvs-overlay-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:14px;background:#03101a;border:1px solid rgba(0,229,255,.25);border-radius:12px;padding:12px;color:#dffbff}.kmvs-overlay-tools strong{color:#00e5ff}.kmvs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.kmvs-status{margin:12px 0 0;color:#bff7ff;background:#03101a;border:1px solid rgba(0,229,255,.2);border-radius:10px;padding:10px}
@media(max-width:1050px){.kmvs-toolbar,.kmvs-grid-layout{grid-template-columns:1fr}.kmvs-gallery{grid-template-columns:repeat(2,1fr);max-height:none}.kmvs-controls{grid-template-columns:1fr 1fr}.kmvs-hero{display:block}.kmvs-stats{margin-top:14px}.kmvs-preview{min-height:430px}.kmvs-preview img[data-kmvs-image]{max-height:400px}}@media(max-width:620px){.kmvs-app{padding:12px}.kmvs-hero h2{font-size:34px}.kmvs-search,.kmvs-controls,.kmvs-gallery{grid-template-columns:1fr}.kmvs-card img{height:auto}.kmvs-overlay{font-size:13px!important;padding:6px 10px}.kmvs-selected-number{font-size:24px}.kmvs-stage-top h3{font-size:22px}}

.kmvs-controls label{min-width:0}.kmvs-logo-overlay{min-width:38px;min-height:38px}