:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--success-color:#059669;--danger-color:#dc2626;--text-color:#1f2937;--text-light:#6b7280;--background-color:#f3f4f6;--card-background:#fff;--border-radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body{background-color:#f3f4f6;background-color:var(--background-color);color:#1f2937;color:var(--text-color);line-height:1.5;margin:0;padding:0}input[type=number]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;padding:.625rem;transition:all .2s ease;width:100%}input[type=number]:focus{background-color:#fff;border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}button:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.container{margin:0 auto;max-width:1200px;padding:2rem}@media (max-width:768px){.container{padding:1rem}}.wall-manager{background:#f8fafc;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem}.walls-container{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:1.5rem}.wall-input{grid-gap:1rem;align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:grid;gap:1rem;grid-template-columns:1fr 2fr auto;padding:1rem;transition:all .2s ease}.wall-input:hover{box-shadow:var(--shadow)}.wall-input label{color:var(--text-color);font-weight:500}.remove-wall{align-items:center;background:#fee2e2;border-radius:8px;color:var(--danger-color);display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.remove-wall:hover{background:#fecaca;transform:scale(1.05)}.add-wall{align-items:center;background:#ecfdf5;color:var(--success-color);display:flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.add-wall:hover{background:#d1fae5}.add-wall svg{height:1.25rem;width:1.25rem}.settings{grid-gap:1.5rem;border-top:1px solid #e5e7eb;display:grid;gap:1.5rem;padding-top:1.5rem}.setting-input{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.setting-input label{color:var(--text-color);font-weight:500}.setting-checkbox{align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:.75rem;padding:.75rem}.setting-checkbox input[type=checkbox]{border:2px solid #e5e7eb;border-radius:4px;cursor:pointer;height:1.25rem;width:1.25rem}.setting-checkbox label{color:var(--text-color);font-weight:500}.panel-visualizer{background:#f8fafc;margin-top:2rem;padding:2rem}.panel-visualizer,.visualization-canvas{border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.visualization-canvas{background:#fff;height:auto;width:100%}.calculation-results{background:#f8fafc;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-top:2rem;padding:2rem}.calculation-results h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.wall-result{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s ease}.wall-result:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.wall-result h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.wall-result ul{list-style:none;margin:0;padding:0}.wall-result li{background:#f8fafc;border-radius:6px;color:var(--text-light);font-size:.875rem;margin:.5rem 0;padding:.75rem}.overhang{background:#fee2e2!important;color:var(--danger-color)!important}.underhang{background:#ecfdf5!important;color:var(--success-color)!important}.alignment-info{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-top:1.5rem;padding:1.5rem}.aligned{color:var(--success-color)}.aligned,.not-aligned{align-items:center;display:flex;font-weight:500;gap:.5rem}.not-aligned{color:var(--danger-color)}.app{background:linear-gradient(135deg,#f6f8fc,#e9edf5);min-height:100vh}header{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:var(--shadow);color:#fff;margin-bottom:2rem;padding:3rem 1rem;text-align:center}header h1{font-size:2.5rem;font-weight:600;letter-spacing:-.025em;margin:0}header p{font-size:1.125rem;margin:1rem 0 0;opacity:.9}.calculator-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);margin:-4rem auto 2rem;max-width:1200px;padding:2rem}.calculate-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:var(--border-radius);color:#fff;font-weight:600;margin:2rem 0;padding:1rem 2rem;transform:translateY(0);transition:all .2s ease;width:100%}.calculate-button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.calculate-button:active{transform:translateY(0)}@media (max-width:768px){header{padding:2rem 1rem}header h1{font-size:2rem}.calculator-container{margin:-2rem 1rem 2rem;padding:1.5rem}}
/*# sourceMappingURL=main.581a61f2.css.map*/