:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#18181a;--color-primary-light:#282828;--color-primary-lighter:#404040;--color-accent:#3d6b6a;--color-accent-hover:#4f8584;--color-accent-text:#2e5150;--color-accent-soft:#3d6b6a1a;--color-bg:#f7f4ef;--color-bg-alt:#ede9e1;--color-bg-dark:#111110;--color-bg-darker:#0c0c0b;--color-text:#18181a;--color-text-light:#4a4a52;--color-text-muted:#888890;--color-text-on-dark:#ede9e1;--color-text-on-dark-muted:#8a8a82;--color-border:#18181a1a;--color-border-strong:#18181a2e;--font-heading:"DM Sans", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--text-xs:clamp(.7rem, 1vw, .76rem);--text-sm:clamp(.82rem, 1.2vw, .88rem);--text-base:clamp(.94rem, 1.5vw, 1.02rem);--text-lg:clamp(1.06rem, 1.8vw, 1.18rem);--text-xl:clamp(1.3rem, 2.2vw, 1.6rem);--text-2xl:clamp(1.8rem, 3vw, 2.4rem);--text-3xl:clamp(2.4rem, 5vw, 3.6rem);--text-display:clamp(3.6rem, 7vw, 5.8rem);--container-max:1300px;--container-narrow:760px;--section-py:clamp(5rem, 9vw, 9rem);--section-px:clamp(1.25rem, 3.5vw, 3rem);--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--shadow-sm:0 2px 8px #1212140d;--shadow-md:0 6px 24px #12121412;--shadow-lg:0 12px 40px #12121417;--motion-micro:.12s;--motion-quick:.2s;--motion-base:.32s;--motion-slow:.6s;--motion-reveal:.96s;--transition-fast:.12s ease;--transition-base:.22s ease;--transition-slow:.4s ease;--ease-smooth:cubic-bezier(0, 0, .2, 1);--ease-snappy:cubic-bezier(.4, 0, .2, 1);--ease-reveal:cubic-bezier(.22, 1, .36, 1);--ease-luxury:cubic-bezier(.16, 1, .3, 1);--app-bg:var(--color-bg);--app-shell:#f7f4efc7;--app-shell-strong:#f7f4ef;--app-panel:#ffffff85;--app-panel-muted:#ede9e1b3;--app-panel-dark:#111110eb;--app-line:var(--color-border);--app-line-strong:var(--color-border-strong);--app-hover:#18181a09;--app-active:var(--color-accent-soft);--app-good:#2e6f55;--app-good-bg:#2e6f551a;--app-warn:#8a620d;--app-warn-bg:#8a620d1f;--app-danger:#9b3a32;--app-danger-bg:#9b3a321a;--app-toolbar-h:4.25rem;--app-sidebar-w:clamp(15rem, 18vw, 20rem);--app-inspector-w:clamp(17rem, 22vw, 24rem);--app-gap:1rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.78;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--color-accent);color:var(--color-text-on-dark)}:focus-visible{outline-offset:3px;outline:2px solid #3d6b6a73}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:var(--font-heading);font-weight:600;line-height:1.06}h1{font-size:var(--text-display);letter-spacing:-.025em}h2{font-size:var(--text-3xl);letter-spacing:-.025em}h3{font-size:var(--text-xl)}p{max-width:62ch;color:var(--color-text-light)}.label,.meta,.unit,.readout,.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:400}.label,.eyebrow{color:var(--color-accent-text)}.meta,.unit,.readout{color:var(--color-text-muted)}.app-title{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.12}.panel-title{letter-spacing:0;font-size:.95rem;line-height:1.25}.skip-link{z-index:9999;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-text-on-dark);padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{border:2px solid var(--color-bg-alt);background:#4a4a5240;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4a4a5266}.app{background:var(--app-bg);grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;display:grid}.app-main{grid-template-columns:var(--app-sidebar-w) minmax(0, 1fr) var(--app-inspector-w);gap:0;min-height:0;display:grid}.app-sidebar,.app-inspector{background:var(--color-bg-alt);border-color:var(--app-line);min-height:0;overflow:auto}.app-sidebar{border-right:1px solid var(--app-line)}.app-inspector{border-left:1px solid var(--app-line)}.app-workspace{background:var(--color-bg);min-width:0;min-height:0;position:relative;overflow:hidden}.app-header{min-height:var(--app-toolbar-h);color:var(--color-text-on-dark);background:#111110f0;border-bottom:1px solid #ede9e11a;grid-template-columns:minmax(14rem,20rem) minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.app-brand{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.app-brand__mark{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-text-on-dark);font-family:var(--font-heading);border:1px solid #ede9e129;place-items:center;font-weight:600;display:grid}.app-brand__text{min-width:0;line-height:1.25;display:grid}.app-brand__text strong,.app-brand__text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-brand__text strong{font-family:var(--font-heading);font-weight:600}.app-brand__text span{color:var(--color-text-on-dark-muted);font-size:.78rem}.tabbar{justify-self:center;gap:.25rem;display:inline-flex}.tab-btn{border-radius:var(--radius-sm);color:#ede9e1c7;min-height:2.1rem;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #ede9e11f;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.76rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--color-text-on-dark);background:#ffffff0a;border-color:#ede9e147}.tab-btn[aria-selected=true],.tab-btn.active{color:var(--color-text-on-dark);background:#ffffff0f;border-color:#ede9e157}.btn{isolation:isolate;border-radius:var(--radius-sm);min-height:2.6rem;color:inherit;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;line-height:1.1;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:var(--color-primary);color:var(--color-text-on-dark)}.btn--primary:hover{background:var(--color-bg-darker);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn--outline{color:var(--color-text-on-dark);background:0 0;border-color:#ede9e133}.btn--outline:hover{background:#ffffff0a;border-color:#ede9e173}.btn--outline-dark{border-color:var(--color-border-strong);color:var(--color-primary);background:0 0}.btn--outline-dark:hover{border-color:var(--color-primary);background:#18181a08}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover{background:var(--app-hover)}.icon-btn,.tool-btn{border:1px solid var(--app-line);border-radius:var(--radius-sm);min-height:2.1rem;color:var(--color-text);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#f7f4ef9e;justify-content:center;align-items:center;display:inline-flex}.tool-btn{justify-content:flex-start;gap:.5rem;padding:.45rem .65rem;font-size:.82rem}.icon-btn{width:2.1rem;padding:0}.icon-btn:hover,.tool-btn:hover{border-color:var(--app-line-strong);background:var(--app-hover);color:var(--color-accent-text)}.tool-btn[aria-pressed=true],.tool-btn.active{background:var(--app-active);color:var(--color-accent-text);border-color:#3d6b6a57}.panel{border:1px solid var(--app-line);border-radius:var(--radius-md);background:var(--app-panel);box-shadow:var(--shadow-sm);overflow:hidden}.panel__header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:1rem;min-height:2.6rem;padding:.55rem .85rem;display:flex}.panel__body{padding:.75rem .85rem}.card{border:1px solid var(--app-line);border-radius:var(--radius-md);background:var(--app-panel);box-shadow:var(--shadow-sm);transition:border-color var(--motion-base) var(--ease-smooth), box-shadow var(--motion-base) var(--ease-smooth), transform var(--motion-base) var(--ease-luxury);padding:clamp(1rem,2vw,1.5rem)}.card:hover{border-color:var(--app-line-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.form{gap:1rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.4rem;display:grid}.field label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:400}.field input,.field textarea,.field select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;min-height:2.4rem;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none;padding:.5rem .75rem;font-size:.92rem}.field textarea{resize:vertical;min-height:5.5rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.field-hint{color:var(--color-text-muted);font-size:.78rem}.field-error{color:var(--app-danger);font-size:.78rem}.status{border:1px solid var(--app-line);border-radius:var(--radius-sm);background:var(--app-panel-muted);min-height:1.6rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;padding:.2rem .5rem;font-size:.68rem;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:999px;width:.42rem;height:.42rem}.status--good{background:var(--app-good-bg);color:var(--app-good);border-color:#2e6f5540}.status--warn{background:var(--app-warn-bg);color:var(--app-warn);border-color:#8a620d40}.status--danger{background:var(--app-danger-bg);color:var(--app-danger);border-color:#9b3a3240}.status--info{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:#3d6b6a40}.table-wrap{border:1px solid var(--app-line);border-radius:var(--radius-md);background:#ffffff6b;overflow:auto}table.data{border-collapse:collapse;width:100%;font-size:.86rem}.data th,.data td{border-bottom:1px solid var(--app-line);text-align:left;vertical-align:top;padding:.5rem .7rem}.data th{z-index:1;background:var(--color-bg-alt);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:500;position:sticky;top:0}.data td.num,.data td.unit,.data td.code{font-family:var(--font-mono);font-size:.78rem}.data tbody tr:hover{background:#18181a09}.data tbody tr.selected{background:var(--color-accent-soft);box-shadow:inset 2px 0 0 var(--color-accent)}.app-statusbar{border-top:1px solid var(--app-line);background:var(--color-bg-alt);min-height:2rem;color:var(--color-text-muted);font-family:var(--font-mono);align-items:center;gap:.75rem;padding:.25rem .85rem;font-size:.74rem;display:flex}.app-statusbar__sep{color:var(--color-border-strong)}.canvas-shell{background-color:#fbf9f5;background-image:linear-gradient(#18181a0d 1px,#0000 1px),linear-gradient(90deg,#18181a0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100%;position:relative;overflow:hidden}.canvas-readout{pointer-events:none;flex-wrap:wrap;gap:.5rem;max-width:calc(100% - 1.7rem);display:flex;position:absolute;bottom:.85rem;left:.85rem}.canvas-readout span{border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);background:#ffffffe0;border:1px solid #18181a1f;padding:.3rem .5rem;font-size:.72rem}.toolbar{border-right:1px solid var(--app-line);background:var(--app-panel-muted);flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.toolbar .tool-btn{min-width:2.4rem}.drawer{top:var(--app-toolbar-h);width:clamp(20rem,30vw,28rem);transition:transform var(--motion-base) var(--ease-luxury);background:var(--color-bg);border-left:1px solid var(--app-line-strong);box-shadow:var(--shadow-md);z-index:50;flex-direction:column;display:flex;position:fixed;bottom:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer__header{border-bottom:1px solid var(--app-line);background:var(--color-bg-alt);justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.drawer__body{flex:1;padding:.85rem;overflow:auto}.drawer-tab{z-index:49;border:1px solid var(--app-line-strong);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-bg-alt);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-sm);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-right:0;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.66rem;display:flex;position:fixed;bottom:2.4rem;right:0}.drawer-tab:hover{background:var(--color-bg);transform:translate(-2px)}.modal-scrim{-webkit-backdrop-filter:blur(2px);z-index:100;background:#1111105c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--color-bg);border:1px solid var(--app-line-strong);border-radius:var(--radius-md);width:min(40rem,100%);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);overflow:auto}.modal__header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.modal__body{padding:1rem}.modal__footer{border-top:1px solid var(--app-line);background:var(--color-bg-alt);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.iof{border:1px solid var(--app-line);border-radius:var(--radius-sm);background:#fff6;gap:.4rem;padding:.75rem;display:grid}.iof__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.iof__toggle{border:1px solid var(--app-line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:#fff9;border-radius:999px;align-items:center;gap:.4rem;padding:.18rem .45rem;font-size:.65rem;display:inline-flex}.iof__toggle.is-override{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:#3d6b6a59}.iof__value{font-family:var(--font-mono);color:var(--color-text);align-items:baseline;gap:.5rem;font-size:.95rem;display:flex}.iof__value.is-inherited{color:var(--color-text-muted);font-style:italic}.iof__source{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem}.iof__reason{border:1px solid var(--app-line);border-radius:var(--radius-sm);width:100%;min-height:2rem;font-family:var(--font-body);background:#fff;padding:.4rem .55rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=1100px) and (width>=761px){.app-main{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr)}.app-inspector{border-left:0;border-top:1px solid var(--app-line);grid-column:1/-1;max-height:40dvh}}@media (width<=760px){:root{--app-toolbar-h:6.6rem}.app-main{grid-template-columns:1fr}.app-sidebar,.app-inspector{top:var(--app-toolbar-h);z-index:40;background:var(--color-bg-alt);width:min(86vw,22rem);box-shadow:var(--shadow-lg);transition:transform var(--motion-base) var(--ease-luxury);will-change:transform;overscroll-behavior:contain;border:0;position:fixed;bottom:2.5rem}.app-sidebar{border-right:1px solid var(--app-line-strong);left:0;transform:translate(-100%)}.app-inspector{border-left:1px solid var(--app-line-strong);max-height:none;right:0;transform:translate(100%)}[data-sidebar=open] .app-sidebar,[data-inspector=open] .app-inspector{transform:translate(0)}.app-workspace{grid-column:1/-1}.app-header{grid-template-columns:1fr auto;gap:.5rem;padding:.55rem .75rem}.tabbar{scrollbar-width:none;order:3;grid-column:1/-1;justify-content:center;justify-self:stretch;padding-top:.25rem;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tab-btn{flex:none;padding:.45rem .7rem;font-size:.7rem}.btn,.icon-btn,.tool-btn{min-height:2.75rem}.icon-btn{min-width:2.75rem}.form-row{grid-template-columns:1fr}.modal{width:100%;max-height:calc(100dvh - 1rem)}.modal-scrim{padding:.5rem}.drawer{width:100vw}.drawer-tab{padding:.35rem .55rem;font-size:.6rem}.app-statusbar{gap:.5rem;padding-right:4rem;font-size:.7rem}}.toast-stack.svelte-12qhfyh{z-index:200;gap:.5rem;max-width:24rem;display:grid;position:fixed;bottom:1rem;right:1rem}.toast.svelte-12qhfyh{border:1px solid var(--app-line-strong);border-radius:var(--radius-sm);background:var(--color-bg);box-shadow:var(--shadow-md);color:var(--color-text);cursor:pointer;padding:.6rem .85rem;font-size:.88rem}.toast--good.svelte-12qhfyh{background:var(--app-good-bg);color:var(--app-good);border-color:#2e6f5559}.toast--warn.svelte-12qhfyh{background:var(--app-warn-bg);color:var(--app-warn);border-color:#8a620d59}.toast--danger.svelte-12qhfyh{background:var(--app-danger-bg);color:var(--app-danger);border-color:#9b3a3259}