*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{color:#cfd4dc;-webkit-user-select:none;user-select:none;background:#16181d;font:13px system-ui,Segoe UI,sans-serif}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:#22252c;border-bottom:1px solid #0c0d10;flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.tb-group{align-items:center;gap:4px;display:flex}.tb-sep{background:#3a3e48;width:1px;height:20px}.tb-right{margin-left:auto}.tb-btn{color:#cfd4dc;font:inherit;cursor:pointer;background:#2e323b;border:1px solid #41454f;border-radius:3px;padding:4px 10px}.tb-btn:hover:not(:disabled){background:#3a3f4b}.tb-btn:disabled{opacity:.45;cursor:default}.tb-btn.tb-active{color:#fff;background:#b45f23;border-color:#d8853c}.tb-btn.tb-accent{background:#2c5a32;border-color:#3f8a49}.tb-btn.tb-accent:hover:not(:disabled){background:#36703e}.grid-label{text-align:center;color:#9fb4cc;min-width:64px}.main{flex:auto;min-height:0;display:flex}.views{background:#0c0d10;flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;min-width:0;display:grid}.viewcell{min-width:0;min-height:0;position:relative;overflow:hidden}.viewcell canvas{display:block}.panel{background:#1d2026;border-left:1px solid #0c0d10;flex-direction:column;flex:0 0 248px;gap:12px;padding:8px;display:flex;overflow-y:auto}.panel-section h3{text-transform:uppercase;letter-spacing:.08em;color:#8b93a3;margin-bottom:6px;font-size:12px}.curtex-row{color:#d8b04a;margin-bottom:6px}.texgrid{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.texthumb{cursor:pointer;width:100%;image-rendering:pixelated;border:2px solid #41454f;border-radius:2px}.texthumb:hover{border-color:#7c899e}.texthumb-sel{border-color:#d8853c!important}.props{flex-direction:column;gap:4px;display:flex}.prop-row{align-items:center;gap:4px;display:flex}.prop-row label{color:#8b93a3;flex:0 0 76px;font-size:12px}.prop-input,.ent-class{color:#cfd4dc;width:64px;font:inherit;background:#14161a;border:1px solid #41454f;border-radius:3px;padding:3px 5px}.ent-class{flex:1;width:auto}input[type=color]{background:0 0;border:1px solid #41454f;width:48px;height:24px;padding:0}.panel-hint{color:#6b7382;margin-top:6px;font-size:11px}.ent-title{color:#9fd24a;margin-bottom:4px;font-size:12px}.status{color:#8b93a3;white-space:nowrap;background:#22252c;border-top:1px solid #0c0d10;flex:none;gap:16px;padding:4px 10px;font-size:12px;display:flex}.status-hint{text-overflow:ellipsis;flex:auto;overflow:hidden}.status-pos{color:#9fb4cc;flex:none}.status-sel{flex:none}.compile-dialog{color:#cfd4dc;background:#1d2026;border:1px solid #41454f;border-radius:6px;width:min(640px,90vw);padding:14px}.compile-dialog::backdrop{background:#0000008c}.compile-dialog h3{color:#d8b04a;margin-bottom:8px}.compile-log{white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#101216;border:1px solid #2e323b;border-radius:4px;height:300px;padding:8px;font:11px/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow-y:auto}.dlg-buttons{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.compile-settings{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;display:flex}.compile-settings label{color:#8b93a3;align-items:center;gap:5px;font-size:12px;display:flex}.texlights-dialog{width:min(440px,90vw)}.texlights-list{flex-direction:column;gap:4px;max-height:60vh;margin-top:8px;display:flex;overflow-y:auto}.texlight-row{align-items:center;gap:8px;padding:2px 0;display:flex}.texlight-thumb{width:40px;height:40px;image-rendering:pixelated;border:1px solid #41454f;border-radius:2px;flex:none}.texlight-name{flex:auto}.texlight-emits{color:#8b93a3;align-items:center;gap:4px;font-size:12px;display:flex}