:root{--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg:#f1f4f6;--surface:#fff;--border:#dde3e8;--text:#1f2a33;--text-muted:#5f6d78;--accent:#0f766e;--accent-hover:#0b5f58;--accent-soft:#e1f2f0;--danger:#b42318;--disabled-bg:#eef1f3;--disabled-text:#9aa5ad;--viewer-bg:#0d1117;--lm-predicted:#ff5252;--lm-edited:#3bb8ff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1018280f, 0 2px 8px #1018280f;--focus-ring:0 0 0 3px #0f766e59;--viewer-height:clamp(360px, 80vh, 1000px)}*{box-sizing:border-box}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:15px;line-height:1.5}h1,h2,p{margin:0}.app{max-width:1600px;padding:var(--space-5) var(--space-5) var(--space-4);margin:0 auto}.text-muted{color:var(--text-muted);margin:0 0 var(--space-3)}.error{color:var(--danger);margin:var(--space-2) 0}.app-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.app-title{letter-spacing:-.02em;font-size:2.25rem;font-weight:700;line-height:1.15}.app-byline{color:var(--text-muted);letter-spacing:0;margin-left:var(--space-1);font-size:1rem;font-weight:400}.app-subtitle{color:var(--text-muted);margin-top:var(--space-1)}.header-slot{min-width:80px}.app-footer{margin-top:var(--space-6);padding-top:var(--space-4);text-align:center;color:var(--text-muted);font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5)}.card-title{margin-bottom:var(--space-3);font-size:1.15rem;font-weight:600}.actions{align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.editing-badge{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--lm-edited);color:#06283d;font-weight:600;display:inline-block}.loading{text-align:center}.preview{max-width:100%;max-height:50vh;margin:0 auto var(--space-3);border-radius:var(--radius-sm);display:block}.stepper{gap:var(--space-2);margin:var(--space-5) 0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex;position:relative}.step:not(:last-child):after{content:"";height:2px;margin-left:var(--space-2);background:var(--border);border-radius:1px;flex:1}.step-done:not(:last-child):after{background:var(--accent)}.step-dot{border:2px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--disabled-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.step-label{color:var(--disabled-text);white-space:nowrap;font-weight:500}.step-active .step-dot{background:var(--accent);border-color:var(--accent);color:#fff}.step-active .step-label{color:var(--text);font-weight:600}.step-done .step-dot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.step-done .step-label{color:var(--text-muted)}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;padding:.5rem 1rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--accent-soft)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{padding:.25rem .7rem;font-size:.85rem}.btn-drop{background:var(--accent-soft)}.btn:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--disabled-text);cursor:not-allowed}.field{gap:var(--space-1);color:var(--text-muted);flex-direction:column;font-size:.85rem;display:flex}.field input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);width:11rem;padding:.45rem .6rem}.field input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.dropzone{text-align:center;padding:var(--space-6) var(--space-4);border:2px dashed var(--border);border-radius:var(--radius);min-height:260px;color:var(--accent);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.dropzone:hover,.dropzone.is-over{background:var(--accent-soft);border-color:var(--accent)}.dropzone:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.dropzone-title{margin:var(--space-3) 0 var(--space-1);color:var(--text);font-size:1.15rem;font-weight:600}.dropzone .text-muted{margin:0}.meta{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.meta-upload{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.notice{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-hover)}.confirm{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);cursor:pointer;accent-color:var(--accent);font-weight:500;display:flex}.confirm-sm{margin:0;font-weight:400}.dropzone.is-disabled{opacity:.55;cursor:not-allowed;color:var(--disabled-text)}.dropzone.is-disabled:hover{border-color:var(--border);background:0 0}.password-card{max-width:380px;margin:var(--space-6) auto}.password-card .field input{width:100%}.workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.side-panel{min-width:0;max-height:calc(var(--viewer-height) + 120px);padding:2px;overflow-y:auto}@media (width<=960px){.workspace{grid-template-columns:minmax(0,1fr)}.side-panel{max-height:none}.app{padding:var(--space-4)}}@media (width<=560px){.step-label{display:none}.step-active .step-label{display:inline}.step:not(:last-child):after{margin-left:0}.app-title{font-size:1.8rem}}.viewer{min-width:0}.viewer-toolbar{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-bottom:var(--space-2);flex-wrap:wrap;font-size:.85rem;display:flex}.toggle{align-items:center;gap:var(--space-1);cursor:pointer;accent-color:var(--accent);display:inline-flex}.legend{align-items:center;gap:var(--space-1);color:var(--text-muted);margin-left:auto;display:inline-flex}.swatch{width:10px;height:10px;margin-left:var(--space-2);border:1px solid #000;border-radius:50%}.swatch-predicted{background:var(--lm-predicted)}.swatch-edited{background:var(--lm-edited)}.viewer-banner{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.viewer-canvas{height:var(--viewer-height);background:var(--viewer-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.viewer-canvas.is-editing{border-color:var(--lm-edited);box-shadow:0 0 0 3px #3bb8ff59}.viewer-hint{margin-top:var(--space-2);color:var(--text-muted);font-size:.8rem}.measurements{gap:var(--space-3);flex-direction:column;display:flex}.section{padding:0 var(--space-4) var(--space-2)}.section-title{z-index:1;margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--border);cursor:pointer;font-weight:600;position:sticky;top:0}.mtable{border-collapse:collapse;width:100%}.mtable tr:not(:last-child){border-bottom:1px solid var(--bg)}.mtable td{padding:var(--space-2) 0}.mname{color:var(--text)}.mvalue{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;width:7rem;font-weight:600}