.garage-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#06060899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.garage-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s}.garage-tabs a:hover{color:var(--text)}.garage-tabs a[aria-current=page]{background:var(--text);color:var(--bg)}.garage-tabs svg{width:16px;height:16px}.garage-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.garage-side{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}.g-side-group p{margin:22px 0 8px;padding-left:12px;color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.g-side-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);color:var(--muted);font-size:14px;text-align:left;transition:background .2s,color .2s}.g-side-row:hover{background:#ffffff0d;color:var(--text)}.g-side-row[aria-pressed=true]{background:var(--raised);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.g-side-row small{color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}.garage-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.g-search{position:relative;flex:1 1 280px}.g-search svg{position:absolute;z-index:1;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--faint);pointer-events:none}.g-search input{padding-left:42px}.g-select{display:flex;align-items:center;gap:8px;flex:0 1 240px;min-width:0;padding-left:12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#0a0a0e}.g-select span{color:var(--faint);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.g-select select{min-height:44px;border:0;background-color:transparent;padding-left:4px}.g-select select:focus{box-shadow:none}.g-select:focus-within{border-color:var(--brand)}.g-narrow{flex:0 0 auto}.garage-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;color:var(--muted);font-size:14px}.garage-status p{margin:0}.garage-status strong{color:var(--text)}.g-pills{display:flex;flex-wrap:wrap;gap:6px}.g-pills button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--raised-2);font-size:12px}.g-pills button svg{width:12px;height:12px}.g-pills .g-clear{background:none;color:var(--accent)}.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.g-portrait{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.g-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .25s,translate .25s}.g-card:not(.g-skel):hover{border-color:color-mix(in srgb,var(--accent),transparent 50%);translate:0 -2px}.g-shot{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--raised);cursor:zoom-in}.g-shot:disabled{cursor:default}.g-portrait .g-shot{aspect-ratio:4/5}.g-shot img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease)}.g-portrait .g-shot img{object-position:50% 20%}.g-card:hover .g-shot img{scale:1.045}.g-noshot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--faint);font-size:12px}.g-noshot svg{width:26px;height:26px}.g-tag,.g-count,.g-mod{position:absolute;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);background:#060608cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:600}.g-tag{left:10px;top:10px;letter-spacing:.06em;text-transform:uppercase}.g-count{right:10px;top:10px}.g-mod{right:10px;bottom:10px;color:var(--accent)}.g-count svg,.g-mod svg{width:13px;height:13px}.g-info{display:flex;align-items:center;gap:10px;padding:12px 14px;flex-wrap:wrap}.g-text{flex:1;min-width:0}.g-text h2{overflow:hidden;font:500 15px/1.3 var(--body);text-transform:none;text-overflow:ellipsis;white-space:nowrap}.g-text p{margin:2px 0 0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.g-dl{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);transition:background .2s,border-color .2s,color .2s}.g-dl:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.g-dl svg{width:17px;height:17px}.g-dl:disabled{cursor:progress}.g-spin{width:15px;height:15px;border:2px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{rotate:360deg}}.g-msg{flex-basis:100%;margin:0;color:var(--danger);font-size:12px}.g-msg a{text-decoration:underline}.g-skel .g-shot,.g-skel .g-info span{background:linear-gradient(90deg,var(--raised) 0%,var(--raised-2) 50%,var(--raised) 100%);background-size:200% 100%;animation:g-shimmer 1.3s ease-in-out infinite}.g-skel .g-info{display:grid;gap:6px}.g-skel .g-info span{display:block;height:12px;border-radius:3px}.g-skel .g-info span:last-child{width:55%}@keyframes g-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.g-empty{display:grid;justify-items:center;gap:10px;padding:64px 24px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center}.g-empty svg{width:28px;height:28px;color:var(--faint)}.g-empty h2{font-size:26px}.g-empty p{margin:0;color:var(--muted)}.g-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:32px}.g-pages button{min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-variant-numeric:tabular-nums;transition:border-color .2s,color .2s}.g-pages button:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.g-pages button[aria-current=page]{border-color:var(--text);background:var(--text);color:var(--bg)}.g-pages button:disabled{opacity:.35}.g-pages button svg{width:16px;height:16px;margin:auto}.g-pages .prev svg{rotate:180deg}.g-pages span{color:var(--faint)}.garage-note{max-width:760px}@media(max-width:900px){.garage-layout{grid-template-columns:1fr}.garage-side{position:static;max-height:none;display:flex;gap:6px;overflow-x:auto;padding:0 0 6px}.g-side-group{display:contents}.g-side-group p{display:none}.g-side-row{flex:none;width:auto;border:1px solid var(--line);border-radius:999px;padding:7px 12px}.g-side-row[aria-pressed=true]{box-shadow:none;border-color:var(--accent)}}@media(max-width:520px){.g-grid,.g-portrait{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g-select{flex:1 1 100%}.g-info{padding:10px}.g-dl{width:34px;height:34px}}
