:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-font-scale:1;--bg:#151817;--panel:#111715;--panel-2:#18201d;--line:#2b3834;--line-strong:#52645f;--text:#eef5ef;--muted:#98a9a1;--cyan:#5dd4d8;--green:#68c27c;--yellow:#d9ba5e;--amber:#d99035;--red:#df6d73;--violet:#a98be8;--view-bg:#f2f7f2;--view-panel:#fcfffb;--view-panel-2:#edf7f1;--view-line:#c4d5cb;--view-line-strong:#8da59c;--view-text:#192622;--view-muted:#5d716a;--view-cyan:#007f92;--view-green:#19885c;--view-yellow:#99741a;--view-amber:#b8641b;--view-red:#b94c55;--view-violet:#7657c8;font-family:Segoe UI,Noto Sans JP,system-ui,sans-serif}html[data-theme=graphite]{--bg:#101213;--panel:#141718;--panel-2:#1f2424;--line:#343c3d;--line-strong:#657071;--cyan:#83d8dc;--green:#7ec49a;--yellow:#d8bc72;--view-bg:#eef2f0;--view-panel:#f9fbfa;--view-panel-2:#edf2f0}html[data-theme=porcelain]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1eb;--panel:#fffdf7;--panel-2:#f4efe4;--line:#d5cabb;--line-strong:#a99680;--text:#202520;--muted:#6e766c;--cyan:#167e88;--green:#3d8d65;--yellow:#9b7a2d;--view-bg:#f7faf6;--view-panel:#fffefa;--view-panel-2:#f0f4ed;--view-line:#d3dacd;--view-text:#1e251e}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-size:calc(14px * var(--ui-font-scale,1));margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--cyan);background:var(--cyan);color:#061114;cursor:pointer;border-radius:6px;padding:8px 11px;font-weight:700}button.secondary{color:var(--cyan);background:0 0}button.danger{border-color:var(--red);color:var(--red);background:0 0}button:disabled{opacity:.55;cursor:default}.app-shell{width:min(1800px,100%);margin:0 auto;padding:14px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:10px 2px 14px;display:flex}.topbar p{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:800}h1{margin:0;font-size:clamp(22px,2.4vw,34px);line-height:1.1}.privacy-chip{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px}.app-nav{flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.nav-button{border-color:var(--line-strong);color:var(--muted);white-space:nowrap;background:#ffffff08;min-height:34px;padding:7px 10px}.nav-button.active{border-color:var(--cyan);background:var(--cyan);color:#061114;box-shadow:0 8px 24px #5dd4d82e}.index-page,.studio-page,.knowledge-page,.settings-page{gap:14px;display:grid}.deploy-sync-banner{color:#eef5ef;background:linear-gradient(120deg,#d9ba5e24,#131f1cb8),#131f1c;border:1px solid #d9ba5e73;border-radius:8px;gap:8px;padding:18px 22px;display:grid}.deploy-sync-eyebrow{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.deploy-sync-banner h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.deploy-sync-banner p:last-child{color:#eef5efc7;margin:0;line-height:1.6}.index-hero{border:1px solid var(--line);color:#eef5ef;background:linear-gradient(120deg,#131f1ceb,#2d3a31c2),radial-gradient(circle at 82% 22%,#d9ba5e4d,#0000 35%),linear-gradient(135deg,#222823,#101615);border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:20px;min-height:min(58vh,560px);padding:clamp(24px,4vw,54px);display:grid;overflow:hidden}.index-hero-copy{gap:16px;max-width:720px;display:grid}.eyebrow{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.index-hero h2{letter-spacing:0;margin:0;font-size:clamp(32px,5vw,68px);line-height:1.02}.index-hero p{color:#eef5efc7;margin:0;line-height:1.8}.index-actions,.button-row{flex-wrap:wrap;gap:7px;display:flex}.atelier-instrument{aspect-ratio:1;background:repeating-conic-gradient(from -18deg,#eef5ef2e 0deg 2deg,#0000 2deg 12deg),radial-gradient(circle,#f3f1eb2e 0 42%,#0000 43%),radial-gradient(circle,#0c131126,#0c1311b8);border:1px solid #eef5ef3d;border-radius:50%;justify-self:center;width:min(38vw,460px);position:relative;box-shadow:inset 0 0 0 12px #ffffff0a,0 28px 80px #0000004d}.instrument-ring{border:2px solid #d9ba5e8c;border-radius:50%;position:absolute;inset:17%}.instrument-needle{transform-origin:bottom;background:#d9ba5e;width:2px;height:42%;position:absolute;top:17%;left:49%;transform:rotate(38deg);box-shadow:0 0 18px #d9ba5ea6}.instrument-chip{background:linear-gradient(90deg,#f0b75ef2,#e1ebeebf);border:1px solid #eef5ef80;border-radius:50%;width:38%;height:11%;position:absolute;top:48%;left:45%;transform:rotate(-22deg)}.process-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.process-card{text-align:left;border-color:var(--line);background:linear-gradient(180deg, var(--panel), var(--panel-2));min-height:156px;color:var(--text);align-content:end;gap:8px;display:grid}.process-card span{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:900}.process-card strong{font-size:clamp(20px,2.4vw,30px);line-height:1.15}.process-card em{color:var(--muted);font-style:normal;line-height:1.55}.process-card-ready{box-shadow:inset 0 -3px 0 var(--yellow);border-color:#d9ba5e94}.studio-page,.settings-page{max-width:980px}.studio-panel,.settings-panel{min-height:280px}.studio-copy{gap:12px;padding:18px;line-height:1.7;display:grid}.studio-copy strong{font-size:20px}.workspace-grid{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:12px;display:grid}.main-stack{gap:12px;min-width:0;display:grid}.view-column{align-content:start}.panel{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--line);color:var(--text);border-radius:8px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-weight:800;display:flex}.panel-heading em{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal}.view-toolbar{border:1px solid var(--view-line);color:var(--view-text);background:linear-gradient(#fbfefb,#eef7f0);border-radius:8px;grid-template-columns:170px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.view-toolbar-summary{gap:4px;min-width:0;display:grid}.view-toolbar-summary span{color:var(--view-muted);font-size:12px;font-weight:800}.view-toolbar-summary strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.view-toolbar-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mini-button{border-color:var(--view-cyan);background:var(--view-cyan);color:#fff;min-height:28px;padding:5px 8px;font-size:12px}.mini-button.secondary{color:var(--view-cyan);background:#fff}.panel-selector{flex-wrap:wrap;gap:8px;display:flex}.panel-check{border:1px solid var(--view-line);min-height:34px;color:var(--view-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.panel-check input{width:15px;height:15px;accent-color:var(--view-cyan);margin:0}.panel-check span{font-size:12px;font-weight:800}.panel-check.active{border-color:var(--view-cyan);color:var(--view-text);box-shadow:inset 0 -2px 0 var(--view-cyan)}.panel-check.dragging{opacity:.56;transform:translateY(-2px)}.panel-check.locked{cursor:default;opacity:.72}.view-panel-grid{align-items:start;gap:12px;min-width:0;display:grid}.view-panel-grid[data-density=solo]{grid-template-columns:minmax(0,1fr)}.view-panel-grid[data-density=duo]{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}.view-panel-grid[data-density=roomy]{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))}.view-panel-grid[data-density=dense]{grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr))}.view-panel{--panel:var(--view-panel);--panel-2:var(--view-panel-2);--line:var(--view-line);--line-strong:var(--view-line-strong);--text:var(--view-text);--muted:var(--view-muted);--cyan:var(--view-cyan);--green:var(--view-green);--yellow:var(--view-yellow);--amber:var(--view-amber);--red:var(--view-red);--violet:var(--view-violet);box-shadow:0 8px 24px #06140f14}.view-panel[draggable=true] .panel-heading,.csv-details[draggable=true] summary{cursor:grab}.view-panel[draggable=true]:active .panel-heading{cursor:grabbing}.empty-view-panel{text-align:center;padding-bottom:14px}.empty-view-panel button{margin:0 12px 12px}.section-title{color:var(--cyan);letter-spacing:.06em;margin:12px 12px 3px;font-size:12px;font-weight:800}.select-field,.number-field{grid-template-columns:1fr 92px;align-items:center;gap:7px 10px;padding:8px 12px;display:grid}.select-field>span,.number-field>span{color:var(--muted);grid-column:1/-1;justify-content:space-between;font-size:12px;display:flex}.field-caption{align-items:baseline;gap:8px}.field-caption strong{min-width:78px;color:var(--cyan);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.field-caption span{color:var(--text);font-weight:700}.field-caption em{margin-left:auto}.number-field em,.metric em,.index-bar em{color:var(--muted);font-size:11px;font-style:normal}.select-field select,.number-field input[type=number],textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0b1318;border-radius:6px;padding:7px 8px}.view-panel textarea{color:var(--text);background:#fff}.number-field input[type=range]{width:100%;accent-color:var(--cyan)}.toolbox,.breaker{border:1px solid var(--line);background:#00000029;border-radius:8px;margin:8px 10px}.toolbox h3,.index-panel h3{border-bottom:1px solid var(--line);margin:0;padding:9px 11px;font-size:13px}.toggle-row{align-items:center;gap:8px;padding:9px 12px 0;display:flex}.center{padding-bottom:12px}.diagram text{fill:var(--muted);font-weight:700}.diagram text:not([font-size]){font-size:13px}.description{color:var(--muted);margin:11px 12px 14px;line-height:1.6}.chip3d{border:1px solid var(--line);background-color:#0000;background-image:linear-gradient(#dfeae5 1px,#0000 1px),linear-gradient(90deg,#dfeae5 1px,#0000 1px),linear-gradient(#fbfefb,#e9f3ef);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:9px;margin:12px;position:relative;overflow:hidden}.chip3d-canvas{cursor:grab;touch-action:none;width:100%;height:320px;display:block}.chip3d-canvas:active{cursor:grabbing}.three-placeholder{border:1px solid var(--line);background-color:#0000;background-image:linear-gradient(#dfeae5 1px,#0000 1px),linear-gradient(90deg,#dfeae5 1px,#0000 1px),linear-gradient(#fbfefb,#e9f3ef);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:9px;margin:12px}.three-placeholder-chip{height:320px}.three-placeholder-cut{height:340px}.three-placeholder-compact{height:180px}.cut3d{border:1px solid var(--line);background-color:#0000;background-image:linear-gradient(#dfeae5 1px,#0000 1px),linear-gradient(90deg,#dfeae5 1px,#0000 1px),linear-gradient(#fbfefb,#e9f3ef);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:9px;margin:12px;position:relative;overflow:hidden}.cut3d-canvas{cursor:grab;touch-action:none;width:100%;height:340px;display:block}.cut3d-canvas:active{cursor:grabbing}.view-panel-grid[data-density=solo] .chip3d-canvas,.view-panel-grid[data-density=solo] .cut3d-canvas{height:min(68vh,720px);min-height:440px}.view-panel-grid[data-density=duo] .chip3d-canvas,.view-panel-grid[data-density=duo] .cut3d-canvas{height:min(58vh,560px);min-height:380px}.view-panel-grid[data-density=roomy] .chip3d-canvas,.view-panel-grid[data-density=roomy] .cut3d-canvas{height:400px}.view-panel-grid[data-density=dense] .chip3d-canvas,.view-panel-grid[data-density=dense] .cut3d-canvas{height:300px}.cutsection{border:1px solid var(--line);background:#f8fcf8;border-radius:9px;width:100%;max-width:calc(100% - 24px);height:auto;margin:12px;display:block}.cutsection-mut{fill:var(--muted)}.iso-insert-model{border:1px solid var(--line);background:#f8fcf8;border-radius:9px;width:calc(100% - 24px);height:auto;margin:12px;display:block}.iso-insert-model text,.iso3685-shape text{fill:var(--muted);font-size:13px;font-weight:800}.iso3685-content{gap:10px;padding:12px;display:grid}.iso3685-tools{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-button{border-color:var(--line-strong);min-height:34px;color:var(--muted);background:#fff;padding:7px 8px}.toggle-button.active{border-color:var(--cyan);background:var(--cyan);color:#fff}.iso3685-content .chip3d{border-radius:7px;margin:0}.iso3685-content .chip3d-canvas{height:240px}.view-panel-grid[data-density=solo] .iso3685-content .chip3d-canvas{height:min(58vh,620px);min-height:380px}.view-panel-grid[data-density=duo] .iso3685-content .chip3d-canvas{height:400px}.view-panel-grid[data-density=roomy] .iso3685-content .chip3d-canvas{height:320px}.iso3685-shape{border:1px solid var(--line);background:#f8fcf8;border-radius:7px;width:100%;height:auto;display:block}.iso3685-copy{color:var(--muted);gap:6px;line-height:1.55;display:grid}.iso3685-copy strong{color:var(--text)}.iso3685-copy em{color:var(--cyan);font-size:12px;font-style:normal}.iso3685-good{border-color:#65d98b7a}.iso3685-watch{border-color:#e3b75d7a}.iso3685-bad{border-color:#e2636a85}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;padding:12px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:70px;padding:9px}.metric span,.metric em{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{color:var(--cyan);font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;line-height:1;display:block}.metric-hl{border-color:var(--cyan);background:#37d0e00f}.metric-am strong{color:var(--amber,#f5a623)}.metric-am{background:#f5a6230f;border-color:#f5a62366}.verdict{border:1px solid;border-radius:9px;align-items:center;gap:10px;margin:12px 12px 0;padding:11px 13px;font-weight:600;display:flex}.verdict-icon{font-size:18px;line-height:1}.verdict-text{flex-direction:column;gap:2px;display:flex}.verdict-text strong{font-size:13px}.verdict-text em{opacity:.85;font-size:11px;font-style:normal}.verdict-good{color:var(--green,#34d399);background:#34d39914;border-color:#34d39966}.verdict-warn{color:var(--yellow,#fbbf24);background:#fbbf2414;border-color:#fbbf2466}.verdict-bad{color:var(--red,#fb7185);background:#fb718514;border-color:#fb718566}.judge-bars{gap:6px;padding:10px 12px 0;display:grid}.judge-bar{grid-template-columns:92px 1fr;align-items:center;gap:10px;display:grid}.judge-bar>span{color:var(--muted);font-size:11px}.judge-bar progress{appearance:none;background:#d5e2dc;border:0;border-radius:999px;width:100%;height:7px;overflow:hidden}.judge-bar progress::-webkit-progress-bar{background:#d5e2dc;border-radius:999px}.judge-good progress::-webkit-progress-value{background:var(--green,#34d399);border-radius:999px}.judge-cyan progress::-webkit-progress-value{background:var(--cyan,#37d0e0);border-radius:999px}.judge-amber progress::-webkit-progress-value{background:var(--amber,#f5a623);border-radius:999px}.judge-good progress::-moz-progress-bar{background:var(--green,#34d399);border-radius:999px}.judge-cyan progress::-moz-progress-bar{background:var(--cyan,#37d0e0);border-radius:999px}.judge-amber progress::-moz-progress-bar{background:var(--amber,#f5a623);border-radius:999px}.diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.diagram{border:1px solid var(--line);background:#f8fcf8;border-radius:7px;width:100%;min-height:190px}.engagement-diagram,.orthogonal-diagram{min-height:220px}.oblique-diagram{grid-column:1/-1;min-height:230px}.reference-list{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:7px;gap:6px;margin:0 12px 12px;padding:10px 12px;font-size:12px;line-height:1.5;list-style:none;display:grid}.reference-list strong{color:var(--text)}.index-panel{padding-bottom:10px}.index-panel p{color:var(--muted);margin:0;padding:10px 11px;font-size:12px}.index-bar{grid-template-columns:88px 1fr 45px;align-items:center;gap:10px;padding:6px 11px;display:grid}.index-bar>span,.index-bar>em{color:var(--muted);font-size:12px}.index-bar progress{appearance:none;background:#d5e2dc;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.index-bar progress::-webkit-progress-bar{background:#d5e2dc;border-radius:999px}.index-bar progress::-webkit-progress-value{background:linear-gradient(90deg, var(--cyan), var(--yellow));border-radius:999px}.index-bar progress::-moz-progress-bar{background:linear-gradient(90deg, var(--cyan), var(--yellow));border-radius:999px}.morph-frag{color:var(--green);border-color:var(--green)}.morph-saw{color:var(--yellow);border-color:var(--yellow)}.morph-bue,.morph-string{color:var(--red);border-color:var(--red)}.morph-curl{color:var(--violet);border-color:var(--violet)}.knowledge-key{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;margin:12px 12px 0;padding:8px;display:block;overflow:hidden}.knowledge-panel textarea{resize:vertical;width:calc(100% - 24px);margin:12px;display:block}.button-row{flex-wrap:wrap;gap:7px;padding:0 12px 12px;display:flex}.index-actions.button-row,.studio-copy .button-row,.photo-meta .button-row{padding:0}.case-list{gap:8px;margin:0;padding:0 12px 12px;list-style:none;display:grid}.case-list li{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px}.case-list strong,.case-list span{display:block}.case-list span{color:var(--muted);margin-top:2px;font-size:12px}.knowledge-page{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start}.knowledge-capture-grid{grid-template-columns:minmax(220px,.85fr) minmax(260px,1fr);gap:12px;padding:12px;display:grid}.photo-drop{border:1px dashed var(--line-strong);min-height:300px;color:var(--muted);cursor:pointer;background:linear-gradient(135deg,#5dd4d814,#0000),#ffffff0a;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.photo-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-drop img{object-fit:contain;background:#101615;width:100%;height:100%}.photo-drop span{text-align:center;padding:18px;font-weight:800}.photo-meta{align-content:start;gap:10px;display:grid}.photo-meta .knowledge-key{background:#ffffff0d;margin:0}.photo-meta textarea{resize:vertical;width:100%;min-height:150px;margin:0}.search-field{gap:7px;padding:12px;display:grid}.search-field span{color:var(--muted);font-size:12px;font-weight:800}.search-field input{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0b1318;border-radius:6px;padding:8px 9px}html[data-theme=porcelain] .search-field input,html[data-theme=porcelain] .select-field select,html[data-theme=porcelain] .number-field input[type=number],html[data-theme=porcelain] textarea{color:var(--text);background:#fffefa}.knowledge-case-list li{gap:7px;display:grid}.knowledge-case-list img{object-fit:contain;border:1px solid var(--line);background:#f8fcf8;border-radius:6px;width:100%;max-height:220px}.segmented-control{gap:8px;padding:0 12px 12px;display:flex}.segmented-control button{border-color:var(--line-strong);color:var(--muted);background:0 0;flex:140px}.segmented-control button.active{border-color:var(--cyan);background:var(--cyan);color:#061114}.settings-preview{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:8px;gap:6px;margin:0 12px 14px;padding:12px;display:grid}.settings-preview strong{color:var(--cyan)}.settings-preview span{color:var(--muted);line-height:1.6}html[data-density=compact] .panel-heading{min-height:38px;padding:8px 10px}html[data-density=compact] .select-field,html[data-density=compact] .number-field{padding:6px 10px}html[data-density=compact] .description{margin-top:8px;line-height:1.45}.csv-details{color:var(--muted);padding:11px 12px}.csv-details summary{color:var(--text);cursor:pointer;font-weight:800}.csv-details p{margin:10px 0 0;line-height:1.6}@media (max-width:1320px){.workspace-grid{grid-template-columns:320px 1fr}}@media (max-width:880px){.app-shell{padding:10px}.topbar{flex-direction:column;align-items:flex-start}.app-nav{justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.index-hero,.process-choice-grid,.knowledge-page,.knowledge-capture-grid{grid-template-columns:1fr}.index-hero{min-height:auto;padding:24px}.atelier-instrument{width:min(72vw,320px)}.photo-drop{min-height:220px}.workspace-grid,.view-toolbar,.diagram-grid{grid-template-columns:1fr}.panel-selector{gap:6px}.panel-check{flex:140px}.view-column{order:-1}.view-panel-grid[data-density] .chip3d-canvas,.view-panel-grid[data-density] .cut3d-canvas,.view-panel-grid[data-density] .iso3685-content .chip3d-canvas{height:360px;min-height:0}}