:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2c2e2f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background-color:#2c2e2f}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#999b9c;background-color:#2c2e2f}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:none;margin:0;padding:clamp(8px,3vw,16px);text-align:left}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:sticky;top:0;z-index:1000;background:#2d2e30;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.15);flex-wrap:wrap;width:100%}.app-logo{height:56px;width:auto}.app-title{color:#5ab7ee;margin:0 auto 0 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;min-width:0}.app-title-sub{color:#d3d3d3;font-weight:400}.app-metric{margin-right:12px;display:inline-flex;align-items:center;gap:4px;font-size:12px}.app-calc-btn{margin-left:auto;margin-right:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.panel{text-align:left;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;margin:16px 0;width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.subtitle{color:#a0a0a0;margin-top:-8px;margin-bottom:16px}.grid.two-cols{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:700px){.grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:flex;flex-direction:column;gap:6px}.field-label{display:inline-flex;align-items:center;gap:6px}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#5ab7ee;border:1px solid #4a4a4a;font-size:11px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.info-icon:focus-visible{outline:2px solid #5ab7ee;outline-offset:2px;background:#5ab7ee}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.table{display:grid;gap:6px}.inventory-table{display:flex;flex-direction:column;gap:12px}.row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.row.header{font-weight:600;color:#c7c7c7}.pieces .row{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1200px){.pieces .row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.pieces .row{grid-template-columns:repeat(2,minmax(0,1fr))}}.inventory-row{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #2a2a2a;border-radius:8px;background:#151515}.inventory-row.header{border:none;background:transparent;padding:0 10px 6px;color:#c7c7c7}.inventory-line{display:grid;gap:6px}.inventory-line.main{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:center}.inventory-line.trims{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.inventory-line.main{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.inventory-line.main>.row-actions{grid-column:span 2;justify-content:stretch}.inventory-line.trims{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.inventory-line.main,.inventory-line.trims{grid-template-columns:1fr}}.row-actions{display:flex;gap:6px;justify-content:flex-end}input,select{width:100%;padding:8px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#eaeaea}.btn{padding:8px 12px;border-radius:6px;border:1px solid #2a2a2a;background:#222;color:#eaeaea;cursor:pointer}.btn:hover{background:#2a2a2a}.btn.danger{background:#3a1f1f}.btn.danger:hover{background:#4a2424}.btn-calc{padding:8px 14px;background:#167503;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;line-height:1.2;min-height:42px;white-space:nowrap}.btn-calc:hover{background:#1a7aa9}.btn-calc:focus,.btn-calc:focus-visible{outline:2px solid #1e7e34;outline-offset:2px}.actions{display:flex;gap:8px}.code-block{max-height:420px;overflow:auto;border:1px solid #2a2a2a;padding:12px;border-radius:8px;background:#0f0f0f;color:#d8d8d8}.code-input{width:100%;min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5;background:#0f0f0f;color:#d8d8d8;border:1px solid #2a2a2a;border-radius:8px;padding:12px;resize:vertical}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.sheet-card{border:1px solid #2a2a2a;border-radius:8px;padding:12px;background:#141414}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.muted{color:#a0a0a0;font-size:12px}.sheet-image img{width:100%;height:auto;border-radius:6px;border:1px solid #2a2a2a}.sheet-canvas canvas{max-width:100%}.ref-panel{margin-top:12px}.dual-view{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.dual-view{grid-template-columns:1fr 1fr}}.two-pane{display:grid;grid-template-columns:1fr;gap:16px}.left-pane,.right-pane{min-width:0;width:100%}@media(min-width:1100px){.two-pane{grid-template-columns:1fr 2fr;align-items:start}}.left-pane>.panel,.right-pane>.panel{margin-top:0}.sheet-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.sheet-details ul{margin:0;padding-left:18px}@keyframes token-blink{0%{background-color:#0f0f0f;border-color:#2a2a2a}50%{background-color:#2a4a2a;border-color:#4a8a4a}to{background-color:#0f0f0f;border-color:#2a2a2a}}.token-blink{animation:token-blink .8s ease-in-out}@media(max-width:768px){.app-header{gap:8px;padding:12px 0 8px}.app-logo{height:44px}.app-title{flex:1 1 100%;margin-right:0;font-size:clamp(1.4rem,6vw,2rem)}.app-metric{margin-right:0;flex:1 1 calc(50% - 6px);font-size:11px}.app-calc-btn{width:100%;flex:1 1 100%;margin-left:0}#root{padding:8px}}@media(max-width:480px){.app-metric{flex-basis:100%}}