: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}