:root{color:#e7e3da;background:#111;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#111;margin:0;overflow:hidden}button,select,input{font:inherit}button{color:#d8d4cc;cursor:pointer;background:#1b1a18;border:1px solid #383530;border-radius:6px;padding:7px 10px}button:disabled{opacity:.34;cursor:not-allowed}.active,.selected{color:#dda45f!important;border-color:#9c6734!important}.app{background:#151515;height:100vh}.topbar{background:#121212;border-bottom:1px solid #2c2a27;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex}.brand{align-items:center;gap:11px;display:flex}.logo{color:#17120d;background:#d9a15f;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.library-list strong{display:block}.brand small,.library-list small{color:#8e8a82;margin-top:3px;font-size:11px;display:block}.top-actions,.modules,.panel-tabs,.production-controls,.sub-toolbar,.canvas-footer,.status,.zoom-controls{align-items:center;gap:7px;display:flex}.modules{border-bottom:1px solid #2b2926;justify-content:center;height:52px}.modules button{background:0 0;border:0;border-radius:0;align-self:stretch;padding:0 25px}.modules button.active{border-bottom:2px solid #dda45f}.workspace{grid-template-columns:62px minmax(0,1fr) 360px;height:calc(100vh - 118px);display:grid}.panel-hidden .workspace{grid-template-columns:62px minmax(0,1fr)}.tools{background:#131313;border-right:1px solid #2c2925;flex-direction:column;gap:3px;padding:8px 5px;display:flex}.tools button{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:49px;padding:3px;font-size:9px;display:flex}.tools button b{font-size:15px}.tools button.selected{background:#2b241c}.canvas-wrap{background:#171717;grid-template-rows:48px 34px minmax(0,1fr) 36px;min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid #2a2824;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.muted{color:#837f78;font-size:11px}.repeat-mode{color:#c9b79f;background:#211e1a;border:1px solid #443e36;border-radius:6px;padding:5px 9px;font-size:10px}.production-controls button,.sub-toolbar button{padding:5px 9px;font-size:10px}.sub-toolbar{border-bottom:1px solid #2a2824;justify-content:center}.fabric-stage{touch-action:none;background:radial-gradient(circle,#222,#171717 68%);place-items:center;min-height:0;padding:38px;display:grid;position:relative;overflow:hidden}.fabric-stage.tool-抓手{cursor:grab}.fabric-stage.tool-抓手:active{cursor:grabbing}.fabric-stage.tool-缩放{cursor:zoom-in}.viewport{transform-origin:50%;width:min(68vh,680px);transition:transform .1s;position:relative}.ruler{color:#827c73;background:#1d1c1a;font-size:8px;position:absolute}.corner{border:1px solid #3f3b35;width:24px;height:20px;top:-23px;left:-27px}.ruler-x{border-bottom:1px solid #5a5249;width:100%;height:20px;top:-23px;left:0}.ruler-y{border-right:1px solid #5a5249;width:24px;height:100%;top:0;left:-27px}.ruler i{background:#70685e;font-style:normal;display:block;position:absolute}.ruler-x i{width:1px;height:6px;bottom:0}.ruler-y i{width:6px;height:1px;right:0}.ruler-x span{position:absolute;bottom:7px;left:2px}.ruler-y span{white-space:nowrap;transform-origin:100% 0;position:absolute;top:2px;right:8px;transform:rotate(-90deg)}.draft-sheet{filter:drop-shadow(0 18px 30px #0008);grid-template-rows:150px 12px minmax(360px,1fr);grid-template-columns:26px minmax(360px,1fr) minmax(145px,.42fr);gap:4px;width:100%;display:grid}.draft-sheet.weave-only{grid-template-rows:12px minmax(360px,1fr);grid-template-columns:26px minmax(360px,1fr)}.harness-labels{color:#777;grid-area:1/1;font-size:8px;display:grid}.harness-labels span{justify-content:flex-end;align-items:center;padding-right:3px;display:flex}.threading-grid{grid-area:1/2}.warp-colors{grid-area:2/2;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;display:grid}.weft-colors{grid-area:3/1;grid-auto-rows:1fr;gap:1px;display:grid}.weave-only .warp-colors{grid-row:1}.weave-only .weft-colors{grid-row:2}.warp-colors i,.weft-colors i{display:block}.threading-grid,.main-grid,.peg-plan{background:#e4dfd5;border:1px solid #625b51;display:grid}.main-grid{grid-area:3/2;position:relative}.weave-only .main-grid{grid-row:2}.peg-plan{grid-area:3/3}.main-grid button,.threading-grid button,.peg-plan button{background:#e4dfd5;border:1px solid #aaa49b;border-top:0;border-left:0;border-radius:0;min-width:0;min-height:0;padding:0}.main-grid button.on,.threading-grid button.on,.peg-plan button.on,.library-swatch i.on{background:#262524}.main-grid button:hover,.threading-grid button:hover,.peg-plan button:hover{box-shadow:inset 0 0 0 2px #d9a15f}.repeat-lines{pointer-events:none;opacity:.78;border:2px dashed #d7a158;position:absolute;inset:0}.guide{z-index:2;pointer-events:none;background:#63c7df;position:absolute;box-shadow:0 0 2px #000}.guide-x{height:1px;top:50%;left:0;right:0}.guide-y{width:1px;top:0;bottom:0;left:50%}.module-placeholder{color:#8e8a82;flex-direction:column;align-items:center;gap:8px;display:flex}.module-placeholder strong{color:#d4d0c7;font-size:21px}.canvas-footer{background:#151515;border-top:1px solid #2a2824;justify-content:space-between;padding:0 8px}.status{color:#a7a197;gap:14px;font-size:10px}.zoom-controls{gap:4px}.zoom-controls button,.zoom-controls select{color:#bdb8af;background:#1c1b19;border:1px solid #3a3732;border-radius:5px;height:25px;padding:2px 7px;font-size:9px}.zoom-controls select{width:67px}.sidepanel{background:#181716;border-left:1px solid #302d28;min-width:0;overflow:auto}.panel-tabs{z-index:3;background:#181716;border-bottom:1px solid #302d28;height:46px;position:sticky;top:0}.panel-tabs button{background:0 0;border:0;border-radius:0;flex:1;align-self:stretch;padding:3px;font-size:11px}.panel-tabs .collapse{max-width:34px}.panel-content{padding:16px}.panel-content h3{color:#d5c7b4;margin:0 0 10px;font-size:13px}.panel-content h3:not(:first-child),.sequence-editor{margin-top:20px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h3{margin:0}.badge{color:#d9a15f;border:1px solid #554432;border-radius:12px;padding:3px 7px;font-size:10px}.asset-actions{grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0;display:grid}.asset-actions button{padding:6px 2px;font-size:10px}.folder-row{border:1px dashed #4b463f;border-radius:7px;margin-bottom:12px;padding:9px}.folder-row button{width:100%;margin-bottom:5px}.folder-row small{color:#777;font-size:9px;display:block}.library-list{gap:6px;margin-top:10px;display:grid}.library-list>button{text-align:left;align-items:center;gap:9px;padding:7px;display:flex}.library-swatch{background:#ded9d0;flex:none;width:43px;height:43px;display:grid}.library-swatch i{border-bottom:1px solid #9998;border-right:1px solid #9998}.panel-content label{color:#aaa49b;margin:9px 0;font-size:11px;display:block}.panel-content input,.panel-content select{color:#e8e4dc;background:#111;border:1px solid #3a3732;border-radius:6px;width:100%;margin-top:4px;padding:7px}.field-pair{grid-template-columns:1fr 1fr;gap:7px;display:grid}.field-pair label{position:relative}.field-pair span{color:#6e6a64;font-size:9px;position:absolute;bottom:8px;right:7px}.apply-size{color:#e3b982;background:#30271f;border-color:#75583a;width:100%;margin-top:4px}.error{color:#e47d6d;margin:7px 0;font-size:10px}.hint{color:#77736d;font-size:10px;line-height:1.5}.sequence-editor .section-heading{margin-bottom:7px}.sequence-row{grid-template-columns:50px minmax(0,1fr) 52px 27px;gap:4px;margin-top:4px;display:grid}.sequence-row select,.sequence-row input{margin:0;padding:5px;font-size:10px}.sequence-row button{padding:0}.summary-card{color:#969087;background:#201e1b;border:1px solid #3d3933;border-radius:8px;flex-direction:column;gap:4px;margin-top:15px;padding:10px;font-size:10px;display:flex}.palette-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.palette-grid button{aspect-ratio:1;border:2px solid #35332f;padding:0}.toggle{align-items:center;gap:7px;display:flex!important}.toggle input{width:auto;margin:0}.restore{position:absolute;top:10px;right:12px}@media (width<=1100px){.workspace{grid-template-columns:54px minmax(0,1fr) 310px}.draft-sheet{grid-template-rows:125px 10px 300px;grid-template-columns:22px minmax(300px,1fr) 128px}.draft-sheet.weave-only{grid-template-rows:10px 300px;grid-template-columns:22px minmax(300px,1fr)}.fabric-stage{padding:26px}.panel-content{padding:12px}.status span:nth-child(3){display:none}}.guide-menu-anchor{position:relative}.guide-menu{z-index:20;color:#c9c4bb;background:#201f1c;border:1px solid #5b4d3e;border-radius:8px;width:310px;padding:11px;position:absolute;top:34px;right:0;box-shadow:0 14px 35px #0009}.guide-toggles{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.guide-toggles label{align-items:center;gap:4px;font-size:10px;display:flex}.guide-toggles input{width:auto}.guide-actions{grid-template-columns:1fr 1fr;gap:6px;margin:9px 0;display:grid}.guide-actions button{padding:6px;font-size:10px}.origin-row{border-top:1px solid #38342e;border-bottom:1px solid #38342e;grid-template-columns:1fr 1fr auto;align-items:end;gap:5px;padding:8px 0;display:grid}.origin-row label{color:#918b82;font-size:9px}.origin-row input{color:#ddd8cf;background:#131313;border:1px solid #403c36;width:100%;margin-top:3px;padding:5px}.origin-row button{height:27px;padding:2px 6px;font-size:9px}.guide-list{gap:5px;max-height:150px;margin-top:8px;display:grid;overflow:auto}.guide-list>div{grid-template-columns:20px 1fr 22px 25px;align-items:center;gap:4px;display:grid}.guide-list span,.guide-list small{color:#918b82;font-size:9px}.guide-list input{color:#ddd8cf;background:#131313;border:1px solid #403c36;min-width:0;padding:5px}.guide-list button{padding:3px}.guide{pointer-events:auto;z-index:3;background:#63c7df;box-shadow:0 0 2px #000}.guide.vertical{cursor:ew-resize;width:1px;top:0;bottom:0}.guide.horizontal{cursor:ns-resize;height:1px;left:0;right:0}.guide.locked{pointer-events:none;background:#6a9cab}.zoom-controls select[aria-label=画布浏览方式]{width:118px}.tools{justify-content:space-between}.tool-list{flex-direction:column;gap:3px;display:flex}.tool-colors{border-top:1px solid #302d28;height:62px;padding-top:10px;position:relative}.tool-colors button{border:2px solid #d7d1c7;width:27px;height:27px;padding:0;position:absolute}.tool-colors button:first-child{z-index:2;top:9px;left:5px}.tool-colors button:nth-child(2){top:22px;right:5px}.tool-colors button.color-target{box-shadow:0 0 0 2px #d9a15f}.tool-colors small{text-align:center;color:#777;font-size:8px;position:absolute;bottom:0;left:0;right:0}.fabric-size{color:#d2ad7d;border:1px solid #4a4238;border-radius:10px;margin-left:12px;padding:3px 7px;font-size:10px;display:inline-block}.new-organization{background:#1b1a18;border:1px solid #4d4439;border-radius:12px;width:min(540px,90%);max-height:100%;padding:26px 30px;overflow:auto;box-shadow:0 22px 60px #0009}.new-organization h2{margin:5px 0 7px;font-size:21px}.new-organization>div:first-child small{color:#d7a15f}.new-organization p{color:#8d877e;font-size:11px;line-height:1.5}.new-organization label{color:#aaa49b;margin:10px 0;font-size:11px;display:block}.new-organization input{color:#eee9df;background:#111;border:1px solid #3f3a34;border-radius:6px;width:100%;margin-top:4px;padding:8px}.create-organization{color:#17120d;background:#d9a15f;border-color:#e1ae6d;width:100%;margin-top:8px;padding:10px;font-weight:700}.empty-canvas{color:#88827a;background:#191918;border:1px dashed #4a4640;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:min(520px,78%);height:min(330px,65%);display:flex}.empty-canvas:hover{background:#1d1b18;border-color:#a47342}.empty-canvas span{color:#d6a15f;border:1px solid #62584b;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:14px;font-size:28px;display:grid}.empty-canvas strong{color:#d4cec4;margin-bottom:6px;font-size:17px}.empty-canvas small{font-size:10px}.modal-backdrop{z-index:50;background:#0b0b0bd9;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-heading h2,.modal-heading h3{margin:0}.modal-heading button{padding:3px 8px}.save-as-dialog{background:#1b1a18;border:1px solid #4d4439;border-radius:10px;width:min(400px,90%);padding:22px;box-shadow:0 22px 60px #0009}.save-as-dialog label{color:#aaa49b;margin:12px 0;font-size:11px;display:block}.save-as-dialog input,.save-as-dialog select{color:#eee9df;background:#111;border:1px solid #3f3a34;border-radius:6px;width:100%;margin-top:4px;padding:8px}.draft-sheet{grid-template-rows:150px 24px auto}.main-grid{aspect-ratio:var(--weave-aspect)}.main-grid button{background:var(--weave-bg,#e4dfd5)}.main-grid button.on{background:var(--weave-fg,#262524)}.warp-yarns{grid-area:2/2;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1px;display:grid}.weft-yarns{grid-area:3/1;grid-auto-rows:minmax(0,1fr);gap:1px;display:grid}.weave-only .weft-yarns{grid-row:2}.warp-yarns select,.weft-yarns select{color:#fff;appearance:none;text-align:center;text-shadow:0 1px 2px #000;border:0;border-radius:0;width:100%;min-width:0;height:100%;padding:0;font-size:8px;font-weight:700}.parameters textarea{resize:vertical;color:#e8e4dc;background:#111;border:1px solid #3a3732;border-radius:6px;width:100%;min-height:70px;margin-top:4px;padding:7px;font:9px/1.35 monospace}.document-sections{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.document-sections label{border:1px solid #37332e;border-radius:5px;align-items:center;gap:5px;padding:6px;display:flex}.document-sections input{width:auto;margin:0}.save-state{border-radius:6px;margin-bottom:10px;padding:7px 9px;font-size:10px}.save-state.readonly{color:#b9a78f;background:#2a251f}.save-state.dirty{color:#e2b16d;background:#34291e}.save-state.saved{color:#8fba9a;background:#1d2921}.library-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.library-controls label:last-child{grid-column:1/-1}.library-controls input[type=range]{padding:0}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.library-grid>button{text-align:left;align-items:center;gap:8px;min-width:0;padding:7px;display:flex}.library-grid .library-swatch{flex:none}.library-grid>button>span:last-child{min-width:0}.library-grid strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-grid small{color:#7f7a72;margin-top:2px;font-size:8px;display:block}.yarn-detail{background:#1e1d1a;border:1px solid #3b3731;border-radius:7px;margin:7px 0}.yarn-detail summary{color:#d5b07e;cursor:pointer;padding:8px;font-size:10px}.yarn-detail[open]{padding:0 9px 9px}.yarn-detail[open] summary{border-bottom:1px solid #3b3731;margin:0 -9px 4px}.color-targets{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px;display:grid}.color-targets button{flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex}.color-targets i{border:1px solid #777;width:32px;height:24px;display:block}.zoom-controls select[aria-label=单元格显示比例]{width:116px}@media (width<=1100px){.draft-sheet{grid-template-rows:125px 22px auto}.draft-sheet.weave-only{grid-template-rows:22px auto}.zoom-controls select[aria-label=单元格显示比例]{width:98px}.status{gap:8px}}.viewport{width:min(72vh,760px)}.viewport.repeat-preview{width:min(82vh,900px)}.draft-sheet,.draft-sheet.weave-only{grid-template-rows:auto 18px 24px auto;grid-template-columns:22px 24px minmax(360px,1fr) auto;gap:2px}.draft-sheet.weave-only{grid-template-rows:18px 24px auto}.harness-labels{grid-area:1/2}.threading-grid{aspect-ratio:var(--threading-aspect);grid-area:1/3}.warp-indices{color:#777;background:#1d1c1a;grid-area:2/3;font-size:7px;display:grid;overflow:hidden}.warp-yarns{grid-area:3/3}.weft-indices{color:#777;background:#1d1c1a;grid-area:4/1;font-size:7px;display:grid;overflow:hidden}.weft-yarns{grid-area:4/2}.main-grid{aspect-ratio:var(--weave-aspect);grid-area:4/3}.peg-plan{height:100%;aspect-ratio:var(--peg-aspect);grid-area:4/4}.weave-only .warp-indices{grid-row:1}.weave-only .warp-yarns{grid-row:2}.weave-only .weft-indices,.weave-only .weft-yarns,.weave-only .main-grid{grid-row:3}.warp-indices span,.weft-indices span{border-bottom:1px solid #333;border-right:1px solid #333;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.warp-yarns,.weft-yarns{overflow:visible}.yarn-picker-cell{min-width:0;min-height:0;position:relative}.yarn-picker-cell>button{color:#fff;text-shadow:0 1px 2px #000;border:0;border-radius:0;width:100%;min-width:0;height:100%;padding:0;font-size:8px;font-weight:700}.yarn-picker-popover{z-index:35;background:#1b1a18;border:1px solid #675541;border-radius:5px;width:58px;padding:4px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #000b}.weft-yarns .yarn-picker-popover{top:50%;left:100%;transform:translateY(-50%)}.yarn-picker-options{overscroll-behavior:contain;scrollbar-width:thin;height:66px;overflow-y:auto}.yarn-picker-options button{background:#25231f;border:0;border-radius:2px;width:100%;height:22px;padding:0;font-size:9px;display:block}.yarn-picker-confirm{width:100%;margin-top:4px;color:#e4b575!important;border-color:#735536!important;padding:4px 1px!important;font-size:8px!important}.main-grid button,.threading-grid button,.peg-plan button{pointer-events:none;touch-action:none}.repeat-lines{opacity:.72;background-image:linear-gradient(90deg,#d7a158 0 2px,#0000 2px),linear-gradient(#d7a158 0 2px,#0000 2px);border:0}.fixed-cell-ratio{color:#aaa49b;white-space:nowrap;border:1px solid #3a3732;border-radius:5px;padding:4px 7px;font-size:9px}.parameters label:has(>select[aria-label=参数单元格显示比例]){display:none}.parameters .summary-card:after{content:"组织 / 穿综 / 纹版固定为 1:1 工艺格；密度只换算标尺与实际尺寸。";color:#d0a36c;margin-top:4px}.guide-menu-anchor{align-self:stretch;align-items:center;display:flex}.guide-menu{border-top-right-radius:0;margin-top:0;top:100%}.ruler-x,.ruler-y{cursor:crosshair;touch-action:none}.color-popover{z-index:45;color:#c9c4bb;background:#201f1c;border:1px solid #5b4d3e;border-radius:6px;width:176px;padding:7px;position:absolute;bottom:0;left:46px;box-shadow:0 12px 28px #000b}.color-popover-targets,.color-popover-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.color-popover .color-popover-targets button,.color-popover .color-popover-actions button{width:auto;height:23px;padding:2px;font-size:8px;position:static}.color-popover-swatches{grid-template-columns:repeat(4,1fr);gap:4px;margin:5px 0;display:grid}.color-popover .color-popover-swatches button{border:1px solid #35332f;width:auto;height:21px;position:static}.color-popover label{color:#aaa49b;justify-content:space-between;align-items:center;margin:5px 0;font-size:8px;display:flex}.color-popover input[type=color]{background:#111;border:1px solid #49433b;width:66px;height:22px;padding:1px}.viewport.weave-viewport,.viewport.process-viewport{transform-origin:50%}.viewport.process-viewport{width:min(76vh,820px)}.draft-sheet.process-sheet{grid-template-rows:auto auto;grid-template-columns:24px minmax(420px,1fr) minmax(150px,.38fr);gap:3px}.process-sheet .harness-labels{grid-area:1/1}.process-sheet .threading-grid{grid-area:1/2}.process-sheet .main-grid{grid-area:2/2}.process-sheet .peg-plan{grid-area:2/3}.engineering-view{background:#181818;grid-template-columns:minmax(330px,.82fr) minmax(360px,1.18fr);place-self:stretch stretch;gap:14px;min-width:0;min-height:0;padding:16px;display:grid;overflow:auto}.engineering-settings,.engineering-result{background:#1d1c1a;border:1px solid #34312d;border-radius:9px;min-width:0;padding:14px}.engineering-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.engineering-heading small{color:#a97846;font-size:9px}.engineering-heading h3{color:#ddd4c8;margin:3px 0;font-size:15px}.engineering-heading>span{color:#d9a15f;border:1px solid #554432;border-radius:12px;padding:4px 7px;font-size:9px}.engineering-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.engineering-settings label{color:#aaa49b;font-size:10px;display:block}.engineering-settings input,.engineering-settings select,.engineering-settings textarea{color:#e8e4dc;background:#111;border:1px solid #3a3732;border-radius:5px;width:100%;margin-top:4px;padding:6px}.engineering-settings textarea{resize:vertical;min-height:170px;font:11px/1.45 monospace}.engineering-hint{color:#7f7a72;font-size:9px;line-height:1.45}.compound-slots{align-items:stretch;gap:5px;display:grid}.compound-slots>b{color:#8f887e;place-items:center;min-height:28px;font-size:9px;display:grid}.compound-slots label{background:#211f1c;border:1px dashed #51483e;border-radius:5px;min-width:0;padding:6px}.compound-slots label>span{color:#d3a46e;font-size:8px;display:block}.compound-slots select{padding:4px;font-size:8px}.engineering-result{flex-direction:column;display:flex}.engineering-matrix{touch-action:none;-webkit-user-select:none;user-select:none;background:#e4dfd5;border:1px solid #655d53;align-self:center;width:min(100%,620px);max-height:65vh;display:grid}.engineering-matrix i{background:#e4dfd5;border-bottom:1px solid #aaa49b;border-right:1px solid #aaa49b;min-width:0;min-height:0}.engineering-matrix i.on{background:#262524}.engineering-error,.empty-group{color:#d18a73;border:1px dashed #5a4437;border-radius:6px;place-items:center;min-height:80px;padding:12px;font-size:10px;display:grid}.organization-open>.panel-content{display:none}.organization-library-panel{padding:16px}.organization-library-panel h3{color:#d5c7b4;margin:0;font-size:13px}.organization-library-panel>input{color:#e8e4dc;background:#111;border:1px solid #3a3732;border-radius:6px;width:100%;margin:0 0 9px;padding:7px}.library-mode-tabs{grid-template-columns:1fr 1fr;gap:5px;margin:8px 0;display:grid}.library-mode-tabs button{padding:6px;font-size:9px}.group-toolbar{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.group-toolbar button{padding:5px 8px;font-size:9px}.group-toolbar small{color:#777;font-size:8px}.organization-group{background:#1b1a18;border:1px solid #37332e;border-radius:7px;margin:7px 0}.organization-group-head{border-bottom:1px solid #302d28;grid-template-columns:24px minmax(0,1fr) auto auto auto;align-items:center;gap:4px;min-height:33px;padding:4px 6px;display:grid}.basic-group .organization-group-head{grid-template-columns:minmax(0,1fr) auto}.organization-group-head button{padding:3px 5px;font-size:8px}.organization-group-head strong{font-size:10px}.organization-group-head span{color:#8b847b;font-size:8px}.organization-group .library-grid{margin:0;padding:7px}.empty-group{color:#777;grid-column:1/-1;min-height:48px}@media (width<=1100px){.engineering-view{grid-template-columns:1fr;padding:10px}.draft-sheet.process-sheet{grid-template-columns:20px minmax(330px,1fr) 120px}.viewport,.viewport.repeat-preview{width:min(68vh,700px)}.draft-sheet,.draft-sheet.weave-only{grid-template-rows:auto 17px 22px auto;grid-template-columns:19px 22px minmax(300px,1fr) auto}.draft-sheet.weave-only{grid-template-rows:17px 22px auto}}.warp-indices,.weft-indices{color:#d1cbc1;font-size:clamp(7px,.65vw,10px);font-weight:700}.warp-yarns,.weft-yarns{contain:size;min-width:0;min-height:0}.weft-indices,.weft-yarns{align-self:stretch;height:100%;max-height:100%}.yarn-picker-cell>button{font-size:9px;font-weight:800}.yarn-picker-options{scrollbar-width:none}.yarn-picker-options::-webkit-scrollbar{display:none}.fabric-stage.space-grab{cursor:grab}.fabric-stage.space-grab:active{cursor:grabbing}.draft-toolbar{align-items:center;gap:4px;display:flex}.draft-toolbar span{color:#c5b39d;padding:0 4px;font-size:9px}.draft-toolbar button{padding:4px 7px}.compound-slot{background:#eeeae2;border:1px dashed #655d53;border-radius:6px;min-width:0;min-height:105px;padding:5px;position:relative}.compound-slot>span{color:#6b5136;font-size:8px;font-weight:700;display:block}.compound-slot-preview{color:#564f48;background:#fff;border:0;width:100%;height:82px;padding:4px}.compound-slot-preview em{font-size:8px;font-style:normal}.compound-slot-preview strong{color:#332e29;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;display:block;overflow:hidden}.slot-weave{background:#e4dfd5;border:1px solid #8f887e;width:100%;max-height:58px;display:grid}.slot-weave b{border-bottom:1px solid #aaa49b;border-right:1px solid #aaa49b;min-width:0;min-height:0}.slot-weave b.on{background:#262524}.compound-slot-search{z-index:25;background:#1b1a18;border:1px solid #675541;border-radius:5px;padding:4px;position:absolute;inset:23px 4px auto;box-shadow:0 10px 24px #000b}.compound-slot-search input{margin:0 0 3px}.compound-slot-search button{border:0;border-radius:2px;justify-content:space-between;width:100%;padding:4px 5px;font-size:8px;display:flex}.compound-slot-search small{color:#827c73}.peg-editor-heading{color:#aaa49b;justify-content:space-between;align-items:center;margin:10px 0 5px;font-size:10px;display:flex}.peg-editor-heading button{padding:4px 6px;font-size:8px}.decompose-peg-editor{background:#e4dfd5;border:1px solid #625b51;display:grid}.decompose-peg-editor b,.decompose-peg-editor button{color:#4b453e;background:#ded9d0;border:1px solid #aaa49b;border-top:0;border-left:0;border-radius:0;place-items:center;min-width:0;min-height:24px;padding:0;font-size:9px;display:grid}.decompose-peg-editor button{color:#0000;background:#f3efe7}.decompose-peg-editor button.on{color:#f3efe7;background:#262524;font-weight:700}.engineering-error.compact{min-height:32px;margin-top:5px;padding:6px}