:root{--grid-cols: 8;--grid-rows: 6;--board-length: 400;--board-width: 300;--color-bg: #1a1a1a;--color-fg: #f0f0f0;--color-card-bg: #2a2a2a;--color-border: #444;--color-accent: #4a9;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-fg);line-height:1.5;padding:var(--spacing-md)}.header-section{margin-bottom:var(--spacing-md)}.header-section h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.app-tagline{color:#888;font-size:.875rem;margin-bottom:var(--spacing-md)}.config-bar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--color-card-bg);padding:.75rem;border-radius:8px;border:1px solid var(--color-border)}.config-section{display:flex;gap:.4rem;align-items:center}.config-bar label{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:#aaa;white-space:nowrap}.config-bar input[type=number]{width:3.5rem;padding:.25rem .4rem;background:#333;color:var(--color-fg);border:1px solid var(--color-border);border-radius:4px;font-size:.875rem}.btn{padding:.3rem .6rem;background:#333;color:var(--color-fg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .15s;white-space:nowrap}.btn:hover{background:#444}.btn-primary{background:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:#5b9}.btn-danger{border-color:#944}.btn-danger:hover{background:#433}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:#333}.divider{width:1px;height:2rem;background:var(--color-border)}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.grid-wrapper{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border)}.grid-wrapper h2{font-size:1rem;margin-bottom:var(--spacing-sm);color:#ccc}.grid-hint{font-size:.75rem;color:#888;margin-bottom:var(--spacing-sm)}.input-container{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);gap:2px;aspect-ratio:var(--grid-cols) / var(--grid-rows);background:#000;padding:2px;border-radius:4px}.visual-container{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);gap:2px;aspect-ratio:var(--board-length) / var(--board-width);background:#000;padding:2px;border-radius:4px}.presets-section{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border);margin-top:var(--spacing-md)}.preset-tabs{display:flex;gap:.5rem;align-items:center}.preset-tab{background:#333}.preset-tab.active{background:var(--color-accent);border-color:var(--color-accent)}.preset-tab-panel.hidden{display:none}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.preset-card{background:#222;border:1px solid var(--color-border);border-radius:6px;padding:.5rem;cursor:pointer;transition:border-color .15s,transform .15s}.preset-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.preset-card .preset-thumbnail{width:100%;aspect-ratio:var(--board-length) / var(--board-width);display:grid;gap:0;border-radius:3px;overflow:hidden;background:#000;margin-bottom:.25rem}.preset-card .preset-name{font-size:.75rem;color:#ccc;text-align:center}.preset-card .preset-thumbnail>.preset-thumb-cell{width:100%;height:100%}.input-cell{width:100%;height:100%;text-align:center;text-transform:uppercase;background:#222;color:var(--color-fg);border:1px solid #444;font-size:1.2rem;font-weight:600;padding:.25rem;min-width:0}.input-cell:focus{outline:2px solid var(--color-accent);background:#2a3a2a}.visual-cell{background:#111;border-radius:1px;min-height:40px}.controls-section{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border)}.controls-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.controls-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.block-card{background:#222;padding:var(--spacing-md);border-radius:6px;border:1px solid var(--color-border)}.block-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.block-card-header h3{font-size:1rem}.block-card-actions{display:flex;gap:.25rem;flex-wrap:wrap}.block-preview{width:100%;aspect-ratio:1;background:#111;margin-bottom:var(--spacing-sm);border-radius:4px;border:1px solid var(--color-border)}.block-regions-info{font-size:.7rem;color:#888;margin-bottom:var(--spacing-sm);padding:.25rem .5rem;border-radius:3px;background:rgba(255,255,255,.03);border:1px solid var(--color-border)}.block-regions-info.regions-multi{color:#ffb84d;background:rgba(255,184,77,.1);border-color:#ffb84d66}.block-regions-info.regions-none{color:#666;font-style:italic}.block-control-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--spacing-sm)}.block-control-row>label{font-size:.75rem;color:#aaa}.block-control-row select,.block-control-row input[type=number],.block-control-row input[type=range]{width:100%;padding:.25rem .5rem;background:#333;color:var(--color-fg);border:1px solid var(--color-border);border-radius:4px;font-size:.875rem}.block-control-row input[type=range]{padding:0}.divider-row{display:flex;gap:.5rem;margin-bottom:.25rem}.divider-row input[type=number]{flex:1;padding:.25rem .5rem;background:#333;color:var(--color-fg);border:1px solid var(--color-border);border-radius:4px}.zone-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem}.zone-row select{flex:1;padding:.25rem .5rem;background:#333;color:var(--color-fg);border:1px solid var(--color-border);border-radius:4px;font-size:.875rem}.zone-row input[type=color]{width:2rem;height:2rem;padding:0;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.zone-row button{padding:.25rem .5rem;background:#422;color:var(--color-fg);border:1px solid #944;border-radius:4px;cursor:pointer}.btn-icon{padding:.25rem .5rem;background:#333;color:var(--color-fg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.875rem}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.angle-display{font-size:.875rem;color:#ccc;margin-left:.5rem}@media (max-width: 800px){.workspace{grid-template-columns:1fr}}.lumber-panel{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border);margin-top:var(--spacing-md)}.lumber-panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-sm)}.lumber-panel-header h2{margin:0;font-size:1.125rem}.lumber-rough-thickness{font-size:.875rem;color:#ccc;background:#333;padding:.125rem .5rem;border-radius:4px}.lumber-content{font-size:.875rem;line-height:1.5}.lumber-empty{color:#888;font-style:italic}.lumber-summary{font-size:.75rem;color:#aaa;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.lumber-entry{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.25rem 0;align-items:baseline}.lumber-entry-wood{font-weight:600}.lumber-entry-detail{grid-column:1 / -1;font-size:.75rem;color:#999}.lumber-warning{background:rgba(255,193,7,.1);border:1px solid #ffc107;border-radius:6px;padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:#ffc107;font-size:.8125rem}.lumber-error{background:rgba(220,53,69,.15);border:1px solid #dc3545;border-radius:6px;padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:#ff6b6b;font-size:.8125rem}.cutlist-panel{background:var(--color-card-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border);margin-top:var(--spacing-md)}.cutlist-panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-sm)}.cutlist-panel-header h2{margin:0;font-size:1.125rem}.cutlist-content{font-size:.875rem;line-height:1.5}.cutlist-empty{color:#888;font-style:italic}.cutlist-summary{font-size:.75rem;color:#aaa;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.cutlist-warning{background:rgba(255,193,7,.1);border:1px solid #ffc107;border-radius:6px;padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:#ffc107;font-size:.8125rem}.cutlist-error{background:rgba(220,53,69,.15);border:1px solid #dc3545;border-radius:6px;padding:var(--spacing-sm);margin-top:var(--spacing-sm);color:#ff6b6b;font-size:.8125rem}