:root{--bg: #ffffff;--fg: #0a0a0a;--dim: #666666;--faint: #d4d4d4;--aqua: #0b7d8a;--red: #c2361c;--mono: "Courier New", Courier, monospace;--stage: #12191c;--stage-grid: #243035;--rack: #35b3a7;--rack-other: #4c6466;--glass: #ffffff;--glass-edge: #e8eef0;--shell: #9fb7c2;--hump: #7d8d95;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px;line-height:normal;-webkit-font-smoothing:antialiased}a{color:var(--dim);text-decoration:none}a:hover{color:var(--fg)}.col{width:min(640px,100% - 32px);margin:0 auto;padding:72px 0 40px;display:flex;flex-direction:column;align-items:center}.col.wide{width:min(980px,100% - 32px)}.title{margin:0;font-size:24px;font-weight:700;line-height:1}.intro{max-width:520px;margin:14px auto 0;font-size:13px;line-height:1.5;text-align:center}.layout{width:100%;margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.layout .main{display:contents}.window{order:1}.panel{order:2}.print{order:3}}.window{width:100%;min-width:0;border:1px solid var(--faint)}.titlebar{margin:0;height:22px;padding:0 8px;border-bottom:1px solid var(--faint);font-size:11px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--stage);touch-action:none;cursor:grab}.view:active{cursor:grabbing}.view canvas{display:block;width:100%;height:100%}.view .nogl{margin:0;padding:16px;color:#8a8a8a;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;border-top:1px solid var(--faint)}.tool{height:22px;padding:0 8px;border:1px solid var(--faint);border-radius:0;background:none;color:var(--dim);font:11px var(--mono);white-space:nowrap;cursor:pointer}.tool:hover:not(:disabled){color:var(--fg);border-color:var(--dim)}.tool:disabled{color:var(--faint);cursor:default}.tool.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}.tool.go{border-color:var(--aqua);color:var(--aqua)}.tool:focus-visible{outline:1px solid var(--aqua);outline-offset:1px}.tool-sep{width:1px;height:14px;margin:0 4px;background:var(--faint)}@media(max-width:560px){.tool-sep{display:none}}.toolbar .end{margin-left:auto}.tool-group{display:flex;gap:4px}.panel{display:flex;flex-direction:column;gap:24px;font-size:12px;min-width:0}.group{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:6px}.group legend{margin-bottom:6px;padding:0;font-size:12px;font-weight:700}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;color:var(--dim)}.field .num{display:flex;align-items:center;gap:6px}.field input[type=number]{width:72px;height:22px;padding:0 6px;border:1px solid var(--faint);border-radius:0;background:var(--bg);color:var(--fg);font:12px var(--mono);text-align:right;-moz-appearance:textfield}.field input[type=number]::-webkit-inner-spin-button,.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]:hover{border-color:var(--dim)}.field input:focus-visible{outline:1px solid var(--aqua);outline-offset:1px}.slider{grid-column:1 / -1;width:100%;height:16px;margin:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-runnable-track{height:1px;background:var(--faint)}.slider::-moz-range-track{height:1px;background:var(--faint)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4.5px;border:0;border-radius:0;background:var(--fg)}.slider::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:0;background:var(--fg)}.slider:hover::-webkit-slider-runnable-track{background:var(--dim)}.slider:hover::-moz-range-track{background:var(--dim)}.panel>.tool,.group>.tool{align-self:flex-start}.rows{display:flex;flex-direction:column;gap:6px}.rows[hidden]{display:none}.facts{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 12px}.facts dt{color:var(--dim)}.facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.facts dd.stop{color:var(--red)}.note{margin:0;color:var(--dim);line-height:1.5}.main{display:flex;flex-direction:column;gap:24px;min-width:0}.section{margin:0;font-size:20px;font-weight:400;line-height:1.08}.print{display:flex;flex-direction:column;gap:14px;font-size:12px}.print .label{margin:0 0 -8px;color:var(--dim)}.print .choice .tool{height:24px;font-size:12px}.print .choice .tool.on{font-weight:700}.files{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:560px){.files{grid-template-columns:1fr}}.files .file{display:flex;flex-direction:column;gap:14px}.files .facts{flex:1;align-content:start}.files .facts dt.file{grid-column:1 / -1;color:var(--fg);font-weight:700}.sock{max-width:300px}.btn{width:100%;height:24px;padding:0 16px;border:1px solid var(--fg);border-radius:0;background:var(--fg);color:var(--bg);font:bold 12px var(--mono);cursor:pointer}.btn:hover:not(:disabled){background:var(--bg);color:var(--fg)}.btn:disabled{border-color:var(--faint);background:var(--bg);color:var(--faint);cursor:default}.btn:focus-visible,.link:focus-visible{outline:1px solid var(--aqua);outline-offset:2px}.link{padding:0;border:0;background:none;color:var(--dim);font:12px var(--mono);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link:hover:not(:disabled){color:var(--fg)}.link:disabled{color:var(--faint);cursor:default}