html.sgw458-editor-boot main{visibility:hidden!important}
html.sgw458-editor-ready main{visibility:visible!important}

.sgw458-editor{max-width:1600px;margin:0 auto;padding:18px 20px 28px;color:#eaf4ff}
.sgw458-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.sgw458-head small{display:block;color:#2e8cff;font-size:9px;font-weight:900;letter-spacing:.14em}
.sgw458-head h1{margin:5px 0 3px!important;color:#fff!important;font-size:28px!important;font-weight:500!important}
.sgw458-head p{margin:0;color:#85a5c8!important;font-size:10px}
.sgw458-head-actions{display:flex;gap:7px;align-items:center}
.sgw458-head-actions button,.sgw458-head-actions a{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:9px;border:1px solid #1b568b;background:#082545;color:#b7d8fb;font-size:9px;font-weight:900;text-decoration:none}
.sgw458-head-actions .primary{background:linear-gradient(135deg,#0b5fd7,#1677ff);color:#fff;border-color:#2d87ff}

.sgw458-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:720px}
.sgw458-controls,.sgw458-preview-shell{border:1px solid #17466f;background:linear-gradient(180deg,#071c38,#05162e);border-radius:14px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.19)}
.sgw458-controls{padding:12px;max-height:calc(100vh - 225px);overflow:auto}
.sgw458-control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.sgw458-control-title b{font-size:11px;color:#fff}
.sgw458-control-title span{font-size:8px;color:#6f91b5}
#sgw458Search{width:100%;height:38px;border:1px solid #1a507f;border-radius:9px;background:#041a34;color:#fff;padding:0 11px;margin-bottom:8px}
.sgw458-tip{border:1px solid #17446d;background:#08213e;color:#8fb1d5;font-size:8px;line-height:1.45;border-radius:9px;padding:8px 9px;margin-bottom:10px}
.sgw458-card-list{display:flex;flex-direction:column;gap:7px}
.sgw458-card-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;padding:9px;border:1px solid #17466f;border-radius:10px;background:#061a33}
.sgw458-card-row.disabled{opacity:.55}
.sgw458-switch{position:relative;width:24px;height:16px;margin-top:2px}
.sgw458-switch input{position:absolute;opacity:0}
.sgw458-switch span{position:absolute;inset:0;background:#273e59;border-radius:20px}
.sgw458-switch span::after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#8296aa;transition:.15s}
.sgw458-switch input:checked + span{background:#0e7147}
.sgw458-switch input:checked + span::after{left:10px;background:#67edaa}
.sgw458-card-name{min-width:0}
.sgw458-card-name b{display:block;color:#edf6ff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgw458-card-name small{display:block;margin-top:2px;color:#6f90b4;font-size:7.5px}
.sgw458-size,.sgw458-order{grid-column:2;display:grid;align-items:center;gap:4px}
.sgw458-size{grid-template-columns:48px 27px 42px 27px}
.sgw458-size span{color:#7899bd;font-size:7.5px}
.sgw458-size b{text-align:center;color:#b7d6f5;font-size:8px}
.sgw458-size button,.sgw458-order button{height:25px!important;min-height:25px!important;padding:0!important;border-radius:7px!important;border:1px solid #1e5686!important;background:#082544!important;color:#a9d1fb!important;font-weight:900}
.sgw458-order{grid-template-columns:27px 27px;justify-content:end}
.sgw458-order button:disabled,.sgw458-size button:disabled{opacity:.3}

.sgw458-preview-shell{min-width:0;display:flex;flex-direction:column}
.sgw458-preview-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #17466f;background:#071b35}
.sgw458-preview-bar>div:first-child{display:flex;align-items:center;gap:7px}
.sgw458-preview-bar i{width:9px;height:9px;border-radius:50%;background:#19d17f;box-shadow:0 0 0 4px rgba(25,209,127,.12)}
.sgw458-preview-bar b{font-size:9px;color:#fff}
.sgw458-preview-bar span{font-size:8px;color:#7092b6}
.sgw458-device{display:flex;gap:4px}
.sgw458-device button{height:28px!important;min-height:28px!important;border:1px solid #1c527f!important;background:#082442!important;color:#8eb6df!important;border-radius:7px!important;padding:0 9px!important;font-size:8px!important}
.sgw458-device button.active{background:#0d5fd2!important;color:#fff!important;border-color:#2a82ff!important}
.sgw458-frame-wrap{flex:1;padding:10px;overflow:auto;background:#020b19;display:flex;justify-content:center;align-items:flex-start}
#sgw458Preview{width:100%;min-width:390px;height:calc(100vh - 270px);min-height:620px;border:1px solid #17466f;border-radius:10px;background:#020b19;transition:width .18s ease}

#sgw450Dashboard.sgw458-layout-active .sgw450-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}
#sgw450Dashboard.sgw458-layout-active .sgw450-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#sgw450Dashboard.sgw458-layout-active .sgw450-bottom{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#sgw450Dashboard.sgw458-layout-active [data-sgw-card-id]{align-self:stretch;transition:min-height .15s ease,opacity .15s ease}

html.sgw458-iframe-preview #sgw450TopShell{display:none!important}
html.sgw458-iframe-preview body{padding-top:0!important;margin-top:0!important}
html.sgw458-iframe-preview main,html.sgw458-iframe-preview .content-area{margin-top:0!important;padding-top:8px!important}
html.sgw458-iframe-preview #sgw450Dashboard{padding-top:0!important;margin-top:0!important}

.sgw458-toast{position:fixed;right:18px;bottom:18px;z-index:999999;padding:10px 13px;border-radius:9px;font-size:9px;font-weight:800;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.sgw458-toast.ok{background:#0d3b28;color:#73f1ae;border:1px solid #1d8c5c}
.sgw458-toast.bad{background:#41151f;color:#ff98a3;border:1px solid #a83245}

@media(max-width:900px){
 #sgw450Dashboard.sgw458-layout-active .sgw450-kpis,
 #sgw450Dashboard.sgw458-layout-active .sgw450-grid,
 #sgw450Dashboard.sgw458-layout-active .sgw450-bottom{grid-template-columns:1fr!important}
 #sgw450Dashboard.sgw458-layout-active [data-sgw-card-id]{grid-column:span 1!important}
 .sgw458-workspace{grid-template-columns:1fr}
 .sgw458-controls{max-height:none}
 .sgw458-head{align-items:flex-start;flex-direction:column}
}