: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}.workspace{flex:1;padding:1rem;overflow-y:hidden;display:flex;flex-direction:column;min-height:0}fieldset{border:1px solid var(--border-color);border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem}legend{font-weight:600;padding:0 .5rem}.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=number],select{width:120px;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem}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=number],select{width:100%}}