:root{--jay-bg-dark: #17130e;--jay-panel-bg: #211b14;--jay-surface-2: #2c2419;--jay-halo: #211b14;--jay-accent-primary: #f0a85a;--jay-accent-deep: #e2823c;--jay-accent-light: #ffe1b0;--jay-text-body: #f0e7d8;--jay-text-muted: #9a8f7d;--jay-line: #34291f;--jay-font-display: "Fraunces", Georgia, serif;--jay-font-sans: "IBM Plex Sans", system-ui, sans-serif;--jay-font-mono: "JetBrains Mono", ui-monospace, monospace}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--jay-bg-dark);font-family:var(--jay-font-sans);color:var(--jay-text-body);line-height:1.65;user-select:none;-webkit-user-select:none}#main-layout{width:100%;height:100%;display:flex;flex-direction:column}#canvas-container{flex-grow:1;width:100%;position:relative;background:var(--jay-bg-dark);overflow:hidden;min-height:300px}#renderCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#bottom-panel{width:100%;height:auto;min-height:180px;background:var(--jay-panel-bg);border-top:1px solid var(--jay-line);display:flex;padding:15px;gap:30px;box-shadow:0 -4px 16px #00000073;z-index:10;box-sizing:border-box;flex-shrink:0}#tools-section,#info-section{display:flex;flex-direction:column;gap:10px}#tools-section{flex:2;border-right:1px solid var(--jay-line);padding-right:20px}#info-section{flex:1;min-width:250px;font-family:var(--jay-font-mono)}.panel-header{font-size:1.1em;font-weight:700;font-family:var(--jay-font-display);color:var(--jay-text-body);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--jay-accent-primary);padding-bottom:4px;display:inline-block;width:fit-content}.mode-buttons{display:flex;gap:8px;flex-wrap:wrap}.mode-btn{background:var(--jay-panel-bg);color:var(--jay-text-body);border:1px solid var(--jay-line);padding:10px 16px;border-radius:4px;cursor:pointer;font-size:.9em;font-family:var(--jay-font-mono);transition:all .2s;font-weight:500}.mode-btn:hover{background:var(--jay-surface-2);border-color:var(--jay-text-muted)}.mode-btn.active{background:var(--jay-accent-primary);color:var(--jay-bg-dark);border-color:var(--jay-accent-deep)}.legend{display:flex;gap:15px;margin-top:auto;font-size:.85em;color:var(--jay-text-muted);flex-wrap:wrap;font-family:var(--jay-font-mono)}.legend-item{display:flex;align-items:center;gap:6px}.color-box{width:12px;height:12px;border-radius:2px;border:1px solid var(--jay-line)}#cell-info p{margin:4px 0;color:var(--jay-text-body);font-size:.95em}#cell-info .value{color:var(--jay-text-body);font-weight:700}.info-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--jay-line);padding:2px 0}@media(max-width:768px){#bottom-panel{flex-direction:column;gap:15px;padding:10px;height:auto;max-height:40vh;overflow-y:auto}#tools-section{border-right:none;padding-right:0;border-bottom:1px solid var(--jay-line);padding-bottom:15px}#info-section{min-width:0}.mode-btn{padding:8px 12px;font-size:.85em;flex:1 0 auto;text-align:center}.panel-header{font-size:1em}}