:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee}.app{min-height:100vh}.header{background:#16213e;padding:1.5rem 2rem;border-bottom:1px solid #0f3460}.header h1{margin:0 0 .25rem;font-size:1.5rem}.header p{margin:0;color:#888;font-size:.9rem}.main-content{display:flex;min-height:calc(100vh - 100px)}.controls{width:320px;background:#16213e;padding:1.5rem;border-right:1px solid #0f3460;overflow-y:auto}.control-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #0f3460}.control-section h3{margin:0 0 1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.control-section label{display:block;margin-bottom:.75rem;font-size:.9rem}.control-section input[type=number],.control-section select{display:block;width:100%;margin-top:.25rem;padding:.5rem;background:#1a1a2e;border:1px solid #0f3460;border-radius:4px;color:#eee;font-size:.9rem}.control-section input[type=number]:focus,.control-section select:focus{outline:none;border-color:#e94560}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#e94560}.presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.preset-btn{padding:.4rem .75rem;background:#0f3460;border:none;border-radius:4px;color:#eee;font-size:.75rem;cursor:pointer;transition:background .2s}.preset-btn:hover{background:#e94560}.info{margin:.5rem 0 0;padding:.75rem;background:#0f3460;border-radius:4px;font-size:.85rem;color:#aaa}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.primary-btn{padding:.75rem 1rem;background:#e94560;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.primary-btn:hover{background:#ff6b6b}.secondary-btn{padding:.6rem 1rem;background:transparent;border:1px solid #0f3460;border-radius:4px;color:#eee;font-size:.9rem;cursor:pointer;transition:all .2s}.secondary-btn:hover{border-color:#e94560;color:#e94560}.editor{flex:1;padding:2rem;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#888}.empty-state h2{margin:0 0 .5rem}.grid-container{margin-bottom:2rem}.grid-container h3{margin:0 0 .25rem}.hint{color:#888;font-size:.85rem;margin:0 0 1rem}.grid{display:grid;gap:2px;background:#0f3460;padding:2px;border-radius:4px;max-width:100%;overflow-x:auto}.grid-cell{aspect-ratio:1;min-width:30px;min-height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;border-radius:2px;transition:transform .15s,box-shadow .15s,opacity .15s;position:relative}.grid-cell:hover{transform:scale(1.08);z-index:10}.grid-cell:active{cursor:grabbing}.grid-cell.highlighted{box-shadow:0 0 0 2px #fff,0 0 12px 4px #e9456099;z-index:5;transform:scale(1.02)}.grid-cell.dimmed{opacity:.35}.cell-label{font-weight:700;font-size:.9rem;color:#000;text-shadow:0 0 2px rgba(255,255,255,.5)}.cell-id{font-size:.6rem;color:#00000080;position:absolute;bottom:2px;right:3px}.scene-container{margin-bottom:2rem}.scene-container h3{margin:0 0 .25rem}.diffuser-scene{background:#0f3460}.merged-grid-container{margin-bottom:2rem}.merged-grid-container h3{margin:0 0 .25rem}.merged-grid{background:#0f3460;padding:3px;border-radius:4px}.merged-block{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;position:relative;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out,opacity .15s}.merged-block:hover{filter:brightness(1.1);z-index:20!important}.merged-block.highlighted{outline:2px solid #fff;outline-offset:1px;filter:brightness(1.15) drop-shadow(0 0 8px rgba(233,69,96,.7));z-index:15!important}.merged-block.dimmed{opacity:.35}.block-label{font-weight:700;font-size:1rem;color:#000;text-shadow:0 0 2px rgba(255,255,255,.5)}.block-id{font-size:.7rem;color:#0009;position:absolute;bottom:3px;right:5px}.screen-only{display:block}.legend{margin-bottom:2rem}.legend h3{margin:0 0 1rem}.legend-items{display:flex;flex-wrap:wrap;gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:background .15s}.legend-item:hover,.legend-item.highlighted{background:#e9456033}.legend-color{width:24px;height:24px;border-radius:4px;border:1px solid #0f3460;box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 2px #0003}.stats{max-width:400px}.stats h3{margin:0 0 1rem}.stats table{width:100%;border-collapse:collapse}.stats td{padding:.5rem;border-bottom:1px solid #0f3460}.stats td:first-child{color:#888}.stats td:last-child{text-align:right;font-weight:500}@media print{body{background:#fff;color:#000}.controls{display:none}.header{background:#fff;border:none;color:#000}.header p{color:#666}.main-content{display:block}.editor{padding:0}.hint,.screen-only,.grid-container,.scene-container{display:none}.merged-grid{background:#ccc}.merged-block{border:1px solid #999;box-shadow:none}.block-label{color:#000;text-shadow:none}.block-id{color:#333}.legend-color{border-color:#999;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.stats td{border-color:#ccc}.stats td:first-child{color:#666}.print-section,.merged-grid-container{break-inside:avoid}}