.page-module___8aEwW__container{flex-direction:column;gap:1.5rem;max-width:1280px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.page-module___8aEwW__header{background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.page-module___8aEwW__header:after{content:"";border:1px dashed var(--border-stitch);border-radius:calc(var(--radius-md) - 3px);pointer-events:none;opacity:.4;position:absolute;inset:4px}.page-module___8aEwW__logo{letter-spacing:-.025em;color:var(--fg-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.page-module___8aEwW__logoIcon{transform:rotate(-10°);font-size:1.8rem;display:inline-block}.page-module___8aEwW__resetBtn{color:var(--fg-secondary);cursor:pointer;border-radius:var(--radius-sm);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.page-module___8aEwW__resetBtn:hover{background-color:var(--bg-tertiary);color:var(--brand-accent);transform:scale(1.05)}.page-module___8aEwW__mainLayout{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.page-module___8aEwW__mainLayout{grid-template-columns:450px 1fr;align-items:start}}.page-module___8aEwW__sectionCard{background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;gap:1.5rem;padding:1.75rem;transition:box-shadow .3s;display:flex;position:relative}.page-module___8aEwW__sectionCard:hover{box-shadow:var(--shadow-md)}.page-module___8aEwW__sectionCard:after{content:"";border:1px dashed var(--border-stitch);border-radius:calc(var(--radius-md) - 4px);pointer-events:none;opacity:.35;position:absolute;inset:5px}.page-module___8aEwW__sectionTitle{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600;display:flex}.page-module___8aEwW__gridInputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.page-module___8aEwW__inputControl{flex-direction:column;gap:.4rem;display:flex}.page-module___8aEwW__inputControl label{color:var(--fg-secondary);font-size:.875rem;font-weight:500}.page-module___8aEwW__inputField{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--fg-primary);font-family:var(--font-body);padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s}.page-module___8aEwW__inputField:focus{border-color:var(--brand-accent);background-color:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #0596691a}.page-module___8aEwW__piecesHeader{justify-content:space-between;align-items:center;display:flex}.page-module___8aEwW__piecesHeader h3{font-size:1.125rem;font-weight:600}.page-module___8aEwW__addPieceBtn{background-color:var(--bg-tertiary);color:var(--fg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;z-index:2;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.page-module___8aEwW__addPieceBtn:hover{background-color:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.page-module___8aEwW__piecesList{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.25rem;display:flex;overflow-y:auto}.page-module___8aEwW__pieceCard{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:.75rem;padding:1rem;animation:.2s ease-out page-module___8aEwW__slideIn;display:flex;position:relative}@keyframes page-module___8aEwW__slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-module___8aEwW__pieceCardHeader{align-items:center;gap:.5rem;display:flex}.page-module___8aEwW__pieceNameInput{flex:1}.page-module___8aEwW__deletePieceBtn{color:var(--fg-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.page-module___8aEwW__deletePieceBtn:hover{color:#ef4444;background-color:#ef444414}.page-module___8aEwW__pieceCardBody{grid-template-columns:1fr 1fr 1.2fr;align-items:flex-end;gap:.75rem;display:grid}.page-module___8aEwW__quantitySelector{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-secondary);align-items:center;height:2.75rem;display:flex;overflow:hidden}.page-module___8aEwW__qtyBtn{width:2.5rem;height:100%;color:var(--fg-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;transition:background-color .2s;display:flex}.page-module___8aEwW__qtyBtn:hover{background-color:var(--bg-tertiary)}.page-module___8aEwW__qtyValue{text-align:center;color:var(--fg-primary);flex:1;font-size:.95rem;font-weight:600}.page-module___8aEwW__generateBtn{background-color:var(--brand-accent);color:#fff;font-size:1.125rem;font-weight:700;font-family:var(--font-title);border-radius:var(--radius-sm);cursor:pointer;z-index:2;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #05966926}.page-module___8aEwW__generateBtn:hover{background-color:var(--brand-accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #05966933}.page-module___8aEwW__generateBtn:active{transform:translateY(0)}.page-module___8aEwW__resultsSection{flex-direction:column;gap:1.5rem;display:flex}.page-module___8aEwW__metricsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.page-module___8aEwW__metricCard{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex;position:relative}.page-module___8aEwW__metricLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-secondary);font-size:.8rem;font-weight:600}.page-module___8aEwW__metricValue{font-family:var(--font-title);color:var(--fg-primary);font-size:1.75rem;font-weight:700}.page-module___8aEwW__metricAccent{color:var(--brand-accent)}.page-module___8aEwW__errorAlert{border-radius:var(--radius-sm);color:#ef4444;background-color:#ef44440d;border:1px solid #ef444433;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.95rem;line-height:1.4;display:flex}.page-module___8aEwW__errorIcon{flex-shrink:0;font-size:1.25rem}.page-module___8aEwW__canvasCard{padding:1rem}.page-module___8aEwW__canvasHeader{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.page-module___8aEwW__canvasTitle{color:var(--fg-secondary);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.page-module___8aEwW__canvasScrollContainer{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#e5e7eb;justify-content:center;width:100%;padding:2rem;display:flex;overflow-x:auto}.page-module___8aEwW__canvasWrapper{box-shadow:var(--shadow-lg);background-color:#fff;border:1px solid #9ca3af;display:block;position:relative}.page-module___8aEwW__fabricPattern{stroke-dasharray:6 4}.page-module___8aEwW__packedPiece{cursor:pointer;stroke:#4b5563;stroke-width:1.5px;transition:filter .2s}.page-module___8aEwW__packedPiece:hover{filter:brightness(.95)}.page-module___8aEwW__pieceText{font-family:var(--font-title);fill:#1f2937;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:4.5px;font-weight:700}.page-module___8aEwW__legendSection{border-top:1px dashed var(--border-color);margin-top:1.5rem;padding-top:1.25rem}.page-module___8aEwW__legendTitle{color:var(--fg-secondary);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.page-module___8aEwW__legendGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.page-module___8aEwW__legendItem{background-color:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:relative}.page-module___8aEwW__legendBadge{color:#1f2937;border:1.5px solid #4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:700;display:flex}.page-module___8aEwW__legendInfo{flex-direction:column;gap:.1rem;display:flex}.page-module___8aEwW__legendName{color:var(--fg-primary);font-size:.9rem;font-weight:600}.page-module___8aEwW__legendDim{color:var(--fg-secondary);font-size:.75rem}.page-module___8aEwW__orientationToast{background-color:var(--fg-primary);color:var(--bg-primary);box-shadow:var(--shadow-lg);z-index:9999;white-space:nowrap;border:1px solid var(--border-stitch);border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) page-module___8aEwW__popUp;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes page-module___8aEwW__popUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.page-module___8aEwW__toastIcon{font-size:1.2rem;animation:3s linear infinite page-module___8aEwW__spin}@keyframes page-module___8aEwW__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module___8aEwW__emptyState{text-align:center;color:var(--fg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.page-module___8aEwW__emptyIcon{opacity:.5;font-size:3rem}.page-module___8aEwW__emptyText{max-width:320px;color:var(--fg-muted);font-size:.95rem;line-height:1.5}