.main-header[data-v-62be78d5]{background-color:var(--primary-color);padding:var(--spacing-md) 0;box-shadow:0 2px 4px #0000001a}.nav-container[data-v-62be78d5]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;gap:var(--spacing-md)}.nav-link[data-v-62be78d5]{color:#fff;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;transition:background-color .3s ease}.nav-link[data-v-62be78d5]:hover,.router-link-active[data-v-62be78d5]{background-color:var(--secondary-color)}.cutting-diagram[data-v-1d6c3e1a]{display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative}.diagram-container[data-v-1d6c3e1a]{display:flex;align-items:center;position:relative}.dimension-info[data-v-1d6c3e1a]{font-size:.75em;color:#475569;padding:.5rem;display:flex;align-items:center;justify-content:center}.dimension-info.top[data-v-1d6c3e1a]{margin-bottom:.5rem}.dimension-info.left[data-v-1d6c3e1a]{writing-mode:vertical-rl;transform:rotate(180deg);margin-right:.5rem}.size-detail[data-v-1d6c3e1a]{display:flex;gap:1rem;align-items:center;background-color:#f8fafc;padding:.25rem .75rem;border-radius:4px;border:1px solid #e2e8f0}.size-detail.vertical[data-v-1d6c3e1a]{gap:.5rem;writing-mode:vertical-rl;transform:rotate(180deg)}.total-size[data-v-1d6c3e1a]{font-weight:500;color:#1e293b}.unit-size[data-v-1d6c3e1a],.remaining[data-v-1d6c3e1a]{color:#475569}.remaining.warning[data-v-1d6c3e1a]{color:#dc2626;font-weight:500}.cut-details[data-v-1d6c3e1a]{display:flex;gap:.75rem;align-items:center}.cut-count[data-v-1d6c3e1a]{font-weight:500}.direction[data-v-1d6c3e1a]{padding:.1rem .3rem;border-radius:3px;font-size:.7em;background-color:#dbeafe;color:#1e40af}.efficiency[data-v-1d6c3e1a]{color:#059669;font-weight:500}.grid-info[data-v-1d6c3e1a]{position:absolute;top:-1rem;right:-3rem;font-size:.75em;background-color:#f8fafc;padding:.25rem .75rem;border-radius:4px;border:1px solid #e2e8f0;white-space:nowrap}.material[data-v-1d6c3e1a]{border:2px solid #334155;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;cursor:default;position:relative}.material[data-v-1d6c3e1a]:active{cursor:grabbing}.cut-row[data-v-1d6c3e1a]{display:flex;flex:1}.cut-block[data-v-1d6c3e1a]{flex:1;border:1px solid #94a3b8;cursor:pointer;transition:all .15s ease-out}.cut-block[data-v-1d6c3e1a]:hover{background-color:#3b82f61a}.cut-block.selected[data-v-1d6c3e1a]{background-color:#3b82f633;border-color:#3b82f6}.cut-block.deselecting[data-v-1d6c3e1a]{background-color:#ef44441a;border-color:#ef4444}.selected-area-info[data-v-1d6c3e1a]{position:absolute;top:-5rem;left:8rem;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.area-size[data-v-1d6c3e1a]{background-color:#ffffffe6;border:1px solid #3b82f6;border-radius:4px;padding:.25rem .5rem;font-size:.8em;color:#3b4657;font-weight:500;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.reference-line[data-v-1d6c3e1a]{position:absolute;pointer-events:none;z-index:5;opacity:.8;transition:opacity .2s ease}.reference-line[data-v-1d6c3e1a]:hover{opacity:1}.reference-line.vertical[data-v-1d6c3e1a]{border-left:2px dashed #ff0000}.reference-line.horizontal[data-v-1d6c3e1a]{border-top:2px dashed #ff0000}.reference-line.vertical.left .reference-label[data-v-1d6c3e1a]{transform:translate(4px);top:4px}.reference-line.vertical.right .reference-label[data-v-1d6c3e1a]{transform:translate(4px);bottom:4px}.reference-line.horizontal.top .reference-label[data-v-1d6c3e1a]{transform:translateY(-24px) translate(-4px)}.reference-line.horizontal.bottom .reference-label[data-v-1d6c3e1a]{transform:translateY(4px) translate(-4px)}.reference-label[data-v-1d6c3e1a]{background-color:#3b82f6;color:#fff;font-size:.7em;padding:2px 4px;border-radius:2px;position:absolute;white-space:nowrap}.reduce-btn[data-v-1d6c3e1a]{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:2px 6px;font-size:.7em;cursor:pointer;transition:all .2s;margin-left:8px}.reduce-btn[data-v-1d6c3e1a]:hover:not(:disabled){background-color:#dc2626}.reduce-btn[data-v-1d6c3e1a]:disabled{background-color:#cbd5e1;cursor:not-allowed}.reduce-btn.vertical[data-v-1d6c3e1a]{writing-mode:horizontal-tb;transform:none;margin-left:0;margin-top:8px}.copy-btn[data-v-1d6c3e1a]{position:absolute;top:1rem;right:1rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.75em;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.copy-btn[data-v-1d6c3e1a]:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.copy-btn .icon[data-v-1d6c3e1a]{font-size:1.1em}.copy-svg[data-v-1d6c3e1a]{position:absolute;top:4rem;right:1rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.75em;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.copy-svg[data-v-1d6c3e1a]:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.copy-svg .icon[data-v-1d6c3e1a]{font-size:1.1em}.app[data-v-2b7ad70e]{min-height:100vh;background-color:#f4f6f8}.header[data-v-2b7ad70e]{background-color:#fff;box-shadow:0 2px 4px #0000000d;padding:1rem 0;position:sticky;top:0;z-index:100}.header-content[data-v-2b7ad70e]{max-width:1400px;margin:0 auto;padding:0 2rem}.logo-section[data-v-2b7ad70e]{display:flex;align-items:center;gap:1rem}.logo[data-v-2b7ad70e]{font-size:1.4em}.title-group[data-v-2b7ad70e]{display:flex;flex-direction:column}h1[data-v-2b7ad70e]{color:#1e293b;margin:0;font-size:.9em;font-weight:600}.subtitle[data-v-2b7ad70e]{color:#64748b;margin:0;font-size:.6em;letter-spacing:.5px}.main-container[data-v-2b7ad70e]{max-width:1400px;margin:2rem auto;padding:0 2rem}.calculator[data-v-2b7ad70e]{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.input-section[data-v-2b7ad70e]{display:flex;flex-direction:column;gap:.6rem}.input-card[data-v-2b7ad70e],.results-card[data-v-2b7ad70e],.diagram-card[data-v-2b7ad70e]{background:white;border-radius:6px;padding:.85rem;box-shadow:0 1px 3px #0000001a}.card-header[data-v-2b7ad70e]{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;padding-bottom:.45rem;border-bottom:1px solid #e2e8f0}.card-header h3[data-v-2b7ad70e]{color:#1e293b;margin:0;font-size:.75em;font-weight:600}.input-group[data-v-2b7ad70e]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-field[data-v-2b7ad70e]{display:flex;flex-direction:column;gap:.5rem}.input-field label[data-v-2b7ad70e]{color:#475569;font-size:.65em;font-weight:500}.input-wrapper[data-v-2b7ad70e]{position:relative}input[type=number][data-v-2b7ad70e]{width:100%;padding:.45rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.7em;transition:all .2s}input[type=number][data-v-2b7ad70e]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.unit[data-v-2b7ad70e]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:.65em}.materials-card[data-v-2b7ad70e]{max-height:400px;overflow-y:auto}.material-options[data-v-2b7ad70e]{display:flex;flex-direction:column;gap:1rem}.material-option[data-v-2b7ad70e]{padding:.4rem;margin-bottom:.2rem}.material-option[data-v-2b7ad70e]:last-child{margin-bottom:0}.calculate-btn[data-v-2b7ad70e]{background-color:#2563eb;color:#fff;border:none;padding:.6rem;border-radius:4px;cursor:pointer;font-size:.7em;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.calculate-btn[data-v-2b7ad70e]:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.table-container[data-v-2b7ad70e]{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}table[data-v-2b7ad70e]{width:100%;border-collapse:separate;border-spacing:0}th[data-v-2b7ad70e],td[data-v-2b7ad70e]{padding:.5rem;text-align:center;font-size:.7em}th[data-v-2b7ad70e]{background-color:#f8fafc;color:#1e293b;font-weight:600;border-bottom:2px solid #e2e8f0;white-space:nowrap}td[data-v-2b7ad70e]{border-bottom:1px solid #e2e8f0}tr:last-child td[data-v-2b7ad70e]{border-bottom:none}.selected[data-v-2b7ad70e]{background-color:#e3f2fd!important;border-left:4px solid #1565c0;border-right:4px solid #1565c0;position:relative;font-weight:500;box-shadow:0 0 8px #1565c01a}.selected td[data-v-2b7ad70e]{background-color:#e3f2fd!important;color:#1565c0;position:relative;z-index:1}.selected td[data-v-2b7ad70e]:first-child{padding-left:calc(.5rem - 4px)}.selected td[data-v-2b7ad70e]:last-child{padding-right:calc(.5rem - 4px)}.selected td.warning[data-v-2b7ad70e]{color:#dc2626!important}.selected td.good[data-v-2b7ad70e]{color:#059669!important}tr[data-v-2b7ad70e]{cursor:pointer;transition:all .2s ease;border-left:4px solid transparent;border-right:4px solid transparent;position:relative}tr[data-v-2b7ad70e]:hover:not(.selected){background-color:#f3f4f6;border-left:4px solid #e5e7eb;border-right:4px solid #e5e7eb}tr[data-v-2b7ad70e]:nth-child(2n):not(.selected):not(:hover){background-color:#f8fafc}tr[data-v-2b7ad70e]:nth-child(odd):not(.selected):not(:hover){background-color:#fff}.direction-tag[data-v-2b7ad70e]{display:inline-block;padding:.15rem .4rem;border-radius:3px;font-size:.65em;font-weight:500}.horizontal[data-v-2b7ad70e]{background-color:#dbeafe;color:#1e40af}.vertical[data-v-2b7ad70e]{background-color:#fef3c7;color:#92400e}.good[data-v-2b7ad70e]{color:#059669;font-weight:600}.warning[data-v-2b7ad70e]{color:#dc2626}@media (max-width: 1200px){.calculator[data-v-2b7ad70e]{grid-template-columns:1fr}.input-section[data-v-2b7ad70e]{max-width:600px;margin:0 auto}}.materials-card[data-v-2b7ad70e]::-webkit-scrollbar{width:4px}.materials-card[data-v-2b7ad70e]::-webkit-scrollbar-track{background:#f1f5f9}.materials-card[data-v-2b7ad70e]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.materials-card[data-v-2b7ad70e]::-webkit-scrollbar-thumb:hover{background:#57585a}tr[data-v-2b7ad70e]:nth-child(2n):not(.selected){background-color:#fafbfc}.button-group[data-v-2b7ad70e]{display:flex;gap:.6rem}.reset-btn[data-v-2b7ad70e]{background-color:#ef4444;color:#fff;border:none;padding:.6rem;border-radius:4px;cursor:pointer;font-size:.7em;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 4px #ef444433}.reset-btn[data-v-2b7ad70e]:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.selected-blocks-info[data-v-2b7ad70e]{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.info-header[data-v-2b7ad70e]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.info-header h4[data-v-2b7ad70e]{margin:0;font-size:.8em;color:#1e293b}.info-content[data-v-2b7ad70e]{display:grid;gap:.5rem}.info-content p[data-v-2b7ad70e]{margin:0;font-size:.75em;color:#475569}.info-grid[data-v-2b7ad70e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.info-item[data-v-2b7ad70e]{display:flex;align-items:center;gap:.5rem}.info-label[data-v-2b7ad70e]{color:#64748b;font-size:.75em;white-space:nowrap}.info-value[data-v-2b7ad70e]{font-size:.75em;color:#1e293b;font-weight:500}.material-categories[data-v-2b7ad70e]{display:flex;flex-direction:column;gap:1rem}.material-category[data-v-2b7ad70e]{border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.category-header[data-v-2b7ad70e]{background-color:#f8fafc;padding:.5rem;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.category-title[data-v-2b7ad70e]{display:flex;align-items:center;gap:.5rem}.category-checkbox[data-v-2b7ad70e]{margin-right:.5rem}.expand-icon[data-v-2b7ad70e]{font-size:.7em;color:#64748b;transition:transform .2s ease}.expand-icon.expanded[data-v-2b7ad70e]{transform:rotate(180deg)}.category-header[data-v-2b7ad70e]:hover{background-color:#f1f5f9}.material-options[data-v-2b7ad70e]{padding:.5rem;transition:all .3s ease}.checkbox-wrapper[data-v-2b7ad70e]{display:flex;align-items:center}.material-option[data-v-2b7ad70e]{display:flex;align-items:center;gap:.75rem;padding:.4rem;margin-bottom:.2rem;transition:background-color .2s}.material-option[data-v-2b7ad70e]:hover{background-color:#f8fafc;border-radius:4px}.result-section[data-v-8af06c6f]{padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.result-section[data-v-8af06c6f]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.input-transition[data-v-8af06c6f]{transition:all .3s ease}.input-transition[data-v-8af06c6f]:focus{transform:scale(1.05);box-shadow:0 0 8px #3b82f680}@keyframes pulse-8af06c6f{50%{opacity:.5}}.animate-pulse[data-v-8af06c6f]{animation:pulse-8af06c6f 2s cubic-bezier(.4,0,.6,1) infinite}:root{--primary-color: #4361ee;--secondary-color: #3f37c9;--accent-color: #4895ef;--background-color: #f8f9fa;--text-color: #212529;--text-light: #6c757d;--border-color: #dee2e6;--success-color: #40916c;--warning-color: #ff9f1c;--error-color: #ef233c;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}#app{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.container{width:100%;padding-right:var(--spacing-md);padding-left:var(--spacing-md);margin-right:auto;margin-left:auto}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:var(--secondary-color)}@media (max-width: 768px){:root{--spacing-md: .75rem;--spacing-lg: 1.25rem;--spacing-xl: 1.75rem}.container{padding-right:var(--spacing-sm);padding-left:var(--spacing-sm)}}