:root{--bg:#121214;--panel:#1c1a18eb;--border:#4a4238;--text:#e8e2d6;--muted:#9c9385;--accent:#c79a3e;--accent-hover:#ddb259;--error:#ff7a6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}h1{letter-spacing:.04em;margin:0 0 4px;font-size:22px}button{font:inherit;background:var(--accent);color:#1d160a;cursor:pointer;border:1px solid #7a5f28;border-radius:4px;padding:8px 18px;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.secondary:hover:not(:disabled){background:#ffffff0f}input{font:inherit;border:1px solid var(--border);color:var(--text);background:#0d0d0e;border-radius:4px;padding:8px 10px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.muted{color:var(--muted)}.error{color:var(--error);margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 24px #00000073}.screen-center{background:radial-gradient(ellipse at center, #22201c 0%, var(--bg) 70%);place-items:center;height:100%;padding:16px;display:grid}.startup-screen{background:#000}.setup{flex-direction:column;gap:14px;width:min(520px,100%);padding:24px;display:flex}.setup h1{margin:0;font-size:20px}.setup .dir-picker{margin-left:0}.classic-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.viewer-screen{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.viewer-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.viewer-header h1{white-space:nowrap;margin:0;font-size:18px}.viewer-version{white-space:nowrap;font-size:13px}.dir-picker{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.dir-picker input{width:260px;padding:6px 8px}.dir-picker button{white-space:nowrap;padding:6px 12px}.dir-path{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;direction:rtl;max-width:280px;overflow:hidden}.viewer-message{padding:10px 14px 0}.viewer-body{flex:1;gap:14px;min-height:0;padding:12px 14px 14px;display:flex}.viewer-main{flex-direction:column;gap:8px;display:flex}.viewer-tabs,.viewer-toolbar,.segmented{align-items:center;gap:6px;display:flex}fieldset.segmented{border:0;margin:0;padding:0}.viewer-tabs button,.viewer-toolbar button,.segmented button{padding:5px 12px}.viewer-tabs button .muted{font-size:12px;font-weight:400}button.active{color:var(--text);border-color:var(--accent);background:#c79a3e2e}.viewer-toolbar .search{gap:6px;margin-left:auto;display:flex}.viewer-toolbar .search input{width:90px;padding:5px 8px}.viewer-grid canvas,.viewer-preview canvas{image-rendering:pixelated;display:block}.viewer-grid{border:1px solid var(--border);border-radius:4px;overflow:hidden}.viewer-details{-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:12px;min-width:300px;max-width:360px;padding:12px;display:flex;overflow-y:auto}.viewer-details>*{flex-shrink:0}.viewer-details h2{margin:0;font-size:16px}.viewer-details h3{color:var(--accent);margin:0 0 6px;font-size:13px}.viewer-preview{border:1px solid var(--border);border-radius:4px;align-self:center;overflow:hidden}.viewer-controls{flex-direction:column;gap:8px;display:flex}.control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-label{width:64px;color:var(--muted);font-size:13px}.check{align-items:center;gap:4px;font-size:13px;display:flex}.segmented.parts button{align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.swatch{border:1px solid #000;border-radius:2px;width:12px;height:12px}.palette{gap:1px;display:grid}.palette .color{aspect-ratio:1;border:1px solid #0009;border-radius:0;min-width:0;min-height:0;padding:0}.palette .color.selected{outline-offset:-1px;z-index:1;outline:2px solid #fff}.thing-info{flex-direction:column;gap:12px;display:flex}.details-grid{grid-template-columns:76px 1fr;gap:3px 8px;margin:0;font-size:13px;display:grid}.details-grid dt{color:var(--muted)}.details-grid dd{margin:0}.flag-list{flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.flag-name{font-weight:600}.pictures{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.pictures-body{flex:1;gap:12px;min-height:0;display:flex}.pictures-list{flex-direction:column;flex-shrink:0;gap:4px;width:230px;margin:0;padding:0;list-style:none;display:flex}.pictures-list button{white-space:nowrap;justify-content:space-between;gap:8px;width:100%;padding:5px 10px;display:flex}.pictures-canvas{border:1px solid var(--border);background:repeating-conic-gradient(#2a2a2a 0% 25%,#3a3a3a 0% 50%) 0 0/16px 16px;border-radius:4px;min-width:0;overflow:auto}.pictures-canvas canvas{image-rendering:pixelated;display:block}