:root{--color-bg:#fafafa;--color-surface:#fff;--color-gray-100:#f1f2f4;--color-gray-200:#e2e5e9;--color-gray-400:#9ca3af;--color-gray-600:#52586b;--color-gray-900:#12151c;--color-primary:#0099d8;--color-primary-bg:#e3f4fc;--color-primary-border:#a8dff5;--color-secondary:#c9a24b;--color-secondary-bg:#f7efdc;--color-success:#7da789;--color-success-bg:#e7f0e9;--color-warning:#d0a45c;--color-warning-bg:#f6ecda;--color-error:#c97b7b;--color-error-bg:#f5e4e4;--radius:8px;--font-sans:-apple-system, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-gray-900);font-family:var(--font-sans);margin:0;font-size:15px;line-height:22px}h1{letter-spacing:-.01em;margin:0 0 12px;font-size:28px;font-weight:700;line-height:36px}h2{margin:0 0 12px;font-size:20px;font-weight:600;line-height:28px}.btn{border-radius:var(--radius);border:1px solid var(--color-gray-200);background:var(--color-surface);color:var(--color-gray-900);cursor:pointer;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:15px;line-height:20px;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#0088c2;border-color:#0088c2}.btn-outline{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary)}.btn-sm{padding:6px 10px;font-size:13px;line-height:18px}.chip{border:1px solid var(--color-gray-200);background:var(--color-surface);color:var(--color-gray-600);cursor:pointer;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;line-height:18px;display:inline-flex}.chip[aria-pressed=true]{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary)}.badge{background:var(--color-gray-100);color:var(--color-gray-600);border-radius:999px;align-items:center;padding:2px 8px;font-size:13px;line-height:18px;display:inline-flex}.badge-new{background:var(--color-secondary-bg);color:var(--color-secondary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:16px}.photo-tile{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:6px;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile.is-selected{border-color:var(--color-primary)}.photo-tile.is-selected:after{content:"";background:#0099d859;position:absolute;inset:0}.selection-bar{background:var(--color-surface);border-top:1px solid var(--color-gray-200);align-items:center;gap:8px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.selection-bar>*{white-space:nowrap;flex-shrink:0}.label{color:var(--color-gray-600);margin-bottom:4px;font-size:13px;display:block}.field{border-radius:var(--radius);border:1px solid var(--color-gray-200);background:var(--color-surface);width:100%;color:var(--color-gray-900);padding:10px 12px;font-family:inherit;font-size:15px}.field:focus{border-color:var(--color-primary-border);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.hint{color:var(--color-gray-400);margin-top:4px;font-size:13px;line-height:18px}[role=alert]{border-radius:var(--radius);background:var(--color-error-bg);color:var(--color-error);padding:10px 12px;font-size:13px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}@media (width>=768px){.photo-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.photo-grid{grid-template-columns:repeat(6,1fr)}}.form-page{flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding:16px;display:flex}.slideshow-page{height:100svh;position:relative;overflow:hidden}.slideshow-header{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-gray-200);align-items:center;gap:8px;padding:12px 16px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.slideshow-header.is-hidden{opacity:0;pointer-events:none}.slideshow-header .field{width:auto}.slideshow-tag-select{flex:1}.slideshow-image-area{background:var(--color-gray-100);touch-action:pan-y;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.slideshow-image-area img{object-fit:contain;max-width:100%;max-height:100%}.slideshow-nav-btn{z-index:1;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.slideshow-nav-btn.is-hidden{opacity:0;pointer-events:none}.slideshow-nav-prev{left:12px}.slideshow-nav-next{right:12px}.photos-page{padding-bottom:72px}.photos-toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.photos-toolbar-tabs,.photos-toolbar-actions{align-items:center;gap:8px;display:flex}.photos-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.scan-run-panel{margin:8px 16px}.photos-grid-wrap{padding:4px 16px 16px}.photo-detail-page{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;padding:16px;display:flex}.photo-detail-preview{background:var(--color-gray-100);border-radius:var(--radius);justify-content:center;align-items:center;min-height:40vh;display:flex;overflow:hidden}.photo-detail-preview img{object-fit:contain;max-width:100%;max-height:70vh}.photo-detail-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.photo-detail-tags{align-items:center;gap:6px;display:flex}.mobile-upload-page{flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding:16px;display:flex}.mobile-upload-preview-tile{position:relative}.mobile-upload-remove-btn{z-index:1;padding:2px 8px;line-height:16px;position:absolute;top:4px;right:4px}.stack{flex-direction:column;gap:12px;display:flex}.stack-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack-row .field{width:auto}.filter-separator{color:var(--color-gray-400)}.tag-modal-backdrop{z-index:10;background:#12151c66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tag-modal{flex-direction:column;gap:12px;width:100%;max-width:420px;max-height:90vh;display:flex;overflow-y:auto}.tag-modal-thumbs{flex-wrap:wrap;gap:4px;display:flex}.tag-modal-thumb{border-radius:6px;width:48px;height:48px;overflow:hidden}.tag-modal-thumb img{object-fit:cover;width:100%;height:100%}.tag-modal-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-modal-chip-remove{cursor:pointer;margin-left:4px}.tag-modal-add{gap:6px;display:flex}.tag-modal-add .field{flex:1}.tag-modal-actions{justify-content:flex-end;gap:8px;display:flex}