@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--paper:#f5f0e7;--tray:#eee9df;--ink:#403b34;--muted:#806b56;--faint:#9b8b79;--line:#b4a48c66;--active:#895b43;--case:#e7dac3;--case-lid:#f0e6d3;--edge:#9c846a;--font-body:"DM Sans",sans-serif;--font-editorial:"Instrument Serif",Georgia,serif;--space-xs:6px;--space-sm:12px;--space-md:24px;--space-lg:36px;--control:36px;--radius:2px;--motion-fast:.18s;--motion-tray:.42s;--ease:cubic-bezier(.22,.61,.36,1);font-family:var(--font-body);color:var(--ink);background:var(--paper);font-size:12px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:1px solid var(--active);outline-offset:4px;border-radius:var(--radius)}button:disabled{opacity:.3;cursor:default}button{transition:color var(--motion-fast),transform var(--motion-fast),opacity var(--motion-fast)}button:hover{color:var(--active)}.study{min-height:700px;height:100svh;display:grid;grid-template-rows:90px minmax(320px,1fr) 124px 42px;background:var(--paper);overflow:hidden;transition:grid-template-rows var(--motion-tray) var(--ease)}.study.case-open{grid-template-rows:90px minmax(250px,1fr) 265px 42px}.study-header{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 36px 0}.signature{font:30px var(--font-editorial);letter-spacing:-1px}.signature>span{display:block;font:8px var(--font-body);letter-spacing:1.8px;margin-top:7px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:29px}.top-actions button{min-height:36px;font-size:10px;display:flex;align-items:center;gap:6px}.top-actions .sound{color:var(--faint)}.top-actions .done{border-bottom:1px solid var(--edge);font-size:13px;gap:24px}.making-table{position:relative;min-height:0;margin:0 4%;display:grid;grid-template-columns:215px minmax(0,1fr) 120px;grid-template-rows:minmax(0,1fr) 31px}.editorial-note{align-self:center;z-index:1;margin-top:-40px;pointer-events:none}.small-label{font-size:8px;letter-spacing:2px;color:var(--faint)}.editorial-note p{font:italic 26px/1.2 var(--font-editorial);max-width:190px;margin:14px 0}.editorial-note button{pointer-events:auto;padding:5px 0;font-size:9px;color:var(--faint)}.editorial-note button span{margin-left:5px}.canvas-region{grid-column:2;grid-row:1;min-height:0;min-width:0;touch-action:none}.canvas-input{width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-input.pan{cursor:grab}.canvas-input.pan:active{cursor:grabbing}.piece-caption{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--faint);font-size:8px}.piece-caption input{background:none;border:0;outline-offset:1px;text-align:right;font-size:9px;width:180px}.piece-caption>span{font-size:7px;letter-spacing:.8px}.active-tool{position:absolute;left:0;bottom:10px;display:flex;align-items:center;gap:8px;font:9px monospace;letter-spacing:.3px;color:var(--muted)}.active-tool svg{width:63px;height:60px;transform:rotate(-8deg);transition:transform .25s}.active-tool:hover svg{transform:rotate(-3deg) translateY(-3px)}.active-tool>i{width:9px;height:9px;border-radius:50%;border:1px solid #89746188}.workbench{position:relative;min-height:0;padding:9px 4% 0;border-top:1px solid transparent;transition:background var(--motion-tray),border-color var(--motion-tray)}.case-open .workbench{background:var(--tray);border-color:var(--line)}.toolbox-case{display:block;position:relative;margin:0 auto;width:270px;height:110px;color:var(--muted);font:9px monospace;letter-spacing:2px}.toolbox-case svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.toolbox-case>span{position:absolute;inset:73px 0 auto}.case-lid{transform-origin:145px 36px;transition:transform var(--motion-tray)}.toolbox-case:hover .case-lid{transform:translateY(-4px) rotate(-1deg)}.toolbox-bar{height:30px;display:flex;justify-content:space-between}.toolbox-bar button{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:5px}.invisible{visibility:hidden}.compartments{display:grid;grid-template-columns:repeat(5,1fr);max-width:1100px;margin:auto;gap:20px;height:36px}.compartments>button{font-size:10px;letter-spacing:1.4px;color:var(--muted);border-bottom:1px solid transparent;min-width:0}.compartments>button[aria-expanded=true]{border-color:var(--edge);color:var(--active)}.compartments.home{height:180px;gap:24px;margin-top:12px}.compartments.home>button{border:1px solid var(--line);border-radius:3px 8px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px 10px 10px;background:#f2ecdf66}.compartments.home>button:hover{background:#f7f0e4;transform:translateY(-2px)}.compartment-art{height:130px;display:flex;align-items:center;justify-content:center;gap:8px}.compartment-art>svg{width:50px;height:76px;stroke-width:.8;transform:rotate(-10deg)}.compartment-art>svg[viewBox="0 0 120 100"]{width:100px;height:100px}.tool-tray{max-width:1100px;margin:auto;height:183px;padding:12px 5px 8px;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:42px;align-items:center;animation:tray-in var(--motion-tray) var(--ease);overflow:auto}.tool-tray.yarn{grid-template-columns:minmax(0,1fr) 240px;gap:40px}.option{min-height:36px;padding:9px 3px;border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.option[aria-pressed=true]{color:var(--active);border-color:var(--edge)}.tool-choices{display:flex;gap:24px}.tool-choices .option{flex:1;flex-direction:column;gap:15px;min-height:105px}.tool-choices svg{width:36px;height:42px;stroke-width:1;transform:rotate(-12deg);transition:transform .25s}.tool-choices .option:hover svg,.tool-choices .option[aria-pressed=true] svg{transform:rotate(-4deg) translateY(-3px)}.tray-copy p{font:italic 23px var(--font-editorial);margin:0 0 10px}.tray-copy>span{font-size:10px;line-height:1.8;color:var(--muted)}.tray-copy small,.file-actions small{display:block;font-size:8px;color:var(--faint);line-height:1.6;margin-top:12px;max-width:265px}.file-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.file-actions button{display:flex;gap:10px;align-items:center;min-height:32px;font-size:10px}.underlined{border-bottom:1px solid var(--edge);min-height:36px;font-size:11px;padding:8px 0}.yarn-library{display:flex;justify-content:space-between;gap:10px;align-self:stretch;align-items:center}.yarn-choice{display:flex;flex-direction:column;align-items:center;position:relative;gap:14px;padding:5px 2px 12px;font-size:8px;color:var(--muted);flex:1;min-width:0}.yarn-choice[aria-pressed=true]:after{content:"";position:absolute;width:3px;height:3px;bottom:2px;border-radius:50%;background:var(--active)}.spool{width:51px;height:76px;background:#d8c5a3;border:1px solid #a28b6d;border-radius:45%/7%;display:inline-block;position:relative;transform:rotate(-7deg);transition:transform .25s var(--ease);box-shadow:3px 6px 7px #79654c10;flex-shrink:0}.spool:before,.spool:after{content:"";position:absolute;left:4px;right:4px;height:4px;border:1px solid #a28b6d66;border-radius:50%;top:2px}.spool:after{top:auto;bottom:2px}.spool-thread{position:absolute;top:6px;right:-3px;bottom:6px;left:-3px;background:var(--yarn);border:1px solid #81695366;border-radius:7px 5px 7px 6px;overflow:hidden}.spool-thread:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(3deg,transparent 0 2px,#f5f0e745 2px 2.5px,transparent 3px 4px);opacity:.65}.spool-label{position:absolute;left:0;right:0;top:42%;text-align:center;color:#f5f0e7;font:italic 14px var(--font-editorial);text-shadow:0 1px #55402c33}.yarn-choice:nth-child(2n) .spool{transform:rotate(6deg)}.yarn-choice:hover .spool,.yarn-choice[aria-pressed=true] .spool{transform:translateY(-4px) rotate(-2deg)}.spool.small{width:32px;height:54px}.spool.small .spool-label{font-size:11px}.materials{display:flex;gap:15px}.materials .option{flex:1}.custom-color{display:flex;gap:12px;align-items:center;min-height:29px;font-size:10px;padding:0}.custom-color>i{width:10px;height:10px;border:1px solid #8d7a6655;border-radius:50%}.range{display:block;margin:13px 0}.range>span{display:flex;justify-content:space-between;gap:14px;font-size:10px}.range output{color:var(--muted);font-size:9px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#bcaf9a77;margin:14px 0 3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border:1px solid var(--edge);background:var(--paper);border-radius:50%}.pile-choices{display:flex;gap:20px}.pile-choices .option{flex:1;flex-direction:column;gap:8px;min-height:130px}.pile-choices small{font-size:8px;color:var(--faint)}.pile-sample{width:100px;height:52px;display:flex;align-items:flex-end;justify-content:center;gap:2px;border-bottom:3px solid #d0bfa3;padding-bottom:3px;transition:transform .25s}.pile-sample i{height:30px;width:5px;background:var(--yarn);border-radius:30% 40% 0 0;transform:rotate(7deg);opacity:.8}.pile-sample i:nth-child(3n){height:36px;transform:rotate(-9deg)}.pile-sample.loop{gap:1px}.pile-sample.loop i{border:3px solid var(--yarn);background:none;width:10px;height:23px;border-radius:50% 50% 0 0;transform:none}.pile-sample.loop i:nth-child(3n){height:26px}.option[aria-pressed=true] .pile-sample{animation:material-settle .4s ease-out}.subtle-note{display:block;font-size:8px;line-height:1.8;color:var(--faint);margin-top:9px}.feel{display:flex;justify-content:space-between;align-items:center;font-size:10px;width:100%;height:30px;padding:0}.feel>span{background:#c5bdae;width:25px;height:13px;border-radius:10px;padding:2px}.feel>span.on{background:#92836f}.feel i{width:9px;height:9px;background:var(--paper);display:block;border-radius:50%;transition:transform .2s}.feel .on i{transform:translate(12px)}.view-zoom{display:flex;align-items:center;justify-content:center;gap:25px}.view-zoom button{width:36px;height:36px;display:grid;place-items:center}.view-zoom output{font-size:10px}.quiet{font-size:9px;color:var(--muted);display:block;margin:8px auto 0;min-height:27px}.bottom-line{display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:transparent;color:var(--muted);font-size:8px;gap:15px}.case-open .bottom-line{background:var(--tray)}.bottom-line>button{display:flex;align-items:center;gap:8px;font-size:9px;min-height:36px}.bottom-line>span{opacity:.7}.view-shortcut{gap:16px!important}.hidden-color{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);background:#f5f0e7ee;border:1px solid var(--line);padding:12px 19px;font-size:10px;color:var(--muted);max-width:90vw;text-align:center;z-index:20}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#403b3440;display:grid;place-items:center;z-index:30}.modal{position:relative;width:min(440px,90vw);background:var(--paper);padding:42px}.modal h2{font:italic 30px var(--font-editorial)}.modal p{font-size:12px;line-height:1.9;color:var(--muted)}.close{position:absolute;right:15px;top:15px;width:36px;height:36px}.modal .underlined{display:block;margin-top:22px}@keyframes tray-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes material-settle{0%{transform:translateY(-3px)}60%{transform:translateY(1px)}to{transform:none}}@media(min-width:1500px){.making-table{grid-template-columns:260px minmax(0,1fr) 160px}.editorial-note p{font-size:30px;max-width:220px}.study.case-open{grid-template-rows:100px minmax(300px,1fr) 285px 42px}.tool-tray{height:202px}}@media(max-width:1000px){.making-table{grid-template-columns:160px minmax(0,1fr) 30px}.editorial-note p{font-size:23px;max-width:150px}.active-tool span{font-size:8px}.tool-tray{gap:24px}.tool-tray.yarn{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.spool{width:37px;height:66px}.yarn-choice{font-size:7px}.pile-sample{width:75px}.piece-caption{gap:10px}.piece-caption input{width:150px}.piece-caption>span{font-size:6px}}@media(max-width:700px){.study{height:100svh;min-height:650px;grid-template-rows:84px minmax(320px,1fr) 112px 38px}.study.case-open{grid-template-rows:84px minmax(260px,1fr) 300px 38px;min-height:700px}.study-header{padding:23px 20px 0}.signature{font-size:26px}.signature>span{font-size:6px;letter-spacing:1.3px}.top-actions{gap:17px}.top-actions button{font-size:9px}.top-actions .sound span{display:none}.top-actions .done{font-size:12px;gap:12px}.making-table{margin:0 15px;grid-template-columns:1fr;grid-template-rows:58px minmax(0,1fr) 31px}.editorial-note{grid-row:1;text-align:center;margin:0;align-self:start}.editorial-note .small-label{display:none}.editorial-note p{max-width:none;font-size:21px;margin:4px 0 3px}.editorial-note button{font-size:8px}.canvas-region{grid-column:1;grid-row:2}.piece-caption{grid-column:1;grid-row:3;gap:10px}.piece-caption>span{display:none}.piece-caption input{text-align:center;width:100%;font-size:8px}.active-tool{display:none}.workbench{padding:5px 18px 0}.toolbox-case{width:235px;height:100px}.toolbox-case>span{font-size:8px;top:67px}.toolbox-bar{height:36px}.toolbox-bar button{min-height:36px;font-size:8px}.compartments{height:40px;gap:8px}.compartments>button{font-size:8px;letter-spacing:.8px;min-height:40px}.compartments.home{height:230px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:7px;grid-template-rows:1fr 1fr}.compartments.home>button{padding:10px 4px 0}.compartment-art{height:76px;gap:0}.compartment-art>svg{width:30px;height:50px}.compartment-art>svg[viewBox="0 0 120 100"]{width:70px;height:65px}.compartment-art .spool.small{width:22px;height:42px;margin:0 2px}.tool-tray{height:214px;padding:10px 1px 15px;gap:15px 20px;grid-template-columns:1fr 1fr;align-items:start;overflow-y:auto;overscroll-behavior:contain}.tool-tray.yarn{display:grid;grid-template-columns:1fr;height:214px;gap:12px}.yarn-library{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.spool{width:31px;height:54px}.spool-label{font-size:11px}.yarn-choice{gap:9px;font-size:7px;min-height:85px;padding:3px 0 8px}.yarn-settings{display:grid;grid-template-columns:1fr 1.4fr;gap:0 20px}.yarn-settings .range{grid-column:1/-1;margin:8px 0}.custom-color{font-size:9px;min-height:36px}.materials{gap:10px}.option{min-height:40px;font-size:9px}.range>span{font-size:9px}.range output{font-size:8px}.tool-tray.tuft .pile-choices{grid-column:1/-1;gap:20px}.pile-choices .option{min-height:75px;display:grid;grid-template-columns:1fr 1fr;padding:0 0 6px;gap:5px 8px}.pile-sample{grid-row:span 2;width:70px;height:42px}.pile-choices small{font-size:7px;text-align:left}.pile-choices .option>span:not(.pile-sample){align-self:end;text-align:left}.settings-column{min-width:0}.tool-tray.tuft .range{margin:8px 0 15px}.tool-tray.design,.tool-tray.finish{grid-template-columns:1fr 1fr}.tool-choices{gap:10px}.tool-choices .option{min-height:115px;font-size:9px;gap:13px}.tool-choices svg{width:26px;height:35px}.tray-copy p{font-size:20px}.tray-copy>span{font-size:9px;line-height:1.7}.file-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:8px 20px}.file-actions button{min-height:40px;font-size:9px}.file-actions small{max-width:none;flex-basis:100%;margin:0}.tray-copy small{font-size:7px}.tool-tray.view .file-actions{justify-content:space-between}.bottom-line{padding:0 20px;font-size:7px;gap:8px}.save-hint{display:none}.bottom-line>button{font-size:8px;gap:5px}.view-shortcut{gap:8px!important}.subtle-note{font-size:7px}.modal{padding:30px}.toast{font-size:9px}.tool-tray::-webkit-scrollbar{width:3px}.tool-tray::-webkit-scrollbar-thumb{background:#b4a48c66}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.making-table{margin:0;grid-template-columns:1fr;grid-template-rows:30px minmax(0,1fr) 25px}.editorial-note{grid-column:1;grid-row:1;text-align:center;margin:0;align-self:center;display:flex;justify-content:center;align-items:center;gap:18px}.editorial-note .small-label{display:none}.editorial-note p{font-size:20px;max-width:none;margin:0}.editorial-note button{font-size:8px}.canvas-region{grid-column:1;grid-row:2;width:92%;justify-self:center}.piece-caption{grid-column:1;grid-row:3}.active-tool{display:none}.study.case-open{grid-template-rows:86px minmax(250px,1fr) 235px 38px}.tool-tray,.compartments.home{height:155px}.compartment-art{height:105px}@media(max-width:700px){.study.case-open{grid-template-rows:84px minmax(260px,1fr) 300px 38px}.making-table{grid-template-rows:50px minmax(0,1fr) 25px}.editorial-note{display:block}.editorial-note p{font-size:20px}.canvas-region{width:98%}.tool-tray{height:214px}.compartments.home{height:230px}.compartment-art{height:76px}}.v3 .study-header{align-items:flex-start;gap:20px}.creation-stages{display:flex;align-items:center;gap:20px;margin-top:6px}.creation-stages>span{font-size:11px;color:var(--faint)}.creation-stages button{min-height:35px;display:flex;align-items:center;gap:8px;font:18px var(--font-editorial);border-bottom:1px solid transparent;color:var(--faint)}.creation-stages button[aria-current=step]{color:var(--ink);border-bottom-color:var(--edge)}.creation-stages small{font:7px var(--font-body);letter-spacing:1px}.v3 .compartments{grid-template-columns:repeat(4,1fr)}.v3 .tool-tray{max-width:1180px;gap:30px}.v3 .tool-tray.draw{grid-template-columns:1.4fr 1fr .7fr}.draw-tool-grid{display:flex;gap:12px}.draw-tool-grid .option{flex:1;flex-direction:column;gap:8px;min-height:60px;padding:2px 0 8px;font-size:9px}.draw-tool-grid svg{width:20px;height:20px;stroke-width:1.2}.drawing-settings{display:grid;grid-template-columns:65px 90px 1fr;gap:15px;align-items:center;margin-top:9px}.draw-color{font-size:9px;display:flex;align-items:center;gap:8px}.draw-color input{border:0;padding:0;width:24px;height:24px;background:none;cursor:pointer}.drawing-settings .range{margin:0}.drawing-settings .option{font-size:8px}.reference-actions{display:flex;align-items:center;gap:12px}.reference-actions button{min-height:28px;display:flex;align-items:center;gap:6px;font-size:9px}.reference-actions .option{font-size:9px}.reference-tools .range{margin:10px 0}.image-position{display:grid;grid-template-columns:1fr 1fr;gap:20px}.image-position .range{margin:0}.v3 .file-actions{gap:0}.v3 .file-actions button{min-height:29px;font-size:9px}.v3 .tool-tray.prepare{position:relative;padding-top:35px;grid-template-columns:1.1fr 1fr 1fr;height:155px;gap:35px;overflow:visible}.prepare-tabs{position:absolute;top:5px;left:0;right:0;display:flex;gap:20px;justify-content:center}.prepare-tabs button{font-size:8px;padding:3px 0;border-bottom:1px solid transparent;color:var(--faint)}.prepare-tabs button[aria-pressed=true]{border-bottom-color:var(--edge);color:var(--muted)}.v3 .tool-tray.prepare.yarn{grid-template-columns:1fr 270px}.v3 .prepare .spool{height:58px;width:41px}.v3 .prepare .yarn-choice{gap:8px;font-size:7px;padding-top:0}.v3 .prepare .yarn-settings{display:grid;grid-template-columns:1fr 1.6fr;gap:2px 16px}.v3 .prepare .yarn-settings .range{grid-column:1/-1;margin:7px 0}.v3 .pile-choices .option{min-height:100px;padding:0 0 5px;gap:4px}.v3 .pile-sample{height:43px}.v3 .prepare .range{margin:8px 0}.width-options{display:flex;gap:14px;margin:7px 0}.width-options .option{flex:1;flex-direction:column;gap:6px;min-height:47px;font-size:9px;padding:3px 0 8px}.width-options i{height:8px;border-radius:30%}.quick-tools{display:flex;gap:12px}.quick-tools .option{flex:1;font-size:9px;min-height:30px}.quick-yarn{display:flex;gap:10px;align-items:center;padding:3px 0 8px}.quick-yarn button{height:21px;width:21px;border-radius:50%;border:1px solid #81695344;flex-shrink:0}.quick-yarn button[aria-pressed=true]{outline:1px solid var(--edge);outline-offset:3px}.v3 .tuft .materials>button{font-size:9px}.v3 .history-actions{display:flex;align-items:center;gap:14px}.history-actions button{display:flex;align-items:center;gap:6px;min-height:30px;font-size:9px}.v3 .view .materials .option{min-height:29px;font-size:9px}.v3 .view .feel{height:24px;font-size:9px}.v3 .view .view-zoom button{height:28px}.v3 .view .quiet{min-height:20px;margin-top:3px}@media(max-width:1050px){.creation-stages{gap:12px}.creation-stages button{font-size:16px}.v3 .top-actions{gap:15px}.v3 .top-actions .sound span{display:none}.v3 .tool-tray{gap:20px}.drawing-settings{grid-template-columns:50px 65px 1fr;gap:8px}.drawing-settings .range>span{font-size:8px}.quick-yarn{gap:6px}.quick-yarn button{width:18px;height:18px}.v3 .tool-tray.prepare.yarn{grid-template-columns:1fr 225px;gap:20px}.v3 .prepare .spool{width:32px}.draw-tool-grid{gap:7px}}@media(max-width:700px){.v3{grid-template-rows:115px minmax(260px,1fr) 112px 38px}.v3.case-open{grid-template-rows:115px minmax(210px,1fr) 290px 38px;min-height:680px}.v3 .study-header{position:relative;padding:19px 18px 0}.v3 .signature{font-size:25px}.v3 .top-actions{gap:14px}.creation-stages{position:absolute;top:72px;left:18px;right:18px;margin:0;justify-content:center;gap:23px}.creation-stages button{font-size:17px;min-height:29px}.creation-stages small{font-size:6px}.v3 .making-table{grid-template-rows:35px minmax(0,1fr) 22px}.v3 .editorial-note p{display:none}.v3 .editorial-note button{font-size:9px}.v3 .canvas-region{width:98%}.v3 .compartments.home{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;height:210px}.v3 .compartments.home .compartment-art{height:140px;flex-wrap:wrap}.v3 .tool-tray,.v3 .tool-tray.prepare{height:204px;overflow:auto;gap:14px 20px;padding-top:10px;align-items:start}.v3 .tool-tray.draw{grid-template-columns:1fr}.draw-tool-grid{gap:10px}.draw-tool-grid .option{min-height:50px;font-size:9px}.drawing-settings{grid-template-columns:65px 85px 1fr}.reference-tools{padding-top:3px}.v3 .file-actions{flex-direction:row;flex-wrap:wrap;gap:8px 20px}.v3 .file-actions button{min-height:36px}.v3 .tool-tray.prepare{padding-top:35px;display:grid;grid-template-columns:1fr 1fr;overflow:auto}.v3 .tool-tray.prepare.yarn{display:flex;flex-direction:column;gap:12px}.prepare-tabs{top:7px}.prepare-tabs button{font-size:9px;min-height:25px}.v3 .prepare .yarn-library{width:100%;display:grid;grid-template-columns:repeat(7,1fr)}.v3 .prepare .spool{width:30px;height:52px}.v3 .prepare .yarn-choice{min-height:78px}.v3 .prepare .yarn-settings{width:100%;display:grid;grid-template-columns:1fr 1.5fr}.v3 .prepare.pile>div:nth-child(2){grid-column:1/-1}.v3 .pile-choices .option{min-height:66px;display:grid;grid-template-columns:1fr 1fr}.v3 .pile-sample{height:40px;grid-row:span 2}.v3 .tool-tray.tuft{grid-template-columns:1fr 1fr}.v3 .tuft>.settings-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.v3 .tuft>.settings-column:last-child .quiet{grid-column:1/-1}.quick-yarn{flex-wrap:wrap;gap:8px;padding:0}.quick-yarn button{width:22px;height:22px}.quick-tools{gap:4px}.quick-tools .option{font-size:8px;gap:3px}.width-options{gap:8px}.width-options .option{font-size:8px}.v3 .tuft .materials{gap:5px}.v3 .tuft .materials>button{font-size:8px}.v3 .history-actions{gap:10px}.v3 .bottom-line{padding:0 16px}.v3 .bottom-line .history-actions button{font-size:8px}.v3 .bottom-line .history-actions span{display:none}.v3 .piece-caption input{font-size:8px}.v3 .tool-tray.view{grid-template-columns:1fr 1fr}.v3 .view .file-actions{grid-column:1/-1;display:flex;justify-content:space-between}.v3 .view .file-actions .history-actions{display:none}}@media(min-width:701px)and (max-height:820px){.study.v3{min-height:620px;grid-template-rows:70px minmax(300px,1fr) 90px 28px}.study.v3.case-open{grid-template-rows:70px minmax(300px,1fr) 145px 28px}.v3 .study-header{padding-top:15px}.v3 .making-table{grid-template-rows:22px minmax(0,1fr) 18px}.v3 .editorial-note p{font-size:17px}.v3 .workbench{padding-top:3px}.v3 .toolbox-bar{height:22px}.v3 .toolbox-bar button{font-size:8px}.v3 .compartments{height:27px}.v3 .compartments>button{font-size:9px;min-height:27px}.v3 .tool-tray,.v3 .tool-tray.prepare{height:91px;padding-top:5px;padding-bottom:4px;overflow-y:auto;align-items:start}.v3 .tool-tray.prepare{padding-top:28px}.v3 .prepare-tabs{top:2px}.v3 .draw-tool-grid .option{min-height:45px;gap:4px;padding:0 0 4px;font-size:8px}.v3 .draw-tool-grid svg{width:17px;height:17px}.v3 .drawing-settings{margin-top:3px}.v3 .drawing-settings .option{min-height:25px}.v3 .range{margin:5px 0}.v3 .range input{margin-top:8px}.v3 .tool-tray .small-label{font-size:7px}.v3 .width-options{margin:3px 0;gap:10px}.v3 .width-options .option{min-height:35px;gap:3px;padding:0 0 3px}.v3 .file-actions{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.v3 .file-actions button{min-height:29px;font-size:8px}.v3 .toolbox-case{height:86px;width:230px}.v3 .toolbox-case>span{top:57px;font-size:8px}.v3 .bottom-line button{min-height:25px}.v3 .compartments.home{height:108px;margin-top:3px}.v3 .compartments.home>button{padding-top:8px}.v3 .compartment-art{height:70px}.v3 .compartment-art svg{height:55px}}