:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f8;--surface:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--accent-hover:#1d4ed8;--success:#16a34a;--danger:#dc2626;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text)}button,input,select{font-family:inherit}button{cursor:pointer;font-size:13px}a{color:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.app-shell{grid-template-rows:44px 1fr auto;height:100%;display:grid}@media (width>=1100px){.app-shell{height:100%;overflow:hidden}}@media (width<=1099px){html,body,#root{height:auto}.app-shell{height:auto;min-height:100%}}.app-header{border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 44px;justify-content:space-between;align-items:center;gap:1rem;height:44px;padding:0 1rem;display:flex}.app-header h1{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.app-header-actions{align-items:center;gap:.75rem;display:flex}.marker-badge{background:var(--bg);border-radius:999px;padding:.2rem .5rem}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:32px;color:var(--text);padding:0 .85rem;font-size:13px;transition:background-color .12s,border-color .12s,color .12s}.btn:hover{background:#f9fafb;border-color:#cbd5e1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--surface);border-color:var(--border)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:disabled:hover{background:var(--accent);border-color:var(--accent)}.link-btn{height:32px;color:var(--accent);background:0 0;border:none;padding:0 .3rem;font-size:13px;transition:color .12s}.link-btn:hover{color:var(--accent-hover);text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.toggle{border:1px solid var(--border);background:var(--surface);height:24px;color:var(--muted);white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .6rem;font-size:12px;line-height:1;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.toggle:hover{border-color:#cbd5e1}.toggle-on{background:var(--accent);border-color:var(--accent);color:#fff}.toggle-on:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.toggle:disabled{opacity:.5;cursor:not-allowed}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented-option{border:none;border-left:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted);padding:0 .75rem;font-size:13px;transition:background-color .12s,color .12s}.segmented-option:first-child{border-left:none}.segmented-option-active{background:var(--accent);color:#fff}.stage{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:12px;display:grid;overflow:hidden}@media (width<=1099px){.stage{grid-template-columns:1fr;overflow:visible}.stage-pane{min-height:420px}}.stage-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane-title{border-bottom:1px solid var(--border);height:34px;color:var(--muted);flex:0 0 34px;justify-content:space-between;align-items:center;gap:.6rem;padding:0 .75rem;font-size:12px;display:flex}.pane-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pane-body{flex:auto;min-height:0;position:relative;overflow:hidden}.capture-bar{border-bottom:1px solid var(--border);background:#fafbfc;flex-wrap:wrap;flex:none;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.capture-controls{flex:none;align-items:center;gap:.5rem;display:flex}.capture-bar .uploader{flex:220px;min-width:180px}.capture-side{flex-direction:column;flex:220px;align-items:flex-start;gap:.3rem;min-width:200px;display:flex}.capture-bar-note{flex-basis:100%;margin:0}.manual-scale-bar{flex-basis:100%}.mode-bar-text{align-items:baseline;gap:.6rem;min-width:0;display:flex;overflow:hidden}.mode-bar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex:none;font-size:11px;font-weight:600}.mode-bar-hint{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mode-bar-actions{flex:none;gap:.25rem;display:flex}.zoom-pane{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.zoom-layer{flex:none;position:relative}.zoom-controls{z-index:5;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.zoom-btn{border:1px solid var(--border);background:var(--surface);min-width:24px;height:24px;color:var(--text);box-shadow:var(--shadow-sm);border-radius:999px;padding:0 .4rem;font-size:11px}.zoom-btn:hover{background:#f9fafb;border-color:#cbd5e1}.zoom-btn-pct{font-variant-numeric:tabular-nums;min-width:40px}.viewer-empty{width:100%;height:100%;color:var(--muted);text-align:left;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.viewer-empty-title{color:var(--text);margin:0 0 .75rem;font-size:15px;font-weight:600}.viewer-empty-steps{max-width:32ch;color:var(--muted);margin:0;padding-left:1.2rem}.viewer-empty-steps li+li{margin-top:.35rem}.viewer-canvas-wrap{cursor:crosshair;width:100%;height:100%;position:relative;overflow:hidden}.viewer-canvas,.viewer-mask-canvas,.viewer-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-mask-canvas{opacity:.35;mix-blend-mode:multiply;pointer-events:none}.viewer-overlay{pointer-events:none}.viewer-canvas-wrap-editing{cursor:default}.arrange-canvas-surface{background-image:linear-gradient(45deg,#f4f5f6 25%,#0000 25%),linear-gradient(-45deg,#f4f5f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f4f5f6 75%),linear-gradient(-45deg,#0000 75%,#f4f5f6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;height:100%}.arrange-canvas-svg{width:100%;height:100%;display:block}.arrange-canvas-empty{text-align:center;width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;margin:0;padding:1rem;font-size:13px;display:flex}.arrange-canvas-warning{z-index:5;max-width:calc(100% - 16px);color:var(--danger);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fef2f2;margin:0;padding:.3rem .6rem;font-size:12px;position:absolute;top:8px;left:8px}.dock{background:var(--surface);border-top:1px solid var(--border);flex:none;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:0;max-height:280px;display:grid}@media (width<=1099px){.dock{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:none}.dock-col{max-height:400px}}.dock-col{flex-direction:column;gap:.6rem;min-height:0;max-height:280px;padding:.75rem 1rem;display:flex;overflow-y:auto}.dock-col+.dock-col{border-left:1px solid var(--border)}.cv-status{display:flex}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:600}.hint{color:var(--muted);margin:0;font-size:13px}.hint a{font-size:13px}.muted-small{color:var(--muted);font-size:12px}.pill{border-radius:999px;margin:0;padding:.3rem .6rem;font-size:12px;display:inline-block}.pill-good{color:var(--success);background:#f0fdf4}.pill-bad{color:var(--danger);background:#fef2f2}.pill-neutral{color:var(--muted);background:#f3f4f6}.status-line{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:13px;display:flex}.status-dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.status-dot-good{background:var(--success)}.status-dot-bad{background:var(--danger)}.status-dot-muted{background:#d1d5db}.status-manual-link{margin-left:auto}.field-row{color:var(--text);justify-content:space-between;align-items:center;gap:.75rem;font-size:13px;display:flex}.field-row select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:32px;padding:0 .5rem;font-size:13px}.field-row-range{flex-direction:column;align-items:stretch;gap:.3rem}.field-row-range .field-label{justify-content:space-between;align-items:center;display:flex}.field-row-dimmed input[type=range]{opacity:.5}.field-row-checkbox{justify-content:flex-start;gap:.5rem}.field-row-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.field-label{color:var(--text);flex:auto}.threshold-controls{align-items:center;gap:.5rem;display:flex}.field-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.field-control{align-items:center;gap:.35rem;display:flex}.field-number,.field-text{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:80px;height:32px;color:var(--text);padding:0 .5rem;font-size:13px}.field-number-sm{width:60px}.field-text{width:160px}.field-text-full{width:100%}.field-suffix{color:var(--muted);font-size:12px}.field-readout{font-variant-numeric:tabular-nums;color:var(--text)}.field-range{width:100%;accent-color:var(--accent)}.capture-row1{align-items:center;gap:.5rem;display:flex}.paper-select{flex:none}.capture-row1 .btn{flex:auto}.sample-link{align-self:flex-start;padding-left:0}.uploader{border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:#fafbfc;flex:0 0 64px;align-items:center;gap:.6rem;height:64px;padding:0 .75rem;transition:border-color .12s,background-color .12s;display:flex}.uploader:hover,.uploader-drag{border-color:var(--accent);background:#f2f6fe}.uploader-disabled{cursor:not-allowed;opacity:.55}.uploader-icon{flex:none;font-size:1.25rem;line-height:1}.uploader-text{flex-direction:column;flex:auto;gap:.1rem;min-width:0;display:flex}.uploader-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.uploader-filename{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.advanced{border-top:1px solid var(--border);padding-top:.5rem}.advanced summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"▸";margin-right:.4rem;font-size:10px;transition:transform .12s;display:inline-block}.advanced[open] summary:before{transform:rotate(90deg)}.advanced-body{flex-direction:column;gap:.55rem;padding-top:.6rem;display:flex}.advanced-compact{margin-top:.1rem;padding-top:.4rem}.mask-row{align-items:center}.mask-hint{flex:1;min-width:0}.edit-vertices{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.tools-list{flex-direction:column;gap:.25rem;display:flex}.tool-row{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.35rem .4rem;transition:background-color .12s,border-color .12s;display:flex}.tool-row:hover{background:#f9fafb}.tool-row-selected{border-color:var(--accent);background:#eff6ff}.tool-color-dot{border-radius:50%;flex:none;width:.6rem;height:.6rem}.tool-row-name,.component-row-name{min-width:0;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;flex:auto;padding:.2rem .35rem;font-size:13px;transition:border-color .12s,background-color .12s}.tool-row-name:hover,.component-row-name:hover{background:#f3f4f6}.tool-row-name:focus,.component-row-name:focus{border-color:var(--border);background:var(--surface)}.tool-row-meta,.component-row-meta{color:var(--muted);white-space:nowrap;flex:none;font-size:12px}.row-remove-btn{width:22px;height:22px;color:var(--muted);opacity:0;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:opacity .12s,background-color .12s,color .12s;display:inline-flex}.tool-row:hover .row-remove-btn,.tool-row:focus-within .row-remove-btn,.component-row:hover .row-remove-btn,.component-row:focus-within .row-remove-btn,.row-remove-btn:focus-visible{opacity:1}.row-remove-btn:hover{color:var(--danger);background:#fee2e2}@media (hover:none){.row-remove-btn{opacity:1}}.components-section{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.components-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:600}.components-list{flex-direction:column;gap:.2rem;display:flex}.component-row{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.3rem .4rem;transition:background-color .12s,border-color .12s;display:flex}.component-row:hover{background:#f9fafb}.component-row-selected{border-color:var(--success);background:#f0fdf4}.component-row-clearance{border:1px solid var(--border);background:var(--surface);width:3.2rem;height:28px;color:var(--text);border-radius:6px;flex:none;padding:0 .3rem;font-size:12px}.component-row-error{margin-top:.2rem}.component-actions{gap:.5rem;display:flex}.component-actions .btn{flex:1 1 0}.component-params{border-radius:var(--radius);border:1px solid var(--border);background:#fafbfc;flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.arrange-row1{align-items:center;gap:.5rem;display:flex}.arrange-btns{flex-wrap:wrap;gap:6px;margin-top:.4rem;display:flex}.arrange-btns .btn{padding:0 .6rem}.arrange-row2{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.canvas-size-fields{align-items:center;gap:.3rem;display:flex}.canvas-size-x{color:var(--muted);font-size:12px}.manual-scale{border-radius:var(--radius);border:1px solid var(--border);background:#fafbfc;flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.export-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.grid-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.grid-field-label{color:var(--muted);font-size:11px}.grid-field .field-number,.grid-field .field-text{width:100%}.export-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.export-actions .btn.primary{flex:auto}.template-controls{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.template-controls .field{color:var(--muted);flex-direction:column;gap:.25rem;font-size:13px;display:flex}.template-controls select,.template-controls input[type=number]{border:1px solid var(--border);border-radius:var(--radius);height:32px;padding:0 .5rem;font-size:13px}.template-loading,.template-error{color:var(--muted);padding:2rem 1.5rem}.template-error{color:var(--danger)}.template-print{box-shadow:0 0 0 1px var(--border);width:fit-content;margin:1.5rem}@media print{@page{margin:0}body *{visibility:hidden}.template-print,.template-print *{visibility:visible}.template-print{box-shadow:none;margin:0;position:absolute;top:0;left:0}}