:root{--primary: #2563eb;--bg-color: #f8fafc;--text-color: #1e293b;--panel-bg: #ffffff;--border-color: #e2e8f0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.app-container{display:flex;flex-direction:column;height:100vh}header{background-color:var(--panel-bg);padding:1rem 2rem;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}header h1{margin:0;font-size:1.5rem;color:var(--primary);display:flex;align-items:baseline;gap:.5rem}header h1 .version{font-size:.875rem;color:#64748b;font-weight:400}header p{margin:0;opacity:.8;color:#64748b;font-size:.9rem}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background-color:var(--panel-bg);border-right:1px solid var(--border-color);padding:1rem;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.workspace{flex:1;padding:1rem;overflow-y:hidden;display:flex;flex-direction:column;min-height:0}fieldset{border:1px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;box-sizing:border-box;width:100%;min-width:0}legend{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:0 .4rem}fieldset.section-blue{border-left-color:#2563eb;background:#f0f7ff}fieldset.section-blue legend{color:#1d4ed8}fieldset.section-cyan{border-left-color:#0891b2;background:#f0fbff}fieldset.section-cyan legend{color:#0e7490}fieldset.section-amber{border-left-color:#d97706;background:#fffbf0}fieldset.section-amber legend{color:#b45309}fieldset.section-violet{border-left-color:#7c3aed;background:#f8f4ff}fieldset.section-violet legend{color:#6d28d9}fieldset.section-green{border-left-color:#059669;background:#f0fdf8}fieldset.section-green legend{color:#047857}fieldset.section-teal{border-left-color:#0d9488;background:#f0fdfa}fieldset.section-teal legend{color:#0f766e}fieldset.section-indigo{border-left-color:#4f46e5;background:#f4f4ff}fieldset.section-indigo legend{color:#4338ca}.section-hint{font-size:.75rem;color:#64748b;margin-top:4px;line-height:1.4}.field-error{font-size:.75rem;color:#dc2626;margin-top:2px;line-height:1.4}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.preset-btn{padding:5px 6px;font-size:.75rem;font-weight:500;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;text-align:left;color:#334155;transition:background .15s,border-color .15s;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.zone-card{border:1px solid var(--border-color);padding:6px;margin-bottom:6px;border-radius:4px}.zone-card-door{border-color:#2563eb;background:#f8fbff}.zone-card-drawer{border-color:#d97706;background:#fffdf5}.zone-card-open{border-color:#059669;background:#f5fdf9}.zone-summary{margin-bottom:10px;padding:8px 10px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem}.zone-summary.overrun{background:#fee2e2;border-color:#ef4444}.zone-summary-row{display:flex;justify-content:space-between;margin-bottom:2px}.zone-summary-row:last-child{margin-bottom:0}.zone-summary-row.overrun-text{color:#ef4444}.form-group{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}label{font-size:.85rem;margin:0;white-space:nowrap}input[type=text],input[type=number],select{width:120px;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem}#projectName{width:auto;flex:1;margin-left:1rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;padding:.75rem;border-bottom:2px solid var(--border-color);font-weight:600}td{padding:.75rem;border-bottom:1px solid #eee}.visualizer-container{background-color:#f1f5f9;border:1px solid var(--border-color);border-radius:4px;padding:0;margin-bottom:.5rem;flex:1 1 auto;min-height:0;overflow:hidden;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.visualizer-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background-color:#f1f5f9;border:none;border-radius:0;margin:0}.cut-list-container{flex:0 0 35%;max-height:none;overflow-x:auto;padding-bottom:1rem}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease-in-out;border:1px solid var(--border-color);background:linear-gradient(to bottom,#fff,#f8fafc);color:#334155;box-shadow:0 2px #94a3b866,0 1px 2px #0000000d;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 0 rgba(255,255,255,.7)}.btn:hover{transform:translateY(-1px);box-shadow:0 3px #94a3b866,0 2px 4px #00000014;background:linear-gradient(to bottom,#f8fafc,#f1f5f9)}.btn:active{transform:translateY(1px);box-shadow:0 1px #94a3b866}.btn-primary{background:linear-gradient(to bottom,#4f46e5,#4338ca);color:#fff;border-color:#3730a3;box-shadow:0 2px #312e81,0 1px 3px #0003;text-shadow:0 1px 1px rgba(0,0,0,.2)}.btn-primary:hover{background:linear-gradient(to bottom,#6366f1,#4f46e5);box-shadow:0 3px #312e81,0 2px 4px #4338ca66}.btn-primary:active{box-shadow:0 1px #312e81}.btn-success{background:linear-gradient(to bottom,#059669,#047857);color:#fff;border-color:#065f46;box-shadow:0 2px #022c22,0 1px 3px #0003;text-shadow:0 1px 1px rgba(0,0,0,.2)}.btn-success:hover{background:linear-gradient(to bottom,#10b981,#059669);box-shadow:0 3px #022c22,0 2px 4px #04785766}.btn-success:active{box-shadow:0 1px #022c22}.btn-danger{color:#ef4444;border-color:#fca5a5;background:linear-gradient(to bottom,#fff,#fef2f2);box-shadow:0 2px #fecaca;text-shadow:none}.btn-danger:hover{background:linear-gradient(to bottom,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 3px #fca5a5}.btn-danger:active{box-shadow:0 1px #fca5a5}.btn-outline{background:linear-gradient(to bottom,#fff,#f1f5f9);border-color:#cbd5e1}.btn-outline:hover{background:linear-gradient(to bottom,#f8fafc,#e2e8f0)}.btn-sm{padding:.3rem .6rem;font-size:.75rem;border-radius:4px}.btn-block{width:100%;padding:.6rem;display:block}@media (max-width: 768px){header{padding:1rem}header h1{font-size:1.2rem;flex-wrap:wrap}header>div>div:last-child{display:none!important}.main-content{flex-direction:column;overflow-y:auto}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);flex:0 0 auto;overflow-y:visible}.workspace{flex:0 0 auto;overflow-y:visible}.visualizer-container{min-height:400px}.cut-list-container{max-height:none;overflow-x:auto;padding-bottom:1rem}.form-group{flex-wrap:wrap;align-items:flex-start;gap:.25rem;margin-bottom:1rem}label{width:100%;white-space:normal}input[type=text],input[type=number],select{width:100%}}.library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:1100;animation:libraryFadeIn .2s ease}.library-drawer{position:fixed;top:0;right:0;height:100vh;width:360px;max-width:95vw;background:#fff;box-shadow:-4px 0 32px #0f172a26;z-index:1200;display:flex;flex-direction:column;animation:librarySlideIn .25s cubic-bezier(.25,.46,.45,.94);overflow:hidden}@keyframes librarySlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes libraryFadeIn{0%{opacity:0}to{opacity:1}}.library-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;flex-shrink:0}.library-title{font-weight:700;font-size:1rem;letter-spacing:.01em}.library-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s}.library-close-btn:hover{background:#ffffff47}.library-section{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.library-section-flex{flex:1;overflow:hidden;display:flex;flex-direction:column;flex-shrink:1}.library-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin:0 0 .6rem;display:flex;align-items:center;gap:.4rem}.library-count{background:#e2e8f0;color:#475569;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:600;letter-spacing:0}.library-save-row{display:flex;gap:.5rem;align-items:center}.library-name-input{flex:1;padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;width:auto;transition:border-color .15s,box-shadow .15s}.library-name-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.library-save-btn{white-space:nowrap;flex-shrink:0}.library-share-btn{width:100%;justify-content:center}.library-feedback{margin:.4rem 0 0;font-size:.8rem;animation:libraryFadeIn .2s ease}.library-feedback-success{color:#059669;font-weight:600}.library-feedback-error{color:#dc2626;font-weight:600}.library-hint{margin:.5rem 0 0;font-size:.75rem;color:#94a3b8;line-height:1.5}.library-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.library-card{padding:.75rem 1.25rem;border-bottom:1px solid #f1f5f9;position:relative;transition:background .1s}.library-card:hover{background:#f8fafc}.library-card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:3px}.library-card-name{font-weight:600;font-size:.875rem;color:#1e293b;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-meta{display:flex;flex-direction:column;gap:2px;font-size:.72rem;color:#64748b;margin-bottom:.5rem}.library-card-actions{display:flex;gap:.4rem}.library-card-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#fef2f2f7;border:1px solid #fca5a5;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10;padding:.5rem;animation:libraryFadeIn .15s ease}.library-card-confirm p{margin:0;font-size:.82rem;color:#991b1b;text-align:center}.library-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#94a3b8;padding:2rem 1rem;text-align:center}.library-empty p{margin:0;font-size:.85rem}.btn-library{background:linear-gradient(to bottom,#1d4ed8,#1e40af);color:#fff;border-color:#1e3a8a;box-shadow:0 2px #1e3a8a,0 1px 3px #0003;text-shadow:0 1px 1px rgba(0,0,0,.2)}.btn-library:hover{background:linear-gradient(to bottom,#2563eb,#1d4ed8);box-shadow:0 3px #1e3a8a,0 2px 4px #1e40af66}.btn-library:active{box-shadow:0 1px #1e3a8a}@media (max-width: 768px){.library-drawer{width:100vw}}