:root{--bg:#f4efe6;--bg-soft:#efe7da;--panel:#fffaf2e0;--panel-strong:#fffaf2;--line:#cabda8;--line-strong:#8b7559;--text:#1d1a16;--muted:#645949;--accent:#005f73;--accent-soft:#d7ecef;--danger:#ae2012;--danger-soft:#f8ddd8;--success:#3d5a40;--success-soft:#e1ecdf;--warning:#b26b00;--warning-soft:#fce6c1;--shadow:0 22px 44px #3728181f;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}html[data-theme=dark]{--bg:#101418;--bg-soft:#161c22;--panel:#181f27e6;--panel-strong:#1c232b;--line:#33414f;--line-strong:#7a8b9d;--text:#ebeff3;--muted:#9aa8b6;--accent:#57b9ca;--accent-soft:#16333a;--danger:#ff7f73;--danger-soft:#3a1f22;--success:#8ed39c;--success-soft:#1e3323;--warning:#f5bc62;--warning-soft:#3a2b14;--shadow:0 22px 44px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#005f732e,#0000 26%),radial-gradient(circle at 100% 100%,#e6572b29,#0000 24%),linear-gradient(#efe7da 0%,#f7f3eb 45%,#ebe3d7 100%);margin:0;padding:24px;font-family:Avenir Next,Trebuchet MS,sans-serif}html[data-theme=dark] body{background:radial-gradient(circle at 0 0,#57b9ca29,#0000 26%),radial-gradient(circle at 100% 100%,#f5bc621f,#0000 24%),linear-gradient(#0f1418 0%,#151b21 45%,#0d1115 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1560px;margin:0 auto}.hero,.panel,.summary-card{background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #8b755929}.hero{gap:24px;padding:32px;display:grid}.settings-panel{border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid #8b755929;padding:20px}.settings-panel h2{margin:0 0 12px}.hero-copy h1,.panel h2,.panel h3,.panel h4{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif}.hero-copy h1{max-width:14ch;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95}.hero-copy p{max-width:70ch;color:var(--muted);margin:0;line-height:1.6}.eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem}.hero-actions,.nav-tabs,.canvas-toolbar,.badge-row,.zoom-toolbar,.layer-toolbar{flex-wrap:wrap;gap:10px;display:flex}.hero-stats,.summary-grid,.load-grid,.library-grid,.component-list,.wire-list,.warning-list,.legend-list{gap:14px;display:grid}.hero-stats,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:18px}.summary-value{font-size:2rem;font-weight:700}.summary-label,.small,.subtle,.panel-intro,.footer-note,.flash-message{color:var(--muted)}.flash-message{margin:0}.nav-tabs{margin:24px 0}.tab-button,.action-button,.icon-button,.chip-button{border:0;border-radius:999px;transition:transform .12s,box-shadow .12s,background .12s}.tab-button,.action-button.secondary,.icon-button.danger,.chip-button.secondary{color:var(--text);background:#fffaf2d1;box-shadow:inset 0 0 0 1px #8b755933}html[data-theme=dark] .tab-button,html[data-theme=dark] .action-button.secondary,html[data-theme=dark] .chip-button.secondary{color:#f3f7fb;background:#2a3440;box-shadow:inset 0 0 0 1px #baccdc47}html[data-theme=dark] .icon-button.danger{color:#ffb3ab;background:#4a252a;box-shadow:inset 0 0 0 1px #ffb3ab38}.tab-button,.action-button,.chip-button,.icon-button{padding:12px 16px}.tab-button.active,.action-button,.chip-button{background:var(--accent);color:#fff;box-shadow:0 10px 20px #005f732e}.icon-button.danger{color:var(--danger);background:var(--danger-soft)}.tab-button:hover,.action-button:hover,.icon-button:hover,.chip-button:hover{transform:translateY(-1px)}html[data-theme=dark] .tab-button:hover,html[data-theme=dark] .action-button.secondary:hover,html[data-theme=dark] .chip-button.secondary:hover{background:#334150;box-shadow:inset 0 0 0 1px #cfdce857,0 8px 16px #00000038}html[data-theme=dark] .icon-button.danger:hover{background:#5a2d33;box-shadow:inset 0 0 0 1px #ffbfb94d,0 8px 16px #00000038}.layout-grid{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.stack{gap:20px;display:grid}.panel{padding:20px}.panel h2,.panel h3{margin:0 0 12px}.panel-intro{margin:0 0 16px;line-height:1.5}.library-card,.component-card,.wire-card,.summary-card,.load-card,.warning-card,.legend-item{border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);border:1px solid #8b755924;padding:16px}.library-group-toggle{border-radius:var(--radius-md);width:100%;color:var(--text);text-align:left;background:#ffffff9e;border:1px solid #8b755924;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.library-group-toggle h3{margin:0}.library-group-toggle span{color:var(--accent);font-size:1.4rem;line-height:1}.library-card header,.component-card header,.wire-card header,.load-card header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field-wide{grid-column:1/-1}.field span,.field label{color:var(--muted);font-size:.88rem}.field input,.field select,.field textarea{background:color-mix(in srgb, var(--panel-strong) 90%, white 10%);width:100%;color:var(--text);border:1px solid #8b755938;border-radius:12px;padding:11px 12px}.field.checkbox{align-items:center;gap:8px;padding-top:26px;display:flex}.field.checkbox input{width:18px;height:18px}.canvas-panel{overflow:hidden}.canvas-frame{background:linear-gradient(0deg, color-mix(in srgb, var(--bg-soft) 96%, transparent), color-mix(in srgb, var(--bg-soft) 96%, transparent)), linear-gradient(90deg, #cabda833 1px, transparent 1px), linear-gradient(180deg, #cabda833 1px, transparent 1px);background-size:auto,24px 24px,24px 24px;border:1px solid #8b75592e;border-radius:22px;overflow:hidden}.canvas-frame.scrollable{max-height:min(78vh,960px);overflow:auto}.canvas-frame svg{width:100%;height:min(78vh,960px);display:block}.canvas-frame.scrollable svg{width:auto;height:auto}.zoom-readout{background:#fffaf2d1;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex;box-shadow:inset 0 0 0 1px #8b755933}html[data-theme=dark] .zoom-readout,html[data-theme=dark] .layer-chip{background:#2a3440;box-shadow:inset 0 0 0 1px #baccdc47}.layer-chip{background:#fffaf2d1;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;box-shadow:inset 0 0 0 1px #8b755933}.layer-chip input{width:16px;height:16px}.zoom-readout span,.zoom-readout strong{color:var(--text)}.zoom-readout input{width:160px}.badge{border-radius:999px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.warning-card.success{background:#ffffffad}.warning-card.warning{background:var(--warning-soft)}.warning-card.danger{background:var(--danger-soft)}.table-wrap{overflow-x:auto}.spacing-top{margin-top:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #8b755924;padding:12px 10px}th{color:var(--muted);font-size:.86rem}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.footer-note{margin:16px 0 0;font-size:.92rem}@media (width<=1120px){.layout-grid{grid-template-columns:1fr}}@media (width<=720px){body{padding:14px}.hero,.panel{padding:18px}.field-grid{grid-template-columns:1fr}}