:root{--page-bg:radial-gradient(circle at 10% 10%, #ffe8bb 0%, #f7d8a4 28%, #e7b880 70%, #cb8f60 100%);--panel-bg:#f9f0de;--panel-bg-2:#f2e2c4;--editor-bg-top:#fff8e8;--editor-bg-bottom:#f5e2bf;--panel-input:#fdf5e6;--panel-border:#ad8057;--image-bg:#f7e5bf;--ink:#3f2517;--ink-soft:#6f4e34;--line-color:#2f6f6a;--line-highlight:#ee6227;--cta-bg:#1e5b94;--cta-ink:#fff6ea;--soft-shadow:#562f172e 0 14px 30px -16px;--sans:"Trebuchet MS", "Gill Sans", "Avenir Next", sans-serif;--heading:"Avenir Next Condensed", "Gill Sans", "Trebuchet MS", sans-serif;--mono:"Menlo", "Consolas", monospace;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.35}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:var(--page-bg)}.layout{box-sizing:border-box;gap:1rem;width:100%;min-height:100svh;padding:1rem;display:flex;position:relative}.layout.drag-active .sidebar,.layout.drag-active .editor{border-color:var(--line-highlight)}.drop-hint{z-index:50;pointer-events:none;border:1px solid var(--line-highlight);background:color-mix(in srgb, var(--line-highlight) 20%, var(--panel-bg));color:var(--ink);font-family:var(--heading);letter-spacing:.01em;border-radius:999px;padding:.5rem .85rem;font-size:.88rem;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.sidebar{border:1px solid var(--panel-border);background:linear-gradient(160deg, var(--panel-bg), var(--panel-bg-2));width:19rem;box-shadow:var(--soft-shadow);border-radius:1rem;flex-direction:column;flex-shrink:0;gap:.9rem;padding:1rem;display:flex}.sidebar-head h1{font-family:var(--heading);margin:0;font-size:1.9rem;line-height:1}.sidebar-head p{color:var(--ink-soft);margin:.45rem 0 0;font-size:.95rem}.field{color:var(--ink-soft);gap:.35rem;font-size:.88rem;display:grid}.field input{border:1px solid var(--panel-border);background:var(--panel-input);color:var(--ink);font-family:var(--mono);border-radius:.55rem;padding:.5rem .65rem;font-size:.95rem}.field input:focus-visible{outline:2px solid var(--line-highlight);outline-offset:1px}.grid-size-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.export-btn,.reset-btn{font-family:var(--heading);letter-spacing:.02em;cursor:pointer;border:none;border-radius:.6rem;padding:.58rem .7rem;font-size:.93rem}.danger-btn{border:1px solid color-mix(in srgb, #8f2e20 55%, var(--panel-border));background:color-mix(in srgb, #8f2e20 18%, var(--panel-input));color:var(--ink);font-family:var(--heading);letter-spacing:.02em;cursor:pointer;border-radius:.6rem;padding:.58rem .7rem;font-size:.93rem}.import-btn{border:1px solid var(--panel-border);background:var(--panel-input);color:var(--ink);font-family:var(--heading);letter-spacing:.02em;cursor:pointer;border-radius:.6rem;padding:.58rem .7rem;font-size:.93rem}.button-row{gap:.5rem;display:grid}.threshold-row{align-items:center;gap:.55rem;display:flex}.threshold-row input[type=range]{accent-color:var(--line-highlight);flex:1;padding:0}.threshold-value{text-align:right;min-width:2.25rem;color:var(--ink);font-family:var(--mono);font-size:.83rem}.scale-row{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;display:grid}.scale-row input[type=number]{min-width:0}.scale-toggle{color:var(--ink);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.field .scale-toggle input[type=checkbox]{border:1px solid var(--panel-border);background:var(--panel-input);width:1rem;height:1rem;accent-color:var(--line-highlight);border-radius:.3rem;padding:0}button:disabled{opacity:.56;cursor:not-allowed}.file-input{display:none}.import-message,.cell-helper{color:var(--ink-soft);margin:0;font-size:.82rem}.export-btn{background:var(--cta-bg);color:var(--cta-ink)}.reset-btn{background:var(--panel-input);color:var(--ink);border:1px solid var(--panel-border)}.image-list{gap:.45rem;max-height:50svh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.image-tab{border:1px solid var(--panel-border);background:var(--panel-input);width:100%;color:var(--ink);text-align:left;cursor:pointer;font-size:.93rem;font-family:var(--heading);border-radius:.55rem;grid-template-columns:1fr auto;align-items:center;gap:.4rem;padding:.5rem .6rem;display:grid}.image-tab small{color:var(--ink-soft);grid-column:1/-1;margin-top:-.1rem;font-size:.72rem}.image-tab.active{border-color:var(--line-highlight);background:color-mix(in srgb, var(--line-highlight) 14%, var(--panel-input))}.editor{border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--editor-bg-top), var(--editor-bg-bottom));min-width:0;box-shadow:var(--soft-shadow);border-radius:1rem;flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.editor-head h2{margin:0;font-size:1.3rem}.editor-head p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.9rem}.sheet-error{color:#8f2e20}.status-pill{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-self:end;padding:.1rem .42rem;font-size:.7rem}.status-pill.ready{background:color-mix(in srgb, #1c8448 16%, var(--panel-input));border-color:#1c844866}.status-pill.processing{background:color-mix(in srgb, #1e5b94 18%, var(--panel-input));border-color:#1e5b9480}.status-pill.error{background:color-mix(in srgb, #8f2e20 18%, var(--panel-input));border-color:#8f2e2080}.canvas-wrap{border:1px solid var(--panel-border);background:var(--image-bg);-webkit-user-select:none;user-select:none;border-radius:.8rem;min-height:16rem;position:relative;overflow:hidden}.sheet-image{width:100%;height:auto;display:block}.grid-overlay{position:absolute;inset:0}.cell-hitbox{z-index:1;cursor:pointer;text-align:left;background:0 0;border:1px solid #2f6f6a2e;margin:0;padding:0;position:absolute}.cell-hitbox:hover{background:#2f6f6a14}.cell-hitbox.selected{border-color:var(--line-highlight);background:#ee62271a}.cell-hitbox.named{border-color:#1e5b946b}.cell-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1e5b94d1;border-radius:.3rem;max-width:calc(100% - 8px);padding:.08rem .24rem;font-size:.68rem;line-height:1.2;position:absolute;inset:auto auto 3px 4px;overflow:hidden}.cell-hitbox:not(.named) .cell-label{display:none}.grid-line{z-index:2;position:absolute}.grid-line:before{content:"";position:absolute}.grid-line.vertical{background:var(--line-color);cursor:col-resize;width:2px;top:0;bottom:0;transform:translate(-1px)}.grid-line.vertical:before{width:14px;top:0;bottom:0;left:-6px}.grid-line.horizontal{background:var(--line-color);cursor:row-resize;height:2px;left:0;right:0;transform:translateY(-1px)}.grid-line.horizontal:before{height:14px;top:-6px;left:0;right:0}.grid-line.dragging{background:var(--line-highlight)}.editor-foot{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:.7rem;font-size:.88rem;display:flex}.empty{color:var(--ink-soft);margin:auto}@media (width<=980px){.layout{flex-direction:column}.sidebar{width:auto}.editor-foot{flex-direction:column;align-items:flex-start}.reset-btn{width:100%}}@media (width<=560px){.layout{gap:.65rem;padding:.6rem}.grid-size-row{grid-template-columns:1fr}.editor,.sidebar{border-radius:.8rem;padding:.75rem}.canvas-wrap{min-height:12rem}}