:root{color:#e7e3da;background:#111;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#111;margin:0}.app{background:#151515;min-height:100vh}.topbar{background:#121212;border-bottom:1px solid #2c2a27;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{color:#17120d;background:#d9a15f;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong{display:block}.brand small,.library-list small{color:#8e8a82;margin-top:3px;font-size:11px;display:block}.top-actions,.modules,.panel-tabs{gap:8px;display:flex}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:.35}.active,.modules button.active,.panel-tabs button.active,.library-list button.active{color:#dda45f!important;border-color:#9c6734!important}.modules{border-bottom:1px solid #2b2926;justify-content:center;align-items:end;height:54px}.modules button{background:0 0;border:0;border-radius:0;padding:17px 26px 14px}.modules button.active{border-bottom:2px solid #dda45f}.workspace{grid-template-columns:62px minmax(0,1fr) 360px;height:calc(100vh - 122px);display:grid;position:relative}.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:50px;padding:4px 2px;font-size:9px;display:flex}.tools button b{font-size:15px}.tools .selected{background:#2b241c}.canvas-wrap{background:#171717;flex-direction:column;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid #2a2824;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:5px 12px;display:flex}.muted{color:#837f78;font-size:11px}.production-controls{align-items:center;gap:5px;display:flex}.production-controls label{color:#918c84;font-size:10px}.production-controls select{color:#ddd5ca;background:#171614;border:1px solid #3a3732;margin-left:4px;padding:5px}.production-controls button{padding:5px 7px;font-size:10px}.production-controls input{width:72px}.sub-toolbar{border-bottom:1px solid #2a2824;justify-content:center;gap:5px;height:34px;padding:4px;display:flex}.sub-toolbar button{padding:3px 10px;font-size:10px}.fabric-stage{background:radial-gradient(circle,#222,#171717 68%);flex:1;place-items:center;min-height:0;padding:34px;display:grid;overflow:auto}.zoom-shell{transform-origin:50%;width:min(72vh,720px);transition:transform .12s}.draft-sheet{filter:drop-shadow(0 18px 30px #0008);grid-template-rows:160px 12px minmax(360px,1fr);grid-template-columns:26px minmax(360px,1fr) minmax(150px,.42fr);gap:4px;width:100%;display:grid}.harness-labels{color:#777;text-align:right;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{border:1px solid #625b51;grid-area:1/2;display:grid}.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}.warp-colors i,.weft-colors i{display:block}.weave-grid,.threading-grid,.peg-plan{background:#e4dfd5}.main-grid{border:1px solid #625b51;grid-area:3/2;display:grid;position:relative}.peg-plan{border:1px solid #625b51;grid-area:3/3;display:grid}.weave-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}.weave-grid button.on,.threading-grid button.on,.peg-plan button.on,.library-swatch i.on{background:#262524}.weave-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:.72;border:2px dashed #d7a158;position:absolute;inset:0}.centered-repeat .main-grid{outline-offset:-50%;outline:2px dashed #88a6b8}.module-placeholder{color:#8e8a82;flex-direction:column;align-items:center;gap:8px;display:flex}.status{color:#a7a197;border-top:1px solid #2a2824;align-items:center;gap:18px;min-height:34px;padding:0 12px;font-size:10px;display:flex}.status span:last-child{color:#c8a574;margin-left:auto}.sidepanel{background:#181716;border-left:1px solid #302d28;min-width:0;overflow:auto}.panel-tabs{z-index:2;background:#181716;border-bottom:1px solid #302d28;align-items:stretch;height:46px;position:sticky;top:0}.panel-tabs button{background:0 0;border:0;border-radius:0;flex:1;padding:4px;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}.library-list strong{color:#e2ddd4;display:block}.toggle{align-items:center;gap:7px;display:flex!important}.toggle input{width:auto!important;margin:0!important}.hint{color:#77736d;font-size:10px;line-height:1.5}.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}.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}.icon-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}.palette-grid button.active{outline:2px solid #e0b77e}.restore{position:absolute;top:10px;right:12px}@media (width<=1100px){.workspace{grid-template-columns:54px minmax(0,1fr) 310px}.draft-sheet{grid-template-rows:130px 10px 300px;grid-template-columns:22px minmax(300px,1fr) 130px}.production-controls label,.production-controls input,.top-actions button:nth-child(-n+2){display:none}.fabric-stage{padding:18px}.panel-content{padding:12px}}