:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; color:#e6ecf5; background:#0b1219; font-size:13px; }
* { box-sizing:border-box; }
html, body, #editor { margin:0; width:100%; height:100%; overflow:hidden; }
#editor { display:grid; grid-template-columns:252px minmax(0,1fr) 268px; grid-template-rows:56px minmax(0,1fr) 31px; }
button, input, select { font:inherit; }
button, a.ed-preview { background:#1b2b38; color:#d7e5f2; border:1px solid #324554; border-radius:7px; padding:8px 11px; cursor:pointer; text-decoration:none; }
button:hover, a.ed-preview:hover { background:#294154; }
button:disabled { opacity:.4; cursor:not-allowed; }
.ed-header { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 15px; background:#10222d; border-bottom:1px solid #2c3e4a; }
.ed-brand { font-weight:750; font-size:15px; white-space:nowrap; }.ed-logo { color:#7ca5d3; font-size:24px; vertical-align:middle; margin-right:6px; }.ed-subtitle { color:#8099ab; font-weight:400; font-size:12px; margin-left:10px; }
.ed-actions { display:flex; align-items:center; gap:7px; overflow:auto; }.ed-actions button,.ed-preview { white-space:nowrap; }.ed-actions .ed-primary { background:#2585df; color:white; border-color:#2585df; font-weight:700; }.ed-actions .ed-primary:hover { background:#1574cc; }
.ed-left, .ed-right { overflow:auto; background:#101b25; padding:16px; }.ed-left { border-right:1px solid #2a3c49; }.ed-right { border-left:1px solid #2a3c49; }
section { border-bottom:1px solid #2b3d4a; padding-bottom:17px; margin-bottom:17px; } section:last-child { border:0; }
h2 { margin:0 0 13px; color:#a6bccd; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
label { display:block; color:#a6bccd; margin:9px 0 3px; font-size:12px; } label input:not([type=checkbox]), label select { display:block; width:100%; margin-top:5px; height:33px; border-radius:6px; border:1px solid #344858; background:#101923; color:#e6ecf5; padding:0 8px; }
input[type=color] { padding:2px !important; height:32px !important; min-width:37px; }
.ed-two { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.ed-inline { display:flex; align-items:center; gap:8px; }.ed-inline input { accent-color:#2388eb; }
.ed-tools { display:grid; gap:5px; }.ed-tools button { text-align:left; width:100%; }.ed-tools button.active { border-color:#228df2; background:#173f65; color:#fff; }
.ed-hint { color:#7f9bab; font-size:12px; line-height:1.55; }
#finish-button { width:100%; margin-top:8px; background:#176ab1; }
#category-list { display:grid; gap:7px; }.ed-category { display:flex; gap:5px; align-items:center; }.ed-category input[type=text] { min-width:0; flex:1; background:#101923; border:1px solid #344858; color:#e6ecf5; border-radius:5px; height:32px; padding:4px 6px; }.ed-category input[type=color] { width:37px; height:32px; background:transparent; border:1px solid #344858; border-radius:5px; }.ed-category button { padding:4px 7px; }
#add-category { width:100%; margin-top:9px; }
.ed-main { position:relative; min-width:0; min-height:0; background:#06191e; }.ed-main svg { display:block; width:100%; height:100%; touch-action:none; cursor:crosshair; }.ed-main svg[data-tool=select] { cursor:grab; }.ed-main svg[data-tool=select]:active { cursor:grabbing; }
.ed-canvas-help { position:absolute; left:12px; bottom:10px; color:#a2bac9; background:#10202aca; padding:6px 10px; border-radius:7px; pointer-events:none; font-size:11px; }
.ed-seat { cursor:pointer; }.ed-seat:hover { stroke:#fff; stroke-width:3; }.ed-seat.is-selected { fill:#fff; stroke:#2585df; stroke-width:5; }.ed-seat.is-unavailable { opacity:.28; }
.ed-outline { cursor:pointer; }.ed-outline.is-selected { stroke:#7ec4ff !important; stroke-width:7 !important; }.ed-handle { fill:#f8fafc; stroke:#2786e0; stroke-width:3; cursor:move; }.ed-temp { fill:#2288e51b; stroke:#43aaff; stroke-width:4; stroke-dasharray:12 8; pointer-events:none; }
#inspector .ed-danger { background:#5a2533; border-color:#944254; margin-top:15px; width:100%; }#inspector button { margin-top:6px; }#inspector .ed-fields { margin-top:10px; }
.ed-footer { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; padding:0 14px; border-top:1px solid #2a3c49; background:#10222d; color:#8da8ba; font-size:11px; }
@media(max-width:1000px){#editor { grid-template-columns:210px minmax(0,1fr) 220px; }.ed-subtitle,.ed-preview { display:none; }}
@media(max-width:700px){#editor { grid-template-columns:180px minmax(0,1fr); }.ed-right { display:none; }.ed-header { overflow-x:auto; }.ed-brand { display:none; }}