:root{color-scheme:dark;--bg:#0b0d10;--panel:#151922;--panel2:#1d2330;--text:#f3f5f7;--muted:#9199a8;--border:#2a3140;--accent:#5d7cff;--danger:#e45b64}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{max-width:1300px;margin:auto;padding:32px}.page-header,.editor-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.page-header h1,.editor-header h1{margin:4px 0}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.14em}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--text);cursor:pointer}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.danger{color:#ff9ba3}.button.full{width:100%;margin-top:18px}.screen-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;margin-top:28px}.screen-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.screen-preview{aspect-ratio:16/7;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.screen-card-body{padding:18px}.screen-card-body h2{margin:0}.screen-card-body p{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px}.empty{padding:40px;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#000a}.dialog-form{display:grid;gap:16px}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{margin:0}.icon-button{border:0;background:none;color:white;font-size:28px;cursor:pointer}label{display:grid;gap:7px;color:#cbd1dc}input,select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#0d1118;color:white}.form-message{min-height:20px;color:#ff9ba3}.editor-body{min-width:1100px}.editor-header{height:82px;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--panel)}.editor-header-actions{display:flex;align-items:center;gap:10px}.back-link{color:var(--muted)}.color-field{display:flex;align-items:center;gap:9px}.color-field input{width:48px;height:40px;padding:3px}.editor-layout{display:grid;grid-template-columns:220px minmax(650px,1fr) 260px;height:calc(100vh - 82px)}.sidebar,.properties-panel{padding:18px;background:var(--panel);overflow:auto}.sidebar{border-right:1px solid var(--border)}.properties-panel{border-left:1px solid var(--border)}.sidebar h2,.properties-panel h2{font-size:16px;margin:0 0 13px}.widget-add,.upload-box{display:block;width:100%;margin-bottom:9px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:white;text-align:left;cursor:pointer}.sidebar hr{border:0;border-top:1px solid var(--border);margin:20px 0}.canvas-panel{min-width:0;background:#080a0e}.canvas-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:10px 16px;background:#10141bcc;color:var(--muted);backdrop-filter:blur(8px)}.grid-stack-item-content.widget-card{overflow:hidden;border:1px solid #3b455a;border-radius:10px;background:#161c27;color:white;cursor:move}.grid-stack-item.selected .widget-card{outline:2px solid var(--accent)}.widget-card-header{display:flex;justify-content:space-between;padding:8px 10px;background:#232b3a;font-size:12px}.widget-card-preview{display:flex;height:calc(100% - 35px);align-items:center;justify-content:center;text-align:center;padding:10px;color:#dce2ed}.widget-card-preview strong{font-size:26px}.properties-panel label{margin-bottom:14px}.checkbox-row{display:flex;grid-template-columns:auto 1fr;align-items:center}.checkbox-row input{width:auto}.media-list{display:grid;gap:8px;margin-top:14px}.media-item{display:grid;grid-template-columns:44px 1fr 28px;gap:8px;align-items:center}.media-thumb{width:44px;height:38px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:#090c11;font-size:9px}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-delete{border:0;background:none;color:#ff949c;font-size:20px;cursor:pointer}@media(max-width:800px){.container{padding:18px}.page-header{align-items:flex-start;flex-direction:column}.screen-list{grid-template-columns:1fr}}

.dimension-field{display:flex;align-items:center;gap:7px}.dimension-field input{width:105px;padding:8px}.canvas-panel{display:flex;min-height:0;flex-direction:column;overflow:hidden}.canvas-viewport{flex:1;overflow:auto;padding:24px;background:#080a0e}.canvas-wrap{position:relative;flex:none;min-height:0;box-shadow:0 0 0 1px #3a4354,0 18px 50px #0008;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:10px 10px}.grid-stack{width:100%;height:100%;min-height:0}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.position-grid label{margin-bottom:0}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.common-widget-props{padding-bottom:6px;margin-bottom:14px;border-bottom:1px solid var(--border)}
.widget-settings-extra textarea{min-height:90px}
.editor-header-actions .dimension-field select{width:125px;padding:8px}.checkbox-row.compact{display:flex;margin:0;white-space:nowrap}.checkbox-row.compact input{width:auto}.canvas-stage{position:relative;flex:none}.canvas-wrap{transform-origin:top left}.canvas-wrap.hide-grid{background-image:none!important}.pixel-hint{margin:10px 0 16px;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px}.widget-size{font-variant-numeric:tabular-nums}