:root{font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--cue-host-badge-clearance: 152px}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,.strip-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{--compact-landscape: 0;min-height:100vh;min-height:100svh;color:var(--text);background:var(--background)}.workbench{width:min(1120px,100%);min-height:100vh;min-height:100svh;margin:0 auto;padding:0 clamp(16px,4vw,44px) calc(var(--cue-host-badge-clearance) + env(safe-area-inset-bottom));background:var(--surface);border-inline:1px solid var(--border)}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:calc(58px + env(safe-area-inset-top));padding-bottom:20px}.title-block{position:relative;min-width:0;padding-left:22px}.chalk-slash{position:absolute;left:0;top:-2px;color:var(--tint);font-family:Georgia,serif;font-size:38px;line-height:46px;transform:rotate(10deg)}.title-block h1{margin:0;max-width:560px;font-family:Arial Narrow,Avenir Next Condensed,Segoe UI,sans-serif;font-size:clamp(34px,7vw,58px);font-stretch:condensed;font-weight:800;letter-spacing:-.035em;line-height:1.12}.title-block p{margin:3px 0 0;color:var(--text-secondary);font-size:15px;font-weight:500;line-height:22px}.unit-switch{display:grid;grid-template-columns:repeat(2,minmax(48px,1fr));flex:0 0 auto;overflow:hidden;border:1px solid var(--border);border-radius:4px}.unit-switch button{min-width:54px;min-height:48px;border:0;border-right:1px solid var(--border);color:var(--text);background:var(--control);font-size:15px;font-weight:750;line-height:20px;cursor:pointer}.unit-switch button:last-child{border-right:0}.unit-switch button.is-selected{color:var(--selected-text);background:var(--tint)}.unit-switch button:active{background:var(--control-pressed)}.style-selector{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 18px;border-block:1px solid var(--border)}.style-selector button{position:relative;display:grid;align-content:center;min-width:0;min-height:62px;padding:8px 10px;border:0;border-right:1px solid var(--border);color:var(--text-secondary);background:transparent;text-align:left;cursor:pointer}.style-selector button:last-child{border-right:0}.style-selector button:after{position:absolute;right:9px;bottom:7px;width:15px;height:7px;border-right:3px solid transparent;border-bottom:3px solid transparent;content:""}.style-selector button.is-selected{color:var(--text);background:var(--surface-raised)}.style-selector button.is-selected:after{border-color:var(--tint)}.style-selector button:active{background:var(--control-pressed)}.style-name{overflow:hidden;font-size:15px;font-weight:760;line-height:21px;text-overflow:ellipsis;white-space:nowrap}.style-sequence{overflow:hidden;color:var(--chalk-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.planner-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(286px,.64fr);align-items:start;gap:clamp(20px,4vw,42px)}.pattern-area,.control-panel{min-width:0}.cut-readout{display:grid;grid-template-columns:minmax(0,auto) minmax(180px,1fr);align-items:end;gap:24px;margin-bottom:18px}.cut-readout>div>span{display:block;margin-bottom:2px;color:var(--text-secondary);font-size:13px;font-weight:650;line-height:19px}.cut-readout strong{display:flex;align-items:baseline;gap:8px;color:var(--chalk);font-family:Arial Narrow,Avenir Next Condensed,Segoe UI,sans-serif;font-size:clamp(50px,11vw,82px);font-stretch:condensed;font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.04em;line-height:1.08}.cut-readout strong small{color:var(--text-secondary);font-size:20px;font-weight:700;letter-spacing:0;line-height:27px}.cut-readout p{margin:0 0 8px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-variant-numeric:tabular-nums;line-height:20px}.cloth-board{position:relative;margin-bottom:16px;overflow:hidden;border:1px solid var(--border);border-radius:4px 4px 14px;background:var(--control)}.board-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 15px 0}.board-heading h2,.convention h2{margin:0;font-size:15px;font-weight:760;line-height:22px}.board-heading span{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;line-height:18px}.strip-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:var(--border) var(--control);scrollbar-width:thin}.strip-diagram{display:block;max-width:none}.cloth-strip{fill:var(--cloth);stroke:var(--cloth-light);stroke-width:1}.cloth-edge{fill:url(#seam-hatch)}.seam-hatch-line{fill:none;stroke:var(--cloth-dark);stroke-width:2}.repeat-divider{stroke:var(--cloth-dark);stroke-linecap:round;stroke-width:1}.repeat-label{fill:var(--chalk);font-size:9px;font-variant-numeric:tabular-nums;text-anchor:middle}.chalk-mark,.seam-mark{stroke-linecap:round}.chalk-mark{stroke:var(--chalk);stroke-width:1.5;stroke-dasharray:4 3}.chalk-mark-b{stroke-width:2.3}.seam-mark{stroke:var(--seam);stroke-width:2;stroke-dasharray:6 3}.mark-label,.seam-label,.finished-label{fill:var(--chalk);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700;text-anchor:middle}.seam-label{fill:var(--text-secondary);font-size:8px}.fold-arrow{stroke:var(--chalk);stroke-linecap:round;stroke-width:1.4}.chalk-arrowhead{fill:var(--chalk)}.finished-bracket{fill:none;stroke:var(--chalk-muted);stroke-linecap:round;stroke-width:1}.finished-label{fill:var(--chalk-muted);font-size:8px;text-anchor:start}.mark-key{display:flex;flex-wrap:wrap;gap:6px 18px;padding:11px 15px 14px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:11px;line-height:17px}.mark-key span{white-space:nowrap}.mark-key b{color:var(--chalk);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.profile-block{display:grid;grid-template-columns:minmax(116px,.32fr) minmax(0,1fr);align-items:center;min-height:154px;padding:14px 14px 12px;border-left:4px solid var(--cloth);background:var(--surface-raised)}.profile-copy{align-self:start;padding-top:5px}.profile-copy span{display:block;color:var(--text-secondary);font-size:12px;line-height:18px}.profile-copy strong{display:block;margin-top:2px;color:var(--chalk);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:20px}.profile-block svg{display:block;width:100%;min-width:0;overflow:visible}.profile-table{stroke:var(--border);stroke-linecap:round;stroke-width:2}.profile-cloth{fill:none;stroke:var(--cloth);stroke-linecap:round;stroke-linejoin:round;stroke-width:10;opacity:0;transition:opacity .18s ease}.profile-cloth.is-active{opacity:1}.profile-block>p{grid-column:1 / -1;margin:-2px 0 0;color:var(--text-secondary);font-size:12px;line-height:18px}.control-panel{display:grid;gap:14px}.measure-control{padding-bottom:14px;border-bottom:1px solid var(--border)}.measure-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.measure-heading label{color:var(--text);font-size:14px;font-weight:720;line-height:20px}.measure-heading span{overflow:hidden;color:var(--text-secondary);font-size:11px;line-height:17px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.measure-input-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:7px}.step-button{min-width:48px;min-height:50px;padding:0;border:1px solid var(--border);border-radius:3px;color:var(--text);background:var(--control);font-size:23px;font-weight:500;line-height:29px;cursor:pointer}.step-button:active{color:var(--selected-text);background:var(--tint)}.number-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:50px;border:1px solid var(--border);border-radius:3px;background:var(--input)}.number-shell input{width:100%;min-width:0;height:48px;padding:0 4px 0 12px;border:0;outline:0;color:var(--text);background:var(--input);caret-color:var(--focus);font-size:18px;font-variant-numeric:tabular-nums;font-weight:720;line-height:25px}.number-shell input::placeholder{color:var(--text-secondary);background:var(--input)}.number-shell span{padding-right:10px;color:var(--text-secondary);font-size:12px;line-height:18px}.number-shell-count span{font-size:11px}.convention{margin-top:2px;padding:14px;border:1px dashed var(--border);border-radius:3px 12px 3px 3px}.convention p{margin:5px 0 9px;color:var(--text-secondary);font-size:12px;line-height:18px}.convention-formula{color:var(--chalk);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:19px}.cutting-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin-top:28px;padding:18px 0 0;border-top:1px solid var(--border)}.cutting-note strong{grid-row:span 2;color:var(--tint);font-family:Arial Narrow,Avenir Next Condensed,Segoe UI,sans-serif;font-size:24px;font-stretch:condensed;line-height:30px}.cutting-note p{max-width:720px;margin:0;color:var(--text);font-size:13px;line-height:20px}.cutting-note span{color:var(--text-secondary);font-size:11px;line-height:17px}@media(max-width:759px){.workbench{border-inline:0}.planner-grid{grid-template-columns:minmax(0,1fr)}.control-panel{padding-top:4px}}@media(max-width:430px){.masthead{align-items:center;padding-bottom:16px}.title-block h1{font-size:38px;line-height:44px}.title-block p{font-size:13px;line-height:20px}.unit-switch button{min-width:48px}.style-selector button{min-height:58px;padding-inline:7px}.style-name{font-size:13px;line-height:19px}.style-sequence{font-size:10px;line-height:16px}.cut-readout{grid-template-columns:1fr;gap:2px}.cut-readout strong{font-size:58px;line-height:64px}.cut-readout p{margin-bottom:4px;font-size:11px;line-height:18px}.board-heading{align-items:center}.mark-key{gap:3px 14px}.profile-block{grid-template-columns:105px minmax(0,1fr);min-height:140px;padding-inline:11px}.profile-copy strong{font-size:11px;line-height:17px}.cutting-note{grid-template-columns:1fr}.cutting-note strong{grid-row:auto}}@media(orientation:landscape)and (min-width:568px)and (max-height:500px){.app-shell{--compact-landscape: 1}.workbench{padding-inline:22px}.masthead{padding-top:58px;padding-bottom:12px}.title-block h1{font-size:34px;line-height:40px}.title-block p{display:none}.style-selector{margin-bottom:12px}.style-selector button{min-height:52px}.planner-grid{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}