:root{--bg-viewport: #0f1114;--bg-app: #14161a;--bg-panel: #1b1e24;--bg-raised: #22262e;--bg-input: #10131a;--border: #2a2f38;--border-strong: #3a414d;--text: #e4e7ec;--text-muted: #8b93a1;--text-dim: #626a78;--accent: #e0a458;--accent-dim: #8a6535;--focus: #8fbf6a;--info: #67b7d1;--warn: #e0a458;--danger: #d9645a;--owned: #8fbf6a;--wishlist: #67b7d1;--watchlist: #8b93a1;--font-primary: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--radius: 6px;--radius-sm: 4px;--pad: 12px;--pad-sm: 8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font-family:var(--font-primary);font-size:13px;line-height:1.45;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{display:grid;grid-template-rows:auto 1fr auto;height:100%}.app-body{display:grid;grid-template-columns:300px 1fr 320px;min-height:0}.viewport{position:relative;background:var(--bg-viewport);min-width:0}.panel{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.panel--right{border-right:none;border-left:1px solid var(--border)}.panel-scroll{overflow-y:auto;padding:var(--pad);flex:1;min-height:0}.topbar{display:flex;align-items:center;gap:var(--pad-sm);padding:var(--pad-sm) var(--pad);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-weight:650;letter-spacing:.01em;margin-right:var(--pad-sm);white-space:nowrap}.brand span{color:var(--accent)}.topbar-spacer{flex:1}.statusbar{display:flex;align-items:center;gap:var(--pad);padding:4px var(--pad);background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;min-height:26px}.tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-app)}.tab{flex:1;padding:var(--pad-sm) 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font:inherit;font-size:12px;cursor:pointer}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-panel)}button,select,input,textarea{font:inherit;color:var(--text)}.btn{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.support-link{display:inline-block;color:var(--text);text-decoration:none}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent-dim);border-color:var(--accent);color:#fff}.btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn--sm{padding:2px 7px;font-size:12px}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:12px}.toggle input{accent-color:var(--accent);margin:0}.toggle:hover{color:var(--text)}input[type=text],input[type=number],select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 6px;width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);padding:0;background:none;border:none}.section{margin-bottom:18px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin:0 0 var(--pad-sm);display:flex;align-items:center;justify-content:space-between;gap:8px}.field{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;margin-bottom:6px}.field>label{color:var(--text-muted);font-size:12px}.field--stack{display:block}.field--stack>label{display:block;margin-bottom:3px}.row{display:flex;gap:6px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad-sm);margin-bottom:8px}.list-item{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.list-item:hover{background:var(--bg-raised)}.list-item[aria-selected=true]{background:var(--bg-raised);border-color:var(--accent)}.list-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.small{font-size:12px}.tiny{font-size:11px}.pill{display:inline-block;padding:1px 6px;border-radius:10px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor;white-space:nowrap}.pill--owned{color:var(--owned)}.pill--wishlist{color:var(--wishlist)}.pill--watchlist{color:var(--watchlist)}.pill--warn{color:var(--warn)}.pill--danger{color:var(--danger)}.swatch{width:9px;height:9px;border-radius:2px;flex:none}.meter{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden;position:relative}.meter__fill{height:100%;border-radius:3px;transition:width .12s ease-out}.meter__limit{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--text-dim)}.surface-chip{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);flex:none}.surface-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:4px;margin-bottom:7px}.surface-swatch{height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);cursor:pointer;padding:0}.surface-swatch:hover{border-color:var(--text-muted)}.surface-swatch--on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.surface-picker{width:34px;height:26px;padding:2px;flex:none;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.notice{border-left:2px solid var(--warn);padding:5px 8px;background:var(--bg-raised);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:6px;font-size:12px;color:var(--text-muted)}.notice--danger{border-left-color:var(--danger)}.empty{color:var(--text-dim);font-size:12px;padding:12px 0;text-align:center}.viewport-overlay{position:absolute;top:10px;left:10px;pointer-events:none;display:flex;flex-direction:column;gap:6px;z-index:30}.readout{background:#14161ae0;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;max-width:300px}.readout__title{color:var(--accent);font-weight:600;margin-bottom:4px}.readout__row{display:flex;justify-content:space-between;gap:14px;color:var(--text-muted)}.readout__row b{color:var(--text);font-weight:500}.legend{position:absolute;bottom:10px;left:10px;z-index:30;display:flex;gap:14px;background:#14161ae0;border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:11px;color:var(--text-muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.tree-children{margin-left:10px;padding-left:8px;border-left:1px solid var(--border)}.tree-toggle{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0 2px;width:14px;flex:none}.tree-node{margin-bottom:1px}.tree-head{display:flex;align-items:center;gap:6px;padding:4px 2px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-head:hover .tree-name{color:var(--text)}.tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-head--d0 .tree-name{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;color:var(--text)}.tree-head--d1 .tree-name{font-size:12px;color:var(--text-muted)}.tree-head--d2 .tree-name{font-size:12px;color:var(--text-dim)}.catalog-group summary{cursor:pointer;padding:5px 2px;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;list-style:none}.catalog-group summary::-webkit-details-marker{display:none}.catalog-group summary:hover{color:var(--text)}.catalog-group[open] summary{color:var(--text)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.viewport--aiming,.viewport--aiming canvas{cursor:crosshair}.camviews{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.camview{position:absolute;pointer-events:auto;border:1px solid var(--border-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;box-shadow:0 6px 20px #00000073;display:flex;flex-direction:column}.camview[data-active=true]{border-color:var(--accent)}.camview[data-selected=true]:not([data-active=true]){border-color:var(--accent-dim)}.camview__bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 4px;background:var(--bg-panel);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;font-size:11px}.camview__bar:active{cursor:grabbing}.camview__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camview__spec{flex:none;overflow:hidden;white-space:nowrap}.camview__dot{width:9px;height:9px;flex:none;padding:0;border-radius:50%;border:1px solid var(--text-dim);background:none;cursor:pointer}.camview__dot[data-on=true]{background:var(--accent);border-color:var(--accent)}.camview__btn{flex:none;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0 3px;line-height:1;font-size:12px}.camview__btn:hover{color:var(--text)}.camview__btn[data-on=true]{color:var(--accent)}.camview__image{position:relative;cursor:grab}.camview__thirds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - 1px),rgba(228,231,236,.28) calc(33.333% - 1px),rgba(228,231,236,.28) 33.333%,transparent 33.333%),linear-gradient(to right,transparent calc(66.667% - 1px),rgba(228,231,236,.28) calc(66.667% - 1px),rgba(228,231,236,.28) 66.667%,transparent 66.667%),linear-gradient(to bottom,transparent calc(33.333% - 1px),rgba(228,231,236,.28) calc(33.333% - 1px),rgba(228,231,236,.28) 33.333%,transparent 33.333%),linear-gradient(to bottom,transparent calc(66.667% - 1px),rgba(228,231,236,.28) calc(66.667% - 1px),rgba(228,231,236,.28) 66.667%,transparent 66.667%)}.camview__resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-strong) 50%,var(--border-strong) 62%,transparent 62%,transparent 74%,var(--border-strong) 74%,var(--border-strong) 86%,transparent 86%)}.camview-guide{position:absolute;background:var(--accent);opacity:.75;pointer-events:none;z-index:25}.camview-guide--v{top:0;bottom:0;width:1px}.camview-guide--h{left:0;right:0;height:1px}.camcard{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);margin-bottom:8px;overflow:hidden;cursor:pointer}.camcard[aria-selected=true]{border-color:var(--accent)}.camcard__shot{position:relative;background:var(--bg-viewport);display:flex;align-items:center;justify-content:center}.camcard__shot img{width:100%;height:100%;display:block;object-fit:contain}.camcard__pending{color:var(--text-dim);font-size:11px}.camcard__badge{position:absolute;top:4px;left:4px;padding:0 5px;border-radius:9px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#14161ad9;color:var(--accent);border:1px solid var(--accent)}.camcard__badge--open{left:auto;right:4px;color:var(--text-muted);border-color:var(--border-strong)}.camcard__body{padding:6px 8px 8px}.camcard__name{font-size:12px;margin-bottom:1px}.inventory{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;background:var(--bg-app)}.inv-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.inv-bar__title{color:var(--accent)}.inv-bar__search{width:260px}.inv-body{flex:1;min-height:0;display:flex;gap:1px;background:var(--border)}.inv-global,.inv-lane{display:flex;flex-direction:column;min-height:0;background:var(--bg-app);transition:background .12s ease-out}.inv-global{flex:1.15;min-width:260px}.inv-lanes{flex:2;display:flex;gap:1px;background:var(--border);min-width:0}.inv-lane{flex:1;min-width:0}.is-drop-target{background:var(--bg-panel);box-shadow:inset 0 0 0 2px var(--accent)}.inv-pane-head{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-bottom:1px solid var(--border);flex:none}.inv-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 10px 20px}.inv-lane--owned .inv-pane-head b{color:var(--owned)}.inv-lane--wishlist .inv-pane-head b{color:var(--wishlist)}.inv-lane--watchlist .inv-pane-head b{color:var(--watchlist)}.tile-group{margin-bottom:14px}.tile-group__title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 6px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.tile{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.tile:hover{border-color:var(--border-strong)}.tile[aria-selected=true]{border-color:var(--accent)}.tile:active{cursor:grabbing}.tile__images,.tile__placeholder{height:84px;flex:none;position:relative;background:var(--bg-input)}.tile__placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--tint) 0%,var(--bg-input) 78%)}.tile__placeholder span{font-family:var(--font-mono);font-size:19px;letter-spacing:.06em;color:#0000008c}.tile__lead{width:100%;height:100%;object-fit:cover;display:block}.tile__thumbs{position:absolute;right:3px;bottom:3px;display:flex;gap:2px;align-items:center}.tile__thumbs img{width:20px;height:20px;object-fit:cover;border-radius:2px;border:1px solid var(--border-strong)}.tile__more{font-size:10px;font-family:var(--font-mono);color:var(--text);background:#0009;border-radius:2px;padding:1px 3px}.tile__body{padding:6px 8px 4px;flex:1;min-height:0}.tile__title{font-size:12px;line-height:1.25;margin-bottom:3px}.tile__tldr{font-size:11px;color:var(--text-muted);line-height:1.35;height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile__tldr--catalog{color:var(--text-dim);font-style:italic}.tile__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 8px 6px}.inv-side{flex:none;width:268px;background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto;padding:10px}.inv-editor__head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.inv-editor__row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;color:var(--text-muted)}.inv-editor__row--stack{flex-direction:column;align-items:stretch;gap:3px}.inv-editor__images{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.inv-editor__image{display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:2px 4px}.camview__mode{flex:none;width:92px;padding:0 2px;font-size:11px;background:var(--bg-input);border-color:var(--border-strong)}.camview__key{position:absolute;left:4px;bottom:4px;display:flex;align-items:center;gap:5px;padding:2px 5px;border-radius:var(--radius-sm);background:#14161ad1;font-size:10px;color:var(--text-muted);pointer-events:none}.camview__key span{display:inline-flex;align-items:center;gap:3px}.camview__key .swatch{width:8px;height:8px}.camview__key-text{margin-left:2px}