:root{--wc-primary:#4361ee;--wc-primary-deep:#3a56d4;--wc-secondary:#00a86b;--wc-secondary-light:#e6f0ff;--wc-danger:#e74c3c;--wc-bg:#f7f9fb;--wc-white:#ffffff;--wc-text:#2b2d42;--wc-border:#d8dce2;--wc-radius:8px;--wc-spacing:1.5rem;--wc-gap:0.6rem}.wc-header{text-align:center;padding:1.8rem 1rem;margin-bottom:1.25rem;border:1px solid var(--wc-border);border-radius:var(--wc-radius)}.wc-header-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--wc-secondary-light)!important;color:var(--wc-primary)!important;font-size:0.72rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border-radius:50px;margin-bottom:.75rem}.wc-title{font-size:2rem!important;font-weight:800;color:var(--wc-text)!important;letter-spacing:-.02em;margin-bottom:.4rem}.wc-subtitle{font-size:0.95rem!important;color:#6b7280!important;font-weight:400}.wc-card{background:var(--wc-white)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:var(--wc-spacing);margin-bottom:1.25rem}.wc-card-title{font-size:0.8rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af!important;margin-bottom:1.1rem;display:flex;align-items:center;gap:.5rem}.wc-card-title::before{content:"";display:inline-block;width:3px;height:14px;background:var(--wc-primary)!important;border-radius:2px}.wc-unit-toggle{display:flex;gap:0;background:var(--wc-bg)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:3px;width:fit-content;margin-bottom:1.25rem}.wc-unit-btn{font-size:0.82rem!important;font-weight:600;padding:.4rem 1rem;border:none!important;background:transparent!important;color:#9ca3af!important;border-radius:6px;cursor:pointer;transition:all 0.18s}.wc-unit-btn.wc-active{background:var(--wc-white)!important;color:var(--wc-primary)!important;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.wc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--wc-gap)}.wc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--wc-gap)}.wc-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--wc-gap)}.wc-span-2{grid-column:span 2}.wc-field{display:flex;flex-direction:column;gap:.3rem}.wc-input-label{font-size:0.78rem!important;font-weight:600;color:#6b7280!important;letter-spacing:.02em}.wc-input{font-size:0.93rem!important;font-weight:500;color:var(--wc-text)!important;background:var(--wc-bg)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:.55rem .8rem;width:100%;outline:none;transition:border-color 0.18s,box-shadow 0.18s;-moz-appearance:textfield}.wc-input::-webkit-outer-spin-button,.wc-input::-webkit-inner-spin-button{-webkit-appearance:none}.wc-input:focus{border-color:var(--wc-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12);background:var(--wc-white)!important}.wc-input.wc-error{border-color:var(--wc-danger)!important}.wc-input-hint{font-size:0.72rem!important;color:#9ca3af!important}.wc-input-error{font-size:0.72rem!important;color:var(--wc-danger)!important;display:none}.wc-input-error.wc-visible{display:block}.wc-select{font-size:0.93rem!important;font-weight:500;color:var(--wc-text)!important;background-color:var(--wc-bg)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:.55rem 2rem .55rem .8rem;width:100%;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat;background-position:right .75rem center;transition:border-color 0.18s}.wc-select:focus{border-color:var(--wc-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12)}.wc-tabs{display:flex;gap:.5rem;margin-bottom:1.1rem}.wc-tab{font-size:0.82rem!important;font-weight:600;padding:.45rem 1rem;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);background:transparent!important;color:#9ca3af!important;cursor:pointer;transition:all 0.18s}.wc-tab.wc-active{border-color:var(--wc-primary)!important;background:var(--wc-secondary-light)!important;color:var(--wc-primary)!important}.wc-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.wc-tooltip-icon{width:15px;height:15px;border-radius:50%;background:var(--wc-border)!important;color:#6b7280!important;font-size:0.65rem!important;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:default;margin-left:.3rem;flex-shrink:0}.wc-calc-btn{font-size:0.95rem!important;font-weight:700;color:var(--wc-white)!important;background:var(--wc-primary)!important;border:none!important;border-radius:var(--wc-radius);padding:.78rem 2.2rem;cursor:pointer;width:100%;margin-top:1.85rem;letter-spacing:.02em;transition:background 0.18s,transform 0.12s,box-shadow 0.18s;box-shadow:0 4px 14px rgb(67 97 238 / .28)}.wc-calc-btn:hover{background:var(--wc-primary-deep)!important;box-shadow:0 6px 18px rgb(67 97 238 / .38)}.wc-calc-btn:active{transform:translateY(1px);box-shadow:0 2px 8px rgb(67 97 238 / .22)}.wc-results{display:none}.wc-results.wc-visible{display:block}.wc-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.wc-result-title{font-size:1rem!important;font-weight:700;color:var(--wc-text)!important}.wc-result-badge{font-size:0.72rem!important;font-weight:600;color:var(--wc-secondary)!important;background:#e6f9f1!important;padding:.25rem .7rem;border-radius:50px;border:1px solid #b2ecd3!important}.wc-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wc-gap);margin-bottom:1rem}.wc-stat{background:var(--wc-bg)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:.9rem 1rem}.wc-stat-label{font-size:0.72rem!important;color:#9ca3af!important;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.wc-stat-value{font-size:1.35rem!important;font-weight:800;color:var(--wc-primary)!important;letter-spacing:-.02em;line-height:1.2}.wc-stat-unit{font-size:0.75rem!important;color:#9ca3af!important;font-weight:500;margin-top:.1rem}.wc-detail-table{width:100%;border-collapse:collapse;font-size:0.88rem!important;border:none!important;margin-bottom:1rem}.wc-detail-table thead,.wc-detail-table tbody,.wc-detail-table tr{border:none}.wc-detail-table th{font-size:0.72rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af!important;text-align:left;padding:.5rem .8rem;border:none!important;border-bottom:1.5px solid var(--wc-border)!important;background:var(--wc-bg)!important}.wc-detail-table td{padding:.6rem .8rem;border:none!important;border-bottom:1px solid #f0f2f5!important;color:var(--wc-text)!important;font-weight:500}.wc-detail-table tr:last-child td{border-bottom:none!important}.wc-detail-table tr:hover td{background:#fafbff!important}.wc-td-label{color:#6b7280!important;font-size:0.82rem!important}.wc-td-value{font-weight:700;color:var(--wc-text)!important}.wc-td-primary{color:var(--wc-primary)!important;font-weight:700}.wc-diagram-wrap{background:var(--wc-bg)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:1.1rem;margin-bottom:1rem;overflow-x:auto}.wc-diagram-label{font-size:0.75rem!important;font-weight:600;color:#9ca3af!important;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem}#wc-canvas{display:block;max-width:100%;border-radius:6px}.wc-materials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--wc-gap);margin-bottom:1rem}.wc-material-item{background:var(--wc-bg)!important;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);padding:.85rem 1rem;display:flex;align-items:flex-start;gap:.75rem}.wc-material-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem!important}.wc-mat-blue{background:var(--wc-secondary-light)!important}.wc-mat-green{background:#e8f9f1!important}.wc-mat-orange{background:#fff3e6!important}.wc-mat-purple{background:#f0eeff!important}.wc-material-name{font-size:0.78rem!important;font-weight:600;color:#6b7280!important;margin-bottom:.15rem}.wc-material-qty{font-size:1.05rem!important;font-weight:800;color:var(--wc-text)!important}.wc-material-note{font-size:0.7rem!important;color:#9ca3af!important;margin-top:.1rem}.wc-positions-wrap{margin-bottom:1rem}.wc-positions-scroll{max-height:220px;overflow-y:auto;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius)}.wc-positions-scroll::-webkit-scrollbar{width:5px}.wc-positions-scroll::-webkit-scrollbar-track{background:var(--wc-bg)!important}.wc-positions-scroll::-webkit-scrollbar-thumb{background:var(--wc-border)!important;border-radius:3px}.wc-actions{display:flex;gap:var(--wc-gap);flex-wrap:wrap}.wc-action{font-size:0.85rem!important;font-weight:600;border-radius:var(--wc-radius);padding:.6rem 1.2rem;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all 0.18s;flex:1;justify-content:center;min-width:120px}#wc-btn-pdf{background:var(--wc-primary)!important;color:var(--wc-white)!important;border:none!important;box-shadow:0 3px 10px rgb(67 97 238 / .25)}#wc-btn-pdf:hover{background:var(--wc-primary-deep)!important;box-shadow:0 5px 15px rgb(67 97 238 / .35)}#wc-btn-copy{background:var(--wc-white)!important;color:var(--wc-text)!important;border:1px solid var(--wc-border)!important}#wc-btn-copy:hover{border-color:var(--wc-primary)!important;color:var(--wc-primary)!important}#wc-btn-reset{background:var(--wc-white)!important;color:var(--wc-danger)!important;border:1px solid #fbd0cd!important}#wc-btn-reset:hover{background:#fff5f4!important;border-color:var(--wc-danger)!important}.wc-toast{position:fixed;bottom:2rem;right:1.5rem;background:var(--wc-text)!important;color:var(--wc-white)!important;font-size:0.85rem!important;font-weight:500;padding:.7rem 1.2rem;border-radius:var(--wc-radius);box-shadow:0 8px 24px rgb(0 0 0 / .18);z-index:9999;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:opacity 0.28s,transform 0.28s;pointer-events:none}.wc-toast.wc-toast-show{opacity:1;transform:translateY(0)}.wc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45)!important;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.22s}.wc-modal-overlay.wc-modal-show{opacity:1;pointer-events:all}.wc-modal{background:var(--wc-white)!important;border-radius:var(--wc-radius);padding:1.75rem;max-width:360px;width:100%;box-shadow:0 20px 50px rgb(0 0 0 / .18);transform:scale(.95);transition:transform 0.22s}.wc-modal-overlay.wc-modal-show .wc-modal{transform:scale(1)}.wc-modal-title{font-size:1rem!important;font-weight:700;color:var(--wc-text)!important;margin-bottom:.5rem}.wc-modal-text{font-size:0.87rem!important;color:#6b7280!important;margin-bottom:1.25rem;line-height:1.55}.wc-modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.wc-modal-cancel{font-size:0.87rem!important;font-weight:600;padding:.55rem 1.1rem;border:1px solid var(--wc-border)!important;border-radius:var(--wc-radius);background:transparent!important;color:var(--wc-text)!important;cursor:pointer}.wc-modal-confirm{font-size:0.87rem!important;font-weight:600;padding:.55rem 1.1rem;border:none!important;border-radius:var(--wc-radius);background:var(--wc-danger)!important;color:var(--wc-white)!important;cursor:pointer}.wc-error-banner{background:#fff5f4!important;border:1px solid #fbd0cd!important;border-radius:var(--wc-radius);color:var(--wc-danger)!important;font-size:0.85rem!important;font-weight:500;padding:.7rem 1rem;margin-bottom:1rem;display:none;align-items:center;gap:.5rem}.wc-error-banner.wc-visible{display:flex}.wc-section-sep{border:none!important;border-top:1.5px solid var(--wc-border)!important;margin:1.1rem 0}@media (max-width:720px){.wc-grid-3{grid-template-columns:1fr 1fr}.wc-grid-4{grid-template-columns:1fr 1fr}.wc-stat-grid{grid-template-columns:repeat(2,1fr)}.wc-materials-grid{grid-template-columns:1fr}}@media (max-width:520px){.wc-title{font-size:1.5rem!important}.wc-grid-2,.wc-grid-3,.wc-grid-4{grid-template-columns:1fr}.wc-span-2{grid-column:span 1}.wc-stat-grid{grid-template-columns:1fr 1fr}.wc-actions{flex-direction:column}.wc-action{flex:none;width:100%}}