:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body,#root{height:100%;margin:0}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;padding:.5rem 1rem;border-bottom:1px solid rgb(0 0 0 / 15%)}.unit-toggle,.transform-options{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.length-input{display:flex;flex-direction:column;gap:.15rem}.length-input__error{color:#b00020}@media(prefers-color-scheme:dark){.length-input__error{color:#ff8a80}}.app__header h1{margin:0;font-size:1rem;font-weight:600}.app__main{position:relative;flex:1 1 auto;min-height:0}.viewport{width:100%;height:100%;-webkit-user-select:none;user-select:none}.viewport canvas{display:block;touch-action:none;outline:none}.app__tools{display:flex;align-items:flex-end;gap:1rem;flex:0 0 auto;padding:.4rem 1rem;font-size:.75rem;border-bottom:1px solid rgb(0 0 0 / 15%)}.toolbar,.selection-strip{display:flex;align-items:flex-end;gap:.4rem}.selection-strip{margin-left:auto}.marquee{position:fixed;z-index:2;pointer-events:none;border:1px solid #2f7ddb;background:#2f7ddb1f}.marquee--crossing{border-style:dashed}.transform-hud{position:absolute;bottom:1rem;left:50%;z-index:3;min-width:16rem;padding:.4rem .75rem .45rem;color:#fff;background:#000000c7;border-radius:4px;transform:translate(-50%);pointer-events:none}.transform-hud__row{display:flex;gap:1.5rem;align-items:baseline;justify-content:space-between}.transform-hud__mode{font-size:.75rem;letter-spacing:.05em;opacity:.72;white-space:nowrap}.transform-hud__value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.transform-hud__hint{font-size:.65rem;letter-spacing:.03em;opacity:.45}.transform-hud__notice{margin-top:.2rem;font-size:.65rem;letter-spacing:.03em;opacity:.45}