:root{--green:#2d493b;--green-dark:#243c31;--green-light:#eef3ec;--ink:#26342d;--body:#4b574f;--muted:#899087;--line:#e5e8e1;--paper:#fafbf7;--sand:#f1eadf;--warm:#a98453;--orange:#b88149;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:var(--ink);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #a3b993;outline-offset:3px}input:focus,select:focus{outline:2px solid #b9cbb3;outline-offset:0}button{border:0;background:none}a{color:inherit;text-decoration:none}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}h1,h2,h3,p{margin:0}button,select,input{transition:background .15s,border-color .15s,box-shadow .15s}input,select{min-width:0;color:var(--ink);background:#fff;border:1px solid #dfe4da;border-radius:6px;padding:10px 11px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[v-cloak]{display:none}.topbar{height:80px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;padding:0 27px;gap:25px}.brand{display:flex;align-items:center;gap:11px;min-width:214px;font-size:26px;letter-spacing:-1.3px;font-weight:700}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--green);color:#e8d7b9;border-radius:8px;width:38px;height:42px}.brand-icon .icon{width:29px;height:29px;stroke-width:1.3}.brand-light{font-weight:400}.brand small{display:block;letter-spacing:1.6px;font-size:7.5px;font-weight:600;color:#8e9389;margin-top:5px}.header-divider{width:1px;height:32px;background:var(--line)}.project-switch{display:flex;text-align:left;gap:10px;align-items:center;padding:5px 0}.project-avatar{height:32px;width:32px;border:1px solid #dedfd4;background:#f6f4ed;display:grid;place-items:center;border-radius:7px;font-size:11px;font-weight:600;color:#77765f}.project-title{font-size:12px;letter-spacing:-.15px;font-weight:600}.project-title small{display:flex;gap:18px;align-items:center;font-weight:400;color:#93998e;font-size:10px;margin-top:5px}.project-title .icon{width:12px;height:12px}.top-spacer{flex:1}.saved-indicator{display:flex;gap:6px;align-items:center;color:#92998f;font-size:10px;white-space:nowrap}.saved-indicator>span,.green-dot,.status-dot,.local-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#709a62}.saved-indicator .warning{background:#b47a35}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#7e897d}.icon-button:hover{background:#eef1e9;color:var(--green)}.icon-button .icon{width:17px;height:17px}.avatar{height:32px;width:32px;border-radius:50%;background:#eee8da;font-size:11px;border:1px solid #d7d0bc;color:#777157;font-weight:600}.pagebar{height:64px;display:flex;align-items:stretch;justify-content:space-between;background:white;border-bottom:1px solid var(--line);padding:0 27px}.main-tabs{display:flex;gap:29px;align-items:stretch}.main-tabs>button{display:flex;align-items:center;gap:8px;position:relative;padding:0 1px;font-size:12px;color:#81897e}.main-tabs>button.active{color:var(--green);font-weight:600}.main-tabs>button.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--green);left:0;right:0;border-radius:2px 2px 0 0}.main-tabs .icon{width:17px;height:17px;stroke-width:1.6}.count{font-size:9px;background:#f0f2eb;padding:2px 5px;border:1px solid #e8ece2;border-radius:4px;color:#737e6c}.page-actions{display:flex;align-items:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:6px;font-size:11px;font-weight:550;white-space:nowrap;border:1px solid transparent;line-height:1.25;min-height:35px}.button .icon{width:15px;height:15px}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover{background:#395b49;border-color:#395b49}.button.primary>.icon:last-child:not(:first-child){width:12px}.button.secondary{background:#fff;border-color:#dfe4d9;color:#5e6e5d}.button.secondary:hover{background:#f3f6ee;border-color:#b8c7b1}.button.quiet{color:#7c8879}.button.quiet:hover{background:#edf1e8;color:var(--green)}.button.small{min-height:29px;padding:7px 10px;font-size:10px}.full{width:100%}.designer{display:grid;grid-template-columns:238px minmax(400px,1fr) 280px;min-height:calc(100svh - 180px)}.left-panel{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.panel-title{height:49px;border-bottom:1px solid var(--line);padding:0 19px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:650;letter-spacing:1.1px;color:#8e9789}.panel-title>.icon{width:15px;height:15px}.panel-title .icon-button{width:24px;height:24px}.panel-title .icon-button .icon{width:14px;height:14px}.project-tree{padding:18px 12px 20px;border-bottom:1px solid var(--line)}.tree-parent{display:flex;gap:6px;align-items:center;font-size:10px;white-space:nowrap;padding:0 0 12px}.tree-parent .icon{height:13px;width:13px;color:#919a89}.tree-parent .icon:first-child{width:10px}.tree-parent b{font-weight:500;overflow:hidden;text-overflow:ellipsis}.tree-child{display:flex;align-items:center;gap:8px;width:100%;padding:10px 9px 10px 23px;border-radius:5px;font-size:10px;margin:3px 0;text-align:left;color:#92998c}.tree-child .icon{width:14px;height:14px}.tree-child>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-child.active{background:#eef3e9;color:#4e6747}.tree-child.active .icon{color:#718766}.tree-child.active>span:nth-child(2){font-weight:500}.subtle{color:#a6ada0;font-size:10px}.left-section{padding:23px 20px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.9px;color:#838e7d;font-weight:600;margin-bottom:18px;gap:6px}.section-heading .icon{width:14px;height:14px;color:#a0a793}.tag{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-size:8px;line-height:1.3;background:#f2f4ed;border:1px solid #e7ebdf;color:#89947d;border-radius:4px;letter-spacing:0;white-space:nowrap;font-weight:500}.tag.traditional{color:#95815b;background:#f7f2e8;border-color:#eee4d0}.tag.steel{background:#edf1f1;color:#768c8b;border-color:#e0e8e7}.field-label{display:block;font-size:10px;color:#7b8674;margin-bottom:8px}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;padding:10px 28px 10px 10px;font-size:11px;border-color:#e1e5d9;border-radius:5px}.select-wrap>.icon{position:absolute;right:10px;top:10px;width:13px;height:13px;color:#9da68f;pointer-events:none}.type-preview{height:77px;background:#f8f9f4;margin:12px 0 19px;border:1px solid #eceee5;border-radius:4px;padding:9px 22px;overflow:hidden}.type-preview svg{width:100%;height:100%}.property-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:#707d65;font-size:10px}.property-row>label{line-height:1.6}.property-row label small{color:#a1aa97;font-weight:400;font-size:8px;margin-left:3px}.property-row output{font-family:var(--mono);font-size:11px;color:#6a785e}.number-stepper{height:30px;border:1px solid #e0e5d8;border-radius:5px;display:flex;align-items:stretch;max-width:99px;background:#fff;overflow:hidden}.number-stepper button{font-size:15px;width:25px;color:#99a28d;padding:0}.number-stepper button:hover{background:#edf2e7;color:var(--green)}.number-stepper input{width:45px;border:0;padding:4px;text-align:center;font-size:11px;font-family:var(--mono);border-radius:0}.compact-input{display:flex;border:1px solid #e0e5d8;border-radius:5px;width:97px;height:30px;align-items:center;background:#fff}.compact-input input{border:0;padding:4px 6px;text-align:right;flex:1;width:48px;border-radius:5px;font-size:11px;font-family:var(--mono);height:100%}.compact-input>span{padding:0 8px 0 2px;font-family:var(--mono);font-size:10px;color:#a0a893}.pitch-range{display:flex;align-items:center;gap:10px;margin:3px 0 7px}.pitch-range input{padding:0;width:100%;height:3px;border:0;accent-color:var(--green);cursor:pointer}.pitch-range>span{font-size:9px;color:#a2a88e;font-family:var(--mono);white-space:nowrap}.material-section{padding-top:21px}.material-chip{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:10px;color:#898b6d}.material-chip small{display:block;margin-top:4px;font-size:8px;color:#a3a78f}.wood-swatch{width:29px;height:29px;border-radius:4px;background:repeating-linear-gradient(5deg,#d2bb90,#dec9a3 3px,#e4d2b2 4px,#d9c299 7px);border:1px solid #c5b18a}.left-footer{display:flex;gap:9px;align-items:center;color:#a1a88e;font-size:10px;line-height:1.7;padding:24px 20px;margin-top:auto}.left-footer .icon{height:16px;width:16px;color:#c3b38b}.workspace{padding:24px 24px 0;min-width:0;display:flex;flex-direction:column;background:#f5f6f0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:1px 0 20px;gap:12px}.eyebrow{font-size:8px;letter-spacing:1.4px;color:#929b87;font-weight:550;line-height:1.5}.eyebrow>span{margin:0 8px;color:#c4c9b9}.workspace-heading h1{font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin-top:5px;display:flex;align-items:center;gap:10px}.revision{font-size:8px;letter-spacing:.5px;color:#a2aa95;border:1px solid #dce1d2;padding:3px 5px;border-radius:3px;font-weight:400}.canvas-card{border:1px solid #dde3d4;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 3px 8px #3a493a04;flex:1;display:flex;flex-direction:column;min-height:476px}.canvas-toolbar{height:48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ece2;padding:0 11px;gap:8px;flex-shrink:0}.view-tabs{display:flex;gap:3px;align-items:center}.view-tabs button{padding:8px 10px;border-radius:5px;font-size:10px;color:#a1a88f;font-weight:450;white-space:nowrap}.view-tabs button.active{color:#53694a;background:#edf2e8;font-weight:550}.view-tabs button>span{font-size:8px;opacity:.7;margin-left:2px}.canvas-controls{display:flex;align-items:center;gap:2px}.canvas-controls .icon-button{height:27px;width:27px}.canvas-controls .icon{width:15px;height:15px}.mini-separator{height:17px;width:1px;background:#e7ebdf;display:inline-block;margin:0 4px}.toggled{background:#f0f4e8!important;color:#657c55!important}.drawing-canvas{position:relative;flex:1;min-height:415px;background:#fdfefa;overflow:hidden;touch-action:none}.gridded{background-image:radial-gradient(#b8c1a66b .6px,transparent .6px);background-size:16px 16px}.truss-svg,.detail-svg{position:absolute;inset:0;width:100%;height:100%;padding:58px 25px 76px;overflow:visible}.truss-svg .member polygon{fill:#e9d5b7;stroke:#8b7755;stroke-width:.65;stroke-linejoin:round;vector-effect:non-scaling-stroke}.truss-svg .member .grain-overlay{fill:url(#timber-grain);stroke:none}.member{cursor:pointer;outline:0}.truss-svg .member:hover>polygon:first-child{fill:#e0c8a3;stroke:#6c7255;stroke-width:1.25}.truss-svg .member.selected>polygon:first-child{fill:#d4c29a;stroke:var(--green);stroke-width:1.5}.member text{font-family:var(--mono);font-size:2.7px;text-anchor:middle;fill:#978363;pointer-events:none;dominant-baseline:central;font-weight:500}.member text tspan{font-size:2.25px;opacity:.7}.drawing-baselines line{stroke:#b3bca6;stroke-width:.35;opacity:.5}.support-symbol path{fill:none;stroke:#a2ad95;stroke-width:.5}.joint-callout{cursor:pointer;outline:0}.joint-callout line{stroke:#a9b39c;stroke-width:.45}.joint-callout circle{fill:#fdfef9;stroke:#8b9b7d;stroke-width:.6;transition:fill .2s}.joint-callout text{text-anchor:middle;dominant-baseline:middle;font-family:var(--mono);font-size:3.1px;fill:#7a8f69;pointer-events:none}.joint-callout:hover circle{fill:#e5edda}.joint-callout.selected circle{fill:var(--green);stroke:var(--green);stroke-width:.5}.joint-callout.selected text{fill:#fff}.joint-callout.selected line{stroke:var(--green);stroke-width:.65}.dimensions path{stroke:#aab399;stroke-width:.38;fill:none}.dimensions text{font-family:var(--mono);font-size:3px;fill:#7f8d6e;dominant-baseline:central;letter-spacing:.05px}.dimensions rect{fill:#fdfff9}.canvas-caption{position:absolute;left:22px;top:23px;display:flex;align-items:center;gap:6px;letter-spacing:1.2px;color:#8d997c;font-size:8px;font-weight:550;z-index:1;pointer-events:none}.canvas-caption .status-dot{height:4px;width:4px;background:#a9b998}.canvas-caption small{position:absolute;top:17px;left:10px;font-size:8px;color:#a8b198;letter-spacing:.1px;white-space:nowrap;font-weight:400}.drawing-title{position:absolute;bottom:22px;left:24px;display:flex;gap:9px;align-items:center;pointer-events:none}.drawing-title>span{font-size:17px;font-weight:400;border-right:1px solid #d7dfc9;padding-right:10px;font-family:var(--mono);color:#71815e;letter-spacing:-1px}.drawing-title>div{font-size:8px;letter-spacing:1.2px;color:#8d9b7b;font-weight:550}.drawing-title small{display:block;font-size:7px;letter-spacing:.5px;margin-top:5px;font-weight:400;color:#a8b197}.canvas-navigation{position:absolute;bottom:18px;right:18px;background:#fff;border:1px solid #e0e5d6;box-shadow:0 2px 4px #2d493b05;border-radius:5px;display:flex;gap:3px;align-items:center;height:31px;padding:0 4px}.canvas-navigation .icon-button{height:24px;width:24px}.canvas-navigation .icon{height:13px;width:13px}.canvas-navigation>span:not(.mini-separator){font-size:9px;color:#89967b;font-family:var(--mono);width:34px;text-align:center}.axis-indicator{position:absolute;right:20px;top:23px;display:flex;gap:1px;align-items:center;opacity:.65;font-size:7px;color:#a0ab8e}.axis-indicator>.icon{height:24px;width:24px;stroke-width:.9}.axis-indicator>span:first-child{position:absolute;top:-7px;left:7px}.axis-indicator>span:last-child{position:absolute;right:-6px;bottom:1px}.canvas-status{height:32px;border-top:1px solid #e8ebdf;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 13px;font-size:8px;color:#9ba58e;background:#fff;flex-shrink:0}.canvas-status>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.canvas-status .icon{height:11px;width:11px}.canvas-status b{font-size:6px;color:#c2cbb5;font-weight:400}.workspace-bottom{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.workspace-bottom>div{display:flex;gap:20px;align-items:center}.small-metric{display:flex;gap:5px;align-items:center;font-size:9px;color:#a3ab91;white-space:nowrap}.small-metric b{font-size:10px;font-weight:500;color:#7a8b67}.small-metric small{font-size:7px;color:#b3baa4}.small-metric .icon{width:13px;height:13px;color:#a6b196;margin-right:1px}.workspace-bottom>button{display:flex;align-items:center;gap:7px;color:#82966c;font-size:9px;white-space:nowrap}.workspace-bottom>button .icon{width:13px;height:13px}.drafting-note{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;color:#b0b7a3;font-size:8px;letter-spacing:.05px}.drafting-note .icon{width:11px;height:11px}.right-panel{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.selection-heading{padding:22px 20px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.selection-badge{width:34px;height:34px;background:#f0f3e8;border:1px solid #e0e7d4;color:#6e8456;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--mono);border-radius:6px}.selection-heading>div{flex:1;min-width:0}.selection-heading h2{font-size:13px;font-weight:500;color:#536445;letter-spacing:-.2px}.selection-heading>div>span{font-size:9px;color:#a1ab91;display:block;margin-top:5px;white-space:nowrap}.selection-dot{height:6px;width:6px;border:1px solid #bfceb1;background:#e1ead6;border-radius:50%}.inspector-section{padding:22px 20px;border-bottom:1px solid var(--line)}.selected-detail-image{height:125px;background:#f8f9f3;border:1px solid #e8ebde;border-radius:5px;padding:13px 32px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#c3cbb64d .5px,transparent .5px);background-size:9px 9px}.selected-detail-image svg{width:100%;height:100%}.detail-name{font-size:12px;color:#6c795b;font-weight:500;margin:13px 0 7px;letter-spacing:-.1px}.detail-source{color:#b1b99f;display:flex;gap:5px;align-items:center;font-size:8px;margin-bottom:17px}.detail-source .icon{width:11px;height:11px}.inspector-section>.section-heading{margin-bottom:17px}.inspector-section>.button.secondary{padding:9px 10px;min-height:33px;font-size:10px;justify-content:space-between}.inspector-section>.button.secondary .icon:first-child{width:13px;height:13px}.inspector-section>.button.secondary .icon:last-child{height:12px;width:12px;margin-left:auto}.property-row>select{font-size:10px;padding:7px 8px;max-width:100px;min-width:96px;height:30px}.info-strip{display:flex;gap:6px;background:#f7f8f1;border:1px solid #ecefdf;padding:9px 8px;color:#a5ae8f;border-radius:4px;align-items:flex-start;font-size:8px;line-height:1.6;margin-top:12px}.info-strip .icon{height:12px;width:12px;margin-top:1px}.compact-section{padding:15px 20px;border-bottom:0}.text-link{display:flex;align-items:center;gap:7px;color:#899b6f;font-size:9px;padding:7px 0;line-height:1.5;text-align:left}.text-link .icon{height:13px;width:13px}.text-link:hover{color:var(--green)}.inspector-footer{display:flex;align-items:center;gap:5px;font-size:8px;color:#b0b99f;padding:20px;margin-top:auto}.inspector-footer .local-dot{height:4px;width:4px;background:#bac6a7}.hint{font-size:10px;line-height:1.8;color:#9ca78c;margin:12px 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields label{font-size:10px;color:#879479}.two-fields input{width:100%;display:block;margin-top:8px;padding:9px;font-size:11px}.spec-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:10px;padding:11px 0;border-bottom:1px solid #eff1e8;line-height:1.5;color:#9ca78c}.spec-line b{font-weight:500;color:#728361;text-align:right;max-width:65%;overflow-wrap:anywhere}.detail-note{position:absolute;bottom:22px;left:23px;display:flex;flex-direction:column;gap:5px;font-size:10px;color:#7d8c69;max-width:62%}.detail-note b{font-weight:500}.detail-note>span{font-size:8px;color:#a4b091}.detail-svg{padding:85px 45px}.panning{cursor:grabbing}.schedule-view{flex:1;padding:25px 20px;min-height:415px;overflow:auto}.schedule-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.schedule-title h2{font-size:14px;font-weight:500;color:#6f815e}.schedule-view>p{font-size:9px;line-height:1.7;color:#a8b198;margin:12px 0 20px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px;text-align:left}th{font-size:8px;font-weight:500;color:#9ba989;letter-spacing:.6px;padding:10px 8px;border-bottom:1px solid #e6ebde;white-space:nowrap}td{padding:12px 8px;border-bottom:1px solid #edf1e5;color:#849472;font-size:10px}tbody tr{cursor:pointer}tbody tr:hover{background:#f6f8f1}.member-mark{font-family:var(--mono);color:#6c8059;background:#eff3e7;padding:3px 5px;border-radius:3px;font-size:9px}.schedule-view h3{font-size:11px;font-weight:500;margin:25px 0 12px;color:#7d906a}.hardware-line{display:flex;justify-content:space-between;gap:16px;padding:10px 3px;border-bottom:1px solid #eef1e7;font-size:10px;color:#94a17f}.hardware-line b{font-weight:500;white-space:nowrap}.app-footer{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:#fff;border-top:1px solid var(--line);font-size:8px;color:#adb59d;gap:10px}.app-footer>span{display:flex;align-items:center;gap:7px}.footer-mark{font-size:15px;color:#7c9166}.footer-divider{margin:0 7px;color:#d0d6c4}.app-footer button{font-size:8px;color:#9caa8b;padding:0}.library-page,.drawings-page{padding:40px 45px 48px;min-height:calc(100svh - 180px);max-width:1800px;margin:auto}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.library-heading h1{font-size:29px;font-weight:450;letter-spacing:-1px;margin-top:7px;color:#3e5140}.library-heading p{color:#9ba68d;font-size:11px;margin-top:11px;line-height:1.7}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px}.library-main{min-width:0}.library-search{display:flex;align-items:center;background:#fff;border:1px solid #dfe5d6;border-radius:6px;padding:0 14px;gap:10px;height:44px;box-shadow:0 2px 3px #2d493b03}.library-search .icon{width:17px;height:17px;color:#9eab8c}.library-search input{flex:1;border:0;padding:0;height:100%;font-size:11px;outline:none;background:none}.library-search input::placeholder{color:#b3bba6}.library-search kbd{font-family:var(--mono);border:1px solid #e4e9dc;color:#a9b596;border-radius:3px;padding:1px 5px;font-size:10px}.library-filters{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;border-bottom:1px solid #e0e5d6}.filter-tabs{display:flex;gap:20px}.filter-tabs button{padding:0 0 14px;position:relative;font-size:10px;color:#a0ad8c;white-space:nowrap}.filter-tabs button.active{color:#6b8555;font-weight:550}.filter-tabs button.active:after{content:'';height:2px;background:#79935f;position:absolute;bottom:0;left:0;right:0}.filter-tabs button>span{font-size:8px;background:#e8efde;margin-left:5px;padding:2px 5px;border-radius:3px}.similar-toggle{display:flex;gap:5px;align-items:center;font-size:9px;color:#a3ae92;white-space:nowrap;margin-bottom:12px;cursor:pointer}.similar-toggle input{width:13px;height:13px;margin:0;accent-color:var(--green)}.library-result-bar{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b0b99f;padding:18px 0 15px;gap:10px}.library-result-bar>span:last-child{display:flex;align-items:center;gap:5px;font-size:8px}.library-result-bar .icon{width:12px;height:12px}.joint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.joint-card{padding:0;border:1px solid #e0e5d6;border-radius:7px;overflow:hidden;text-align:left;background:#fff;position:relative;transition:box-shadow .18s,border-color .18s,transform .18s;min-width:0}.joint-card:hover{border-color:#a8ba96;box-shadow:0 5px 13px #3c543510;transform:translateY(-2px)}.joint-card.selected{border-color:#7e9864;box-shadow:0 0 0 1px #7e9864}.joint-card-image{height:145px;background:#f8f9f3;background-image:radial-gradient(#c3cbb63b .5px,transparent .5px);background-size:11px 11px;border-bottom:1px solid #edf0e4;padding:19px 27px;display:flex;justify-content:center}.joint-card-image svg{height:100%;width:100%}.joint-card-content{padding:16px 14px 12px}.card-family{font-size:7px;text-transform:uppercase;color:#b7a27e;letter-spacing:1.1px}.card-family.steel{color:#99abaa}.card-family.imported{color:#98a7ba}.joint-card h3{font-size:11px;letter-spacing:-.2px;color:#6f825b;font-weight:550;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joint-card-content>p{font-size:9px;color:#aab59b;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#b2bea1;margin-top:19px}.card-bottom>span{display:flex;align-items:center;gap:4px}.card-bottom .icon{width:12px;height:12px}.match-label{position:absolute;right:9px;top:9px;background:#f3f7edee;color:#809764;border:1px solid #e1e9d4;font-size:8px;padding:4px 5px;border-radius:4px}.library-inspector{background:#fff;border:1px solid #e0e6d6;border-radius:7px;overflow:hidden;align-self:start;position:sticky;top:20px}.library-inspector .panel-title{height:43px;font-size:8px}.library-preview{height:185px;padding:25px 35px;background:#fafbf6;background-image:radial-gradient(#c3cbb63b .5px,transparent .5px);background-size:12px 12px;border-bottom:1px solid #edf0e4}.library-preview svg{width:100%;height:100%}.library-detail-body{padding:21px}.library-detail-body h2{font-size:17px;font-weight:500;color:#6e8359;letter-spacing:-.4px;margin-top:11px;line-height:1.4}.library-detail-body>p{color:#a4b193;font-size:10px;line-height:1.8;margin:11px 0 17px}.library-detail-body .spec-line{font-size:9px;padding:10px 0}.detail-tags{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0}.detail-tags>span{font-size:8px;background:#f5f7f0;color:#a1af8e;padding:4px 6px;border-radius:3px;max-width:100%;overflow-wrap:anywhere}.apply-target{display:flex;align-items:center;gap:7px;background:#f7f9f1;border:1px solid #e8eddd;color:#a0b08a;border-radius:4px;padding:11px 9px;font-size:8px;margin:22px 0 12px}.apply-target .icon{height:14px;width:14px}.apply-target b{font-weight:500;color:#869d6f}.library-detail-body>.button.quiet{font-size:9px;margin-top:5px}.import-library-card{border:1px dashed #d3ddc5;background:#f2f5ec;display:flex;align-items:center;gap:17px;margin-top:26px;padding:22px;border-radius:6px;cursor:pointer}.import-library-card:hover{background:#edf3e3;border-color:#b4c79f}.import-card-icon{width:39px;height:39px;border:1px solid #e0e8d4;background:#fff;color:#a3b78c;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.import-library-card h3{font-size:12px;font-weight:500;color:#859b6e}.import-library-card p{font-size:9px;color:#a5b492;line-height:1.7;margin-top:6px}.import-library-card>.icon{color:#a7b893;width:15px;height:15px;margin-left:auto;flex-shrink:0}.empty-state{padding:70px 20px;text-align:center}.empty-state>.icon{width:28px;height:28px;color:#b0bea0}.empty-state h2{margin:17px 0 8px;font-weight:500;font-size:17px;color:#7a9163}.empty-state p{font-size:11px;color:#a6b495;margin-bottom:20px}.sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.drawing-sheet{padding:0;border:1px solid #dce4cf;border-radius:7px;background:#fff;overflow:hidden;text-align:left}.drawing-sheet:hover{border-color:#a5ba8e;box-shadow:0 6px 15px #526c3d08}.sheet-art{height:225px;padding:21px 28px;background:#fafbf6;border-bottom:1px solid #e8edde}.sheet-art svg{width:100%;height:100%;font-family:var(--mono)}.detail-sheet-art{padding:35px 55px}.sheet-info{display:flex;align-items:center;gap:12px;padding:18px 16px}.sheet-number{font-family:var(--mono);color:#8ea575;font-size:13px;width:32px;flex-shrink:0}.sheet-info>div{min-width:0;flex:1}.sheet-info h3{font-size:12px;font-weight:500;color:#7b9362}.sheet-info p{font-size:9px;color:#b0bc9e;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-info .icon{width:14px;height:14px;color:#bbc8ab}.drawing-export-note{display:flex;align-items:center;gap:15px;background:#eef3e5;border:1px solid #dee8cf;border-radius:6px;padding:21px 23px;margin-top:30px}.drawing-export-note>.icon{color:#96ab7d;width:19px;height:19px}.drawing-export-note>div{flex:1}.drawing-export-note b{font-size:12px;font-weight:500;color:#829d65}.drawing-export-note p{font-size:10px;line-height:1.8;color:#a3b38e;margin-top:6px}.modal-overlay{position:fixed;inset:0;background:#1c30297a;z-index:100;display:flex;align-items:center;justify-content:center;padding:30px;backdrop-filter:blur(3px);animation:fadeIn .15s}.modal{background:#fff;border:1px solid #dce3d0;border-radius:11px;box-shadow:0 20px 100px #1b322b38;width:535px;max-width:100%;max-height:calc(100svh - 60px);padding:27px 29px;overflow:auto;animation:slideIn .18s}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-heading h2{font-size:21px;font-weight:500;color:#4f6849;letter-spacing:-.6px;margin-top:6px}.modal-heading .icon-button{align-self:flex-start}.modal-intro{font-size:11px;line-height:1.9;color:#9aa98b;margin-bottom:21px}.export-option{display:flex;align-items:center;gap:15px;padding:17px 13px;text-align:left;border:1px solid #e1e8d6;border-radius:6px;margin:10px 0;width:100%}.export-option:hover{background:#f5f8ee;border-color:#bbceaa}.file-type{width:42px;height:46px;border:1px solid #cadbb8;background:#edf3e4;color:#81a060;display:grid;place-items:center;border-radius:5px;font-size:10px;font-weight:650;flex-shrink:0;letter-spacing:.6px}.file-type.gray{background:#f7f8f3;border-color:#e1e7d7;color:#a4b194}.export-option>div{flex:1}.export-option b{font-size:12px;font-weight:550;color:#7b9365}.export-option p{font-size:9px;color:#acb99c;line-height:1.6;margin-top:5px}.export-option small{display:block;font-size:8px;color:#9db286;margin-top:6px}.export-option>.icon{width:17px;height:17px;color:#a7ba94}.inline-note{font-size:9px;line-height:1.8;color:#a4af91;background:#f6f8f0;border:1px solid #e8eddd;border-radius:5px;padding:10px 12px;margin:15px 0}.modal-form>label{display:block;color:#8e9f7f;font-size:10px;margin-top:18px}.modal-form>label>input,.modal-form>label>select{display:block;width:100%;margin-top:8px;font-size:12px}.modal-form .two-fields{margin-top:20px}.project-dialog-actions{display:flex;gap:10px;margin:20px 0 0;border-top:1px solid #e8edde;padding-top:12px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid #e9eddf;padding-top:20px;margin-top:24px}.modal-actions>span{margin-right:auto;color:#a6b494;font-size:10px}.import-modal{width:630px}.upload-zone{border:1px dashed #bdcfa8;border-radius:7px;background:#f7faf2;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;min-height:210px;cursor:pointer;padding:24px}.upload-zone.dragging{background:#e8f1dd;border-color:#87a867}.upload-zone>.icon{width:31px;height:31px;color:#a9bd94;margin-bottom:17px;stroke-width:1.3}.upload-zone h3{font-size:14px;font-weight:500;color:#869d6e}.upload-zone p{font-size:10px;color:#b0bea0;margin-top:10px}.upload-zone .tag{margin-top:15px;font-size:8px;padding:4px 7px}.import-footnote{font-size:9px;color:#b3bfa5;display:flex;align-items:flex-start;gap:7px;line-height:1.9;margin:17px 0 12px}.import-footnote .icon{width:13px;height:13px;margin-top:2px}.error-box{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;background:#fbf4ed;border:1px solid #ead8c5;color:#b88f65;padding:13px;border-radius:5px;margin:18px 0}.error-box .icon{width:15px;height:15px;margin-top:2px}.import-review-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 15px}.import-review-title h3{font-size:12px;font-weight:500;color:#859c6c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-review-title>span{color:#adbc9a;font-size:9px;white-space:nowrap}.import-unit{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a2b08f;padding:12px 0}.import-unit>select{font-size:10px;padding:7px 10px}.import-review-list{max-height:260px;overflow-y:auto;border:1px solid #e2e9d6;border-radius:5px}.import-review-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid #edf0e5}.import-review-row:last-child{border-bottom:0}.import-review-row>input{accent-color:var(--green);height:15px;width:15px}.import-review-row>span{height:55px;width:75px;background:#f8faf3;border-radius:4px;padding:5px}.import-review-row svg{width:100%;height:100%}.import-review-row>div{flex:1}.import-review-row>div input{width:100%;padding:5px 7px;border-color:transparent;background:#fcfdf9;color:#8fa576;font-size:11px}.import-review-row small{font-size:8px;color:#b4c29f;display:block;padding-left:7px;margin-top:5px}.import-tags{font-size:10px;color:#a2b28f;display:block;margin:17px 0}.import-tags input{display:block;width:100%;margin-top:8px;font-size:10px}.danger{color:#b8977b}.danger:hover{color:#9e7257}.danger-button{background:#a17f62!important;border-color:#a17f62!important}.guide-content>p{font-size:11px;line-height:1.9;color:#a5b196;margin:10px 0 18px}.guide-content>h3{font-size:12px;font-weight:550;color:#899f73;margin-top:20px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1e4;padding:10px 0;color:#a8b598;font-size:10px}.shortcut-row kbd{font-family:var(--mono);font-size:8px;color:#b0bd9e;border:1px solid #e4ecda;background:#f8faf3;border-radius:4px;padding:4px 7px}.guide-content>.license-note{font-size:8px;line-height:1.8;color:#bac6aa;margin:22px 0 0}.license-note a{text-decoration:underline}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#2d493b;color:#f1f5ec;padding:14px 16px;border:1px solid #3b5947;border-radius:8px;box-shadow:0 8px 40px #213d3126;z-index:200;font-size:11px;max-width:min(90%,750px);animation:fadeIn .2s}.toast>.icon{height:16px;width:16px;color:#c3d5b3}.toast>button{padding:0;color:#b4c6a6;display:flex;margin-left:15px}.toast>button .icon{height:13px;width:13px}.print-root{display:none}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Readable controls and drawing annotations at normal desktop zoom. */
.field-label,.property-row,.tree-child,.detail-source{color:#75806b}.panel-title,.section-heading,.eyebrow{color:#7d8873}.selection-heading>div>span,.hint,.spec-line,.modal-intro{color:#849274}.canvas-caption{color:#748363}.canvas-caption small{color:#96a386}.library-heading p{color:#829173}.library-detail-body>p,.joint-card-content>p{color:#92a380}.card-bottom{color:#9cad8b}.small-metric{color:#8e9b7e}.member text{font-size:3.5px;fill:#8c7653}.member text tspan{font-size:2.9px}.dimensions text{font-size:3.6px;fill:#6e7f5e}.joint-callout text{font-size:3.6px}.drafting-note{color:#94a083}.inspector-footer{color:#99a98a}.info-strip{color:#96a27f}.modal-form>label{color:#7a8c68}.library-detail-body .spec-line{color:#8f9f7c}.library-detail-body h2,.joint-card h3{color:#5a7249}.text-link{color:#758c5d}.left-footer{color:#929d81}.canvas-status{color:#8d9b7a}
.import-metadata{margin-top:17px}.import-metadata select{display:block;width:100%;font-size:11px;margin-top:8px}.import-metadata label{font-size:10px;color:#849772}
@media(min-width:1600px){.designer{grid-template-columns:260px minmax(400px,1fr) 310px}.workspace{padding:30px 34px 0}.drawing-canvas{min-height:510px}.selected-detail-image{height:148px}.left-section,.inspector-section{padding:25px}.joint-card-image{height:180px}.truss-svg{padding:60px 50px 85px}.topbar,.pagebar{padding-left:32px;padding-right:32px}.workspace-heading{margin-bottom:25px}}
@media(min-width:901px){.designer{height:calc(100svh - 180px);min-height:650px}.left-panel,.right-panel{overflow-y:auto}.workspace{min-height:0}.canvas-card{min-height:0}.drawing-canvas{min-height:325px}}
@media(max-width:1250px){.designer{grid-template-columns:216px minmax(350px,1fr) 254px}.workspace{padding:22px 17px 0}.left-section{padding:20px 16px}.inspector-section{padding:20px 17px}.selection-heading{padding:20px 17px}.panel-title{padding:0 16px}.workspace-bottom>div{gap:12px}.small-metric{font-size:8px}.small-metric:last-child small{display:none}.view-tabs button{font-size:9px;padding:7px}.view-tabs button>span{display:none}.canvas-toolbar{padding:0 7px}.library-page,.drawings-page{padding:32px}.joint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-layout{gap:25px}.sheet-grid{gap:17px}.sheet-art{height:195px}.canvas-caption small{font-size:7px}.topbar{gap:18px}.main-tabs{gap:23px}.small-metric .icon{display:none}.truss-svg{padding-left:16px;padding-right:16px}}
@media(max-width:1080px){.designer{grid-template-columns:200px minmax(340px,1fr) 238px}.workspace{padding:20px 13px 0}.workspace-heading h1{font-size:20px}.workspace-heading>.button{font-size:0;padding:6px}.workspace-heading>.button .icon{width:14px}.property-row{font-size:9px}.property-row label small{font-size:7px}.left-section{padding:18px 13px}.number-stepper,.compact-input{max-width:88px}.number-stepper input{width:38px}.selected-detail-image{padding:15px 23px;height:112px}.inspector-section{padding:18px 15px}.selection-heading{padding:18px 15px;gap:9px}.selection-heading h2{font-size:12px}.selection-heading>div>span{font-size:8px}.section-heading{font-size:8px}.right-panel .property-row select{min-width:85px}.canvas-controls .icon-button{width:22px}.canvas-controls .icon{width:13px}.view-tabs button{padding:7px 6px;font-size:8px}.small-metric{font-size:7px}.workspace-bottom>div{gap:9px}.workspace-bottom>button{font-size:8px}.drafting-note{font-size:7px}.saved-indicator{display:none}.canvas-caption{left:17px;top:20px}.canvas-caption small{font-size:6.5px}.canvas-navigation{right:12px;bottom:14px}.drawing-title{left:17px;bottom:56px}.drawing-title>span{font-size:14px}.drawing-title>div{font-size:7px}.drawing-title small{font-size:6px}.canvas-status>span:last-child{font-size:7px}.topbar{height:73px}.pagebar{height:60px}.brand{min-width:194px;font-size:24px}.brand-icon{width:34px;height:37px}.brand small{font-size:6.5px}.app-footer>span:first-child{font-size:7px}.library-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.library-detail-body{padding:18px}.library-filters{align-items:flex-start;flex-direction:column;gap:3px}.similar-toggle{margin-bottom:12px}.library-result-bar>span:last-child{font-size:7px}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.designer{grid-template-columns:190px minmax(0,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr 1fr;border-left:0;border-top:1px solid var(--line)}.right-panel>.panel-title{grid-column:1/-1}.right-panel>.selection-heading{grid-column:1;grid-row:2/5;display:flex;align-self:start;flex-wrap:wrap;border:0;padding:20px}.right-panel>.selection-heading .selection-dot{display:none}.right-panel>.inspector-section{border-left:1px solid var(--line);border-bottom:0;padding:22px}.right-panel>.compact-section{grid-column:2/4;border-top:1px solid var(--line);display:flex;gap:22px;padding:9px 22px}.right-panel>.inspector-footer{grid-column:1/-1;justify-content:center;border-top:1px solid var(--line);padding:13px}.right-panel>.inspector-section:nth-of-type(2){border-left:1px solid var(--line)}.selected-detail-image{height:133px;padding:10px 37px}.right-panel .property-row{font-size:10px}.right-panel .section-heading{font-size:9px}.right-panel .number-stepper,.right-panel .compact-input{max-width:98px}.right-panel .selection-heading h2{font-size:13px}.right-panel .selection-heading>div>span{font-size:9px;white-space:normal;line-height:1.6}.workspace{padding:24px 22px 0}.drawing-canvas{min-height:430px}.workspace-heading>.button{font-size:9px}.view-tabs button{font-size:10px;padding:7px 9px}.canvas-controls .icon-button{width:25px}.canvas-controls .icon{width:15px}.small-metric{font-size:8px}.drafting-note{font-size:8px}.workspace-bottom>div{gap:13px}.canvas-caption small{font-size:8px}.drawing-title{bottom:21px}.canvas-status>span:last-child{font-size:8px}.tree-parent{font-size:9px}.project-tree{padding:16px 8px}.tree-child{font-size:9px;padding-left:17px}.header-divider{display:none}.project-switch{margin-left:4px}.project-avatar{display:none}.page-actions{gap:6px}.main-tabs{gap:20px}.main-tabs>button{font-size:11px}.pagebar{padding:0 20px}.topbar{padding:0 20px}.library-page,.drawings-page{padding:30px 25px}.library-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.joint-card-image{height:125px;padding:15px 18px}.joint-card-content{padding:13px 11px}.joint-card h3{font-size:10px}.library-heading h1{font-size:25px}.library-heading p{font-size:10px}.library-preview{height:155px;padding:25px}.library-detail-body{padding:16px}.library-detail-body h2{font-size:15px}.library-detail-body .spec-line{font-size:8px}.filter-tabs{gap:17px}.filter-tabs button{font-size:9px}.library-heading>.button{padding:10px;font-size:10px}.drawing-export-note{align-items:flex-start;flex-wrap:wrap}.drawing-export-note>.button{margin-left:33px}.right-panel:has(.two-fields){display:flex}.right-panel:has(.two-fields)>.selection-heading{align-self:stretch;flex-wrap:nowrap}}
@media(max-width:700px){.topbar{height:65px;padding:0 16px;gap:15px}.brand{font-size:23px;min-width:0;gap:9px}.brand-icon{width:31px;height:35px}.brand small{font-size:6px;letter-spacing:1.3px}.project-switch{display:none}.help-button{margin-left:auto}.top-spacer{display:none}.avatar{width:29px;height:29px;font-size:9px}.pagebar{height:56px;padding:0 15px;gap:10px}.main-tabs{gap:17px;flex:1}.main-tabs>button{font-size:10px;gap:5px}.main-tabs .icon{width:15px;height:15px}.main-tabs .count{display:none}.page-actions>.button.quiet{display:none}.page-actions>.button.primary{font-size:0;padding:8px 10px;min-height:32px;gap:0}.page-actions>.button.primary .icon{width:16px;height:16px}.page-actions>.button.primary>.icon:last-child{display:none}.designer{grid-template-columns:1fr}.left-panel{order:2;display:grid;grid-template-columns:1fr 1fr;border-right:0;border-top:1px solid var(--line)}.left-panel>.panel-title{grid-column:1/-1}.project-tree{display:none}.left-section{padding:20px;border-bottom:0}.material-section{border-left:1px solid var(--line)}.left-footer{display:none}.left-section>.section-heading{font-size:9px}.left-section>.section-heading>.tag{font-size:7px}.property-row{font-size:10px}.field-label{font-size:10px}.type-preview{height:72px}.left-panel .property-row label small{font-size:8px}.workspace{order:1;padding:22px 15px 0;min-height:640px}.right-panel{order:3;display:grid;grid-template-columns:1fr 1fr}.right-panel>.selection-heading{grid-column:1/-1;grid-row:auto;flex-wrap:nowrap;border-bottom:1px solid var(--line)}.right-panel>.selection-heading>div>span{white-space:nowrap}.right-panel>.inspector-section{padding:20px 17px}.right-panel>.inspector-section:first-of-type{border-left:0}.right-panel>.compact-section{grid-column:1/-1;gap:18px;padding:10px 17px}.right-panel>.selection-heading .selection-dot{display:block}.right-panel>.inspector-footer{grid-column:1/-1}.right-panel .property-row{font-size:9px}.right-panel .section-heading{font-size:8px}.right-panel .property-row>select{min-width:76px;padding:6px;max-width:85px;font-size:9px}.selected-detail-image{padding:13px 18px;height:121px}.right-panel .number-stepper{max-width:81px}.right-panel .number-stepper input{width:33px}.right-panel .compact-input{max-width:80px}.inspector-section>.button.secondary{font-size:9px;padding:8px 7px}.inspector-section>.button.secondary .icon:last-child{display:none}.detail-name{font-size:11px}.info-strip{font-size:7px;padding:8px 6px}.canvas-card{min-height:430px}.drawing-canvas{min-height:350px}.workspace-heading h1{font-size:22px}.workspace-heading>.button{font-size:9px}.workspace-heading{margin-bottom:18px}.canvas-toolbar{height:43px;padding:0 8px}.view-tabs button{font-size:9px;padding:7px 8px}.canvas-controls .icon-button{width:23px}.canvas-controls .icon{width:14px}.canvas-caption{font-size:7px;top:20px}.canvas-caption small{font-size:7px}.canvas-status{padding:0 9px;font-size:7px}.canvas-status>span:last-child{font-size:6px;gap:4px}.workspace-bottom{min-height:57px}.workspace-bottom>div{gap:11px}.small-metric{font-size:7px}.small-metric b{font-size:9px}.small-metric .icon{display:none}.workspace-bottom>button{font-size:8px;gap:3px}.workspace-bottom>button .icon{width:11px;height:11px}.drafting-note{font-size:6.5px;min-height:40px;text-align:center}.drafting-note .icon{display:none}.app-footer{font-size:7px;padding:0 16px}.app-footer>span:first-child{font-size:7px}.app-footer .footer-divider{margin:0 2px}.app-footer>span:first-child>.footer-divider{display:none}.app-footer>span:first-child{font-size:0;gap:4px}.app-footer .footer-mark{font-size:16px}.app-footer button{font-size:8px}.library-page,.drawings-page{padding:28px 18px}.library-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:25px}.library-heading h1{font-size:27px}.library-heading p{font-size:10px}.library-heading>.button{align-self:flex-start}.library-layout{grid-template-columns:1fr;gap:25px}.library-inspector{position:static;display:grid;grid-template-columns:1fr 1fr}.library-inspector>.panel-title{grid-column:1/-1}.library-preview{height:100%;min-height:210px;border-right:1px solid var(--line);border-bottom:0;padding:25px}.library-detail-body{padding:20px 16px}.library-detail-body h2{font-size:15px}.library-detail-body>p{font-size:9px}.library-detail-body .spec-line{font-size:8px}.library-detail-body .apply-target{font-size:7px}.library-detail-body .button{font-size:9px;padding:10px}.library-detail-body .inline-note{font-size:8px}.joint-grid{gap:13px}.joint-card-image{height:145px;padding:18px 22px}.joint-card h3{font-size:11px}.joint-card-content{padding:14px 12px}.library-filters{flex-direction:row;align-items:center}.filter-tabs{gap:17px}.filter-tabs button{font-size:9px;padding-bottom:14px}.similar-toggle{font-size:7px;margin-bottom:12px}.filter-tabs button>span{font-size:7px;padding:1px 3px}.library-result-bar>span:last-child{font-size:6.5px}.import-library-card{padding:17px;gap:13px}.import-library-card h3{font-size:11px}.import-library-card p{font-size:8px}.sheet-grid{gap:15px}.sheet-art{height:160px;padding:15px}.detail-sheet-art{padding:20px 27px}.sheet-info{padding:14px 10px;gap:5px}.sheet-info .sheet-number{font-size:11px;width:27px}.sheet-info h3{font-size:10px}.sheet-info p{font-size:7px}.sheet-info .icon{width:11px;height:11px}.drawing-export-note{padding:18px;gap:12px}.drawing-export-note p{font-size:9px}.modal-overlay{padding:15px}.modal{padding:23px 20px;max-height:calc(100svh - 30px);border-radius:9px}.modal-heading h2{font-size:20px}.modal-intro{font-size:10px}.export-option{gap:12px;padding:15px 11px}.file-type{width:36px;height:42px;font-size:9px}.export-option b{font-size:11px}.export-option p{font-size:8px}.export-option small{font-size:7px}.upload-zone{min-height:190px}.toast{font-size:10px;width:max-content;bottom:17px;max-width:calc(100% - 26px);line-height:1.7}.modal-actions>.button{font-size:10px;padding:10px}.modal-actions{gap:7px}.project-dialog-actions>.button{font-size:10px}.detail-svg{padding:65px 25px}.drawing-title{left:17px;bottom:54px}.detail-note{bottom:58px;left:19px;font-size:9px}.detail-note>span{font-size:7px}.schedule-view{padding:21px 14px}.schedule-title h2{font-size:12px}.schedule-title .button{font-size:8px}.schedule-view>p{font-size:8px}.schedule-view th{font-size:7px}.schedule-view td{font-size:9px;padding:11px 6px}}
@media(max-width:390px){.main-tabs{gap:13px}.main-tabs>button{font-size:9px;gap:4px}.main-tabs .icon{width:13px}.pagebar{padding:0 12px}.canvas-controls .icon-button{width:21px}.view-tabs button{font-size:8px;padding:7px 6px}.workspace-heading h1{font-size:21px}.workspace-heading .button{font-size:8px}.small-metric{font-size:6px}.small-metric b{font-size:8px}.workspace-bottom>div{gap:8px}.left-section{padding:17px 14px}.right-panel>.inspector-section{padding:18px 12px}.filter-tabs{gap:11px}.similar-toggle{font-size:6px}.joint-card h3{font-size:10px}.library-inspector{grid-template-columns:1fr}.library-preview{height:190px;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:25px 60px}.library-detail-body{padding:22px}.sheet-grid{grid-template-columns:1fr}.sheet-art{height:200px}}
@media print{@page{size:A3 landscape;margin:12mm}body{background:#fff;color:#000}#app> *:not(#print-root){display:none!important}.print-root{display:block!important;font-family:Arial,sans-serif}.print-sheet{page-break-after:always;break-after:page;min-height:250mm;display:flex;flex-direction:column}.print-sheet:last-child{page-break-after:auto;break-after:auto}.print-sheet header{display:flex;justify-content:space-between;border-bottom:1px solid #222;padding-bottom:12px;margin-bottom:15px}.print-sheet header strong{letter-spacing:3px;font-size:9px;font-weight:400}.print-sheet header h1{font-size:20px;margin-top:7px}.print-sheet header p{font-size:12px;margin-top:6px}.print-sheet header>b{font-size:23px}.print-sheet header small{display:block;font-size:10px;margin-top:6px;text-align:right}.print-sheet>svg{width:100%;height:176mm;font-family:monospace;flex-shrink:0}.print-sheet>p{font-size:10px;line-height:1.7;margin-top:10px}.print-sheet footer{border-top:1px solid #aaa;padding-top:10px;font-size:9px;margin-top:auto;color:#666}.print-sheet table{font-size:12px}.print-sheet th,.print-sheet td{font-size:11px;color:#000;padding:12px 10px;border-bottom:1px solid #ccc}.print-sheet h2{font-size:16px;margin:20px 0 10px}}