:root{color-scheme:dark;--bg:#111111;--panel:#1b1b1b;--control:#242424;--line:#383838;--text:#e4e4e4;--muted:#9b9b9b;--accent:#c8c8c8}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:13px Arial,sans-serif}button,select,input{font:inherit}button,a{color:inherit}button{border:1px solid var(--line);background:var(--control);padding:7px 10px;cursor:pointer;min-height:32px;border-radius:6px}button:hover{background:#353535}button.active,button[aria-pressed=true]{background:#454545;border-color:#737373}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #eeeeee;outline-offset:3px}a{color:#c9c9c9}header{height:54px;display:flex;align-items:center;padding:0 18px;gap:16px;border-bottom:1px solid var(--line)}header b{font-size:14px;font-weight:500}header select{max-width:300px}nav{margin-left:auto;display:flex;gap:6px}nav button,.camera-controls button{width:32px;padding:0;font-size:18px}select{border:1px solid var(--line);background:#252525;color:var(--text);border-radius:6px;padding:7px 9px}.composition{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.sign-count{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;flex-shrink:0}.sign-count label{position:relative;cursor:pointer}.sign-count input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.sign-count span{display:grid;place-items:center;min-width:34px;min-height:32px;color:var(--muted)}.sign-count input:checked+span{background:#454545;color:var(--text)}.sign-count input:focus-visible+span{outline:2px solid #eeeeee;outline-offset:-3px}.sign-count input:disabled+span{opacity:.35}main{display:grid;grid-template-columns:minmax(300px,1fr) 260px;height:calc(100vh - 54px)}.viewer{display:flex;flex-direction:column;min-height:0}.viewbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px}.layer-switches{display:flex;gap:16px}.layer-switches label{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.camera-controls{display:flex;gap:4px}.stage{position:relative;min-height:200px;flex:1;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#dimensions{position:absolute;top:7px;left:20px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}#busy{position:absolute;inset:0;display:grid;place-items:center;color:#eee;font-size:clamp(28px,4vw,44px);font-weight:500;pointer-events:none;z-index:5;text-shadow:0 2px 18px #000}.stage.updating canvas{filter:brightness(.25)}#build-error{position:absolute;left:20px;right:20px;bottom:20px;background:#242424ed;border:1px solid #666;border-radius:6px;padding:12px;font-size:12px;line-height:1.5;z-index:6}.sample-links{font-size:10px;color:var(--muted)}#empty{position:absolute;inset:0;display:grid;place-items:center}#empty[hidden]{display:none}#empty button{color:var(--muted);background:#202020}.settings{background:var(--panel);border-left:1px solid var(--line);padding:5px 18px 16px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4a4a4a transparent}.control-group{border-bottom:1px solid var(--line);padding:20px 0 4px}h2{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 17px}.slider-row{margin:0 0 17px}.slider-label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:7px}.slider-label label{font-size:12px}.value{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.value input{width:46px;text-align:right;padding:3px 4px;border:1px solid var(--line);background:#151515;color:var(--text);border-radius:4px;font-size:12px;appearance:textfield}.value input::-webkit-inner-spin-button{appearance:none}.reset-one{border:0;background:transparent;padding:0;min-height:24px;width:20px;color:var(--muted);font-size:14px}.reset-one:hover{background:#333}input[type=range]{width:100%;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;margin:0}input[type=color]{width:32px;height:25px;padding:1px;border:1px solid var(--line);border-radius:5px;background:var(--control)}.led-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:6px;margin-bottom:16px}.led-meta label{display:flex;align-items:center;gap:7px}#contour-tabs{display:grid;gap:5px;margin-bottom:17px}.contour-row{display:flex;gap:7px;align-items:center}.contour-row button{flex:1;text-align:left;font-size:11px;padding:6px 9px}.contour-row input{flex-shrink:0}.swatch{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}details{font-size:11px;line-height:1.5}summary{cursor:pointer;font-size:12px;padding-bottom:16px;color:var(--muted)}.hint{font-size:10px;color:var(--muted);line-height:1.5}.secondary-tools{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.secondary-tools button{font-size:10px;padding:6px 7px}.check{display:flex;gap:7px;align-items:center;font-size:11px;margin:12px 0}#diagnostics{font-size:10px;line-height:1.5}table{width:100%;border-collapse:collapse}td{padding:6px 0;border-bottom:1px solid var(--line)}td:last-child{text-align:right}.warn{color:#e2aa82}.ok{color:#cccccc}#saved{display:block;min-height:12px;font-size:10px;color:#999;margin-top:10px}#section-panel{border-top:1px solid var(--line);padding:12px 18px;background:#191919}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.section-head button{padding:6px 8px;font-size:10px}#section-svg{width:100%;height:150px;display:block;margin:8px 0}#section-panel p{font-size:10px;color:var(--muted);line-height:1.4;margin:0}[hidden]{display:none!important}@media(max-width:820px){main{grid-template-columns:minmax(280px,1fr) 242px}.viewbar{padding:10px;gap:6px}.layer-switches{gap:8px}.layer-switches label{font-size:11px}.camera-controls button{width:28px}header{gap:10px;padding:0 12px}}@media(max-width:620px){main{height:auto;grid-template-columns:1fr}.viewer{height:65vh;min-height:360px}.settings{overflow:visible;border-left:0;border-top:1px solid var(--line)}header{flex-wrap:wrap;height:auto;padding:10px}header select{max-width:190px}.viewbar{flex-wrap:wrap}.control-group{padding-top:18px}}
.layer-switches label{min-height:32px}.route-switch{display:grid;place-items:center;min-width:28px;min-height:32px;cursor:pointer}

main{grid-template-columns:minmax(300px,1fr) 304px}.purpose{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 0;gap:10px}.purpose>div{display:flex;gap:4px}.purpose span{font-size:11px;color:var(--muted)}.purpose button{font-size:12px}.print-card{padding:18px 0 16px;border-bottom:1px solid var(--line)}.print-card h2{margin-bottom:10px}.print-card>button{width:100%;margin-top:6px;text-align:left}#print-action{background:#d3d3d3;color:#171717;font-weight:600}#print-status{font-size:12px;line-height:1.5;margin:10px 0}.focus-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.focus-label select{max-width:220px}.slider-row:focus-within{border-left:2px solid #ddd;padding-left:8px;margin-left:-10px}#parameter-note{font-size:12px;line-height:1.5;min-height:38px;color:#cfcfcf}.slider-help{font-size:10px;line-height:1.4;color:var(--muted);margin:3px 0 0}#busy{inset:auto 14px 14px;background:#242424e8;border:1px solid #555;padding:11px;font-size:12px;border-radius:6px}.stage.updating canvas{filter:brightness(.65)}#view-note{max-width:340px}.technical .layer-switches{opacity:.75}#section-svg{height:125px}.comparison-tag{color:#e5aa77!important}button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){button:active{transform:none}}@media(max-width:820px){main{grid-template-columns:minmax(280px,1fr) 270px}.purpose{align-items:flex-start;flex-wrap:wrap}}@media(max-width:620px){main{grid-template-columns:1fr}.purpose span{font-size:10px}}

.slider-help{display:none}.slider-row:focus-within .slider-help{display:block}#change-note{font-size:11px;line-height:1.5;color:#c8d9d3}#change-note:empty{display:none}