:root{--surface-base:#faf7f1;--surface-raised:#fff;--surface-sunken:#efe9df;--border:#ddd6c8;--text-primary:#2c2a24;--text-secondary:#6b6557;--text-muted:#9a9384;--accent-soil:#6e5a43;--accent-leaf:#5b7a4b;--accent-harvest:#c8893b;--glow-interactive:#f2c879;--anchor-valid:#6fbf9c;--anchor-active:#3fa37f;--font-ui:"Inter", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--elev-card:0 4px 16px #2c2a241a;--motion-fast:.15s;--motion-base:.25s;--motion-slow:.4s;--ease:cubic-bezier(.22, 1, .36, 1);--motion-flyto:1s;--motion-fade:.3s;--ease-fly:cubic-bezier(.65, 0, .35, 1);--camera-framing-distance:2.5;--camera-eye-height:1.7;--move-speed:4;--look-sensitivity:1}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-base)}canvas{touch-action:none;display:block}.hud{left:50%;bottom:var(--space-5);padding:var(--space-2) var(--space-4);color:var(--text-secondary);background:color-mix(in srgb, var(--surface-raised) 80%, transparent);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-card);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;line-height:16px;position:fixed;transform:translate(-50%)}.catalog-panel{top:64px;left:var(--space-4);gap:var(--space-3);width:220px;max-height:calc(100vh - 80px);padding:var(--space-3);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-card);pointer-events:auto;flex-direction:column;display:flex;position:fixed}.catalog-tabs{gap:var(--space-1);flex-wrap:wrap;display:flex}.catalog-tabs button{font-family:var(--font-ui);padding:var(--space-1) var(--space-2);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-base) var(--ease), color var(--motion-base) var(--ease);background:0 0;border:1px solid #0000;font-size:12px;font-weight:500;line-height:16px}.catalog-tabs button:hover{color:var(--text-primary);background:var(--surface-sunken)}.catalog-tabs button.is-active{color:var(--surface-raised);background:var(--accent-soil)}.catalog-tiles{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.catalog-tile{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);font-family:var(--font-ui);text-align:left;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion-base) var(--ease), box-shadow var(--motion-base) var(--ease);display:flex}.catalog-tile:hover{border-color:var(--accent-leaf)}.catalog-tile.is-selected{border-color:var(--accent-leaf);box-shadow:inset 0 0 0 1px var(--accent-leaf)}.catalog-thumb{background:var(--surface-sunken);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.catalog-thumb img{object-fit:cover;width:100%;height:100%}.catalog-name{font-size:14px;font-weight:500;line-height:20px}.summary-panel{top:var(--space-4);right:var(--space-4);gap:var(--space-2);width:220px;max-height:calc(100vh - 32px);padding:var(--space-3);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-card);pointer-events:auto;flex-direction:column;display:flex;position:fixed}.summary-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.summary-empty{color:var(--text-muted);margin:0;font-size:12px;line-height:16px}.summary-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.summary-item{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-sm);border:1px solid #0000;display:flex}.summary-item.is-selected{border-color:var(--accent-leaf);background:var(--surface-sunken)}.summary-select{padding:var(--space-1);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;align-items:flex-start;gap:2px;display:flex}.summary-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:20px}.summary-meta{color:var(--text-secondary);font-size:12px;line-height:16px}.summary-remove{width:24px;height:24px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-base) var(--ease), color var(--motion-base) var(--ease);background:0 0;flex:none;font-size:16px;line-height:1}.summary-remove:hover{color:var(--surface-raised);background:var(--accent-harvest)}.detail-panel{gap:var(--space-2);width:360px;max-width:90vw;padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-card);pointer-events:auto;flex-direction:column;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.detail-name{color:var(--text-primary);margin:0;font-size:20px;font-weight:600;line-height:26px}.detail-close{width:24px;height:24px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-base) var(--ease), color var(--motion-base) var(--ease);background:0 0;flex:none;font-size:16px;line-height:1}.detail-close:hover{color:var(--surface-raised);background:var(--accent-soil)}.detail-category{color:var(--text-muted);margin:0;font-size:12px;font-weight:400;line-height:16px}.detail-story{color:var(--text-secondary);margin:0;font-size:16px;font-weight:400;line-height:24px}.variant-switcher{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.variant-option{padding:var(--space-1) var(--space-3);font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion-base) var(--ease), box-shadow var(--motion-base) var(--ease);font-size:14px;font-weight:500;line-height:20px}.variant-option:hover{border-color:var(--accent-leaf)}.variant-option.is-active{border-color:var(--accent-leaf);box-shadow:inset 0 0 0 1px var(--accent-leaf)}.detail-links{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.detail-link{padding:var(--space-1) var(--space-3);font-family:var(--font-ui);color:var(--surface-raised);background:var(--accent-leaf);border:1px solid var(--accent-leaf);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-base) var(--ease), border-color var(--motion-base) var(--ease);font-size:14px;font-weight:500;line-height:20px}.detail-link:hover{background:color-mix(in srgb, var(--accent-leaf) 85%, #000);border-color:color-mix(in srgb, var(--accent-leaf) 85%, #000)}