.scheme-panel-toolbar{display:flex;gap:8px;flex-shrink:0;padding:5px 12px;background:#fff;border-bottom:1px solid #e2e8f0}
.scheme-panel-toolbar button{padding:5px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px}
.scheme-panel-toolbar button[aria-expanded=true]{background:#dbeafe;border-color:#60a5fa}
.scheme-export-warning{padding:8px 12px;color:#92400e;background:#fef3c7;font-size:13px;flex-shrink:0}.scheme-export-warning button{margin:4px;padding:4px 8px;border:1px solid #d97706;border-radius:4px}
.scheme-workspace{position:relative;overflow:hidden}
.scheme-workspace[data-left-open=false]>.scheme-elements,.scheme-workspace[data-right-open=false]>.scheme-properties{display:none}
.text-overflow-warning{position:absolute;bottom:-18px;right:0;white-space:nowrap;font:600 10px/16px system-ui;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:3px;padding:0 3px;pointer-events:auto}
@media(max-width:999px){.scheme-workspace>.scheme-elements,.scheme-workspace>.scheme-properties{position:absolute;top:0;bottom:0;z-index:10;box-shadow:0 4px 15px #0f172a33;max-width:calc(100% - 24px)}.scheme-elements{left:0}.scheme-properties{right:0}}
@media(max-width:480px){header{max-height:150px;overflow-y:auto;gap:2px!important}header button{font-size:11px!important;padding-left:5px!important;padding-right:5px!important}.scheme-panel-toolbar{padding:4px 8px}}
:root{color-scheme:light;--ink:#172439;--accent:#4f46e5}
body{color:var(--ink);font-family:Inter,'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
header{background:#172439!important;border-color:#172439!important;color:#f8fafc;gap:6px!important;padding:12px 18px!important;box-shadow:0 3px 18px #0f172a1a;z-index:20}
header .text-slate-800{color:#fff!important}header .bg-blue-600{background:#818cf8!important;color:#172439!important;border-radius:9px;box-shadow:0 0 20px #818cf844}header button{color:#dce4f2!important;border-radius:8px!important;white-space:nowrap;font-size:12px!important;font-weight:500;transition:background .15s,color .15s}header button:hover:not(:disabled){background:#33445e!important;color:#fff!important}header button:disabled{opacity:.3}header .bg-slate-200{background:#3a4961!important}header .text-slate-500{color:#a5b4fc!important}header .mr-4{order:-1;margin-right:18px;font-size:17px;letter-spacing:-.5px}
button:focus-visible,a:focus-visible{outline:3px solid #818cf8;outline-offset:3px}input:focus,textarea:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px #6366f115!important}
.scheme-panel-toolbar{align-items:center;flex-wrap:wrap;gap:7px;padding:10px 18px;background:#fff;z-index:11}.scheme-panel-toolbar button{font-size:12px;border-color:#e2e8f0;border-radius:7px;color:#475569;padding:6px 11px;transition:all .15s}.scheme-panel-toolbar button:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.scheme-panel-toolbar button:disabled{opacity:.35;cursor:default}.scheme-panel-toolbar button[aria-expanded=true]{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.workspace-label{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#94a3b8;margin-right:8px}.toolbar-divider{height:18px;width:1px;background:#e2e8f0;margin:0 3px}.help-button{margin-left:auto}
.scheme-workspace>main{background:#f8fafc}.scheme-elements{width:232px;padding:18px 14px!important}.scheme-properties{width:278px;padding:20px 18px!important}.scheme-workspace aside h2{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#64748b;margin-bottom:16px}.scheme-elements .grid{gap:9px}.scheme-elements .grid>button{background:#f8fafc;border:1px solid #e8edf4;border-radius:11px;padding:13px 8px;gap:10px;transition:background .16s,border-color .16s,transform .16s}.scheme-elements .grid>button:hover{background:#eef2ff;border-color:#a5b4fc;transform:translateY(-2px)}.scheme-elements .grid>button span{font-size:11px;color:#475569}.scheme-elements p{line-height:1.7;color:#94a3b8}.scheme-properties input:not([type=color]):not([type=checkbox]):not([type=range]),.scheme-properties textarea{border-radius:8px;background:#f8fafc;border-color:#e2e8f0;padding:8px 10px;line-height:1.6}.scheme-properties label>span{font-size:11px;font-weight:600}.scheme-properties ul{list-style:none;padding:0;font-size:12px;line-height:1.8;color:#64748b}.scheme-properties li{padding:10px 0;border-bottom:1px solid #f1f5f9}.scheme-properties input[type=range]{accent-color:#6366f1}.scheme-properties button.text-red-600{background:#fff1f2;border-color:#fecdd3;border-radius:8px;font-size:12px}.react-flow__controls{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0f172a0d}.react-flow__controls button{width:30px;height:30px}.react-flow__node.selected>div>svg{filter:drop-shadow(0 3px 6px #6366f133)}.block-handle{border-color:#6366f1!important}
.scheme-status{display:flex;align-items:center;gap:20px;flex-shrink:0;background:white;border-top:1px solid #e2e8f0;padding:9px 18px;font-size:11px;color:#64748b}.scheme-status>span{display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.status-dot.error{background:#f43f5e}.status-selection{margin-left:auto;color:#94a3b8}.scheme-help{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;background:#eef2ff;color:#4338ca;border-bottom:1px solid #c7d2fe;padding:14px 18px;font-size:12px;line-height:1.7}.scheme-help strong{font-size:14px}.scheme-help button{border:1px solid #a5b4fc;border-radius:6px;padding:3px 10px;margin-left:auto}
@media(max-width:999px){.workspace-label{display:none}.scheme-workspace>.scheme-elements,.scheme-workspace>.scheme-properties{border-radius:0 0 12px 12px}.scheme-status{gap:12px;padding:8px 12px}.status-selection{display:none}}
@media(max-width:600px){header{padding:8px 10px!important}header .mr-4{font-size:15px}.scheme-panel-toolbar{padding:7px 10px;gap:5px}.scheme-panel-toolbar button{padding:5px 8px;font-size:11px}.help-button{margin-left:0}.scheme-status{font-size:10px}.toolbar-divider{display:none}}
@media(max-width:600px){header{max-height:none;overflow:visible}header button:has(svg){font-size:0!important;width:32px;padding:0!important;justify-content:center}header button:has(svg) svg{width:17px;height:17px}.scheme-status>.status-selection{display:none}.scheme-status>span{white-space:nowrap}.scheme-help{max-height:160px;overflow:auto}}