:root{--color-bg:#fff;--color-surface:#fff;--color-surface-muted:#f8f8f8;--color-text:#323232;--color-text-muted:#707070;--color-primary:#323232;--color-accent:#f68989;--color-accent-soft:#fff1f1;--color-border:#e8e3e3;--color-focus:#f689895c;--shadow-soft:0 18px 48px #32323214;--font-sans:"Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px;--app-max-width:1180px}*{box-sizing:border-box}img,svg,video,canvas{max-width:100%}html{background:var(--color-bg);min-width:320px;min-height:100%;color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:var(--color-bg);min-height:100svh;margin:0;overflow-x:hidden}button,input,label,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}#root{min-height:100svh}.button,.icon-button,.nav-item,.bottom-nav-item{border:0;justify-content:center;align-items:center;display:inline-flex}.button{border-radius:var(--radius-sm);gap:8px;min-height:44px;padding:0 16px;transition:background .15s,color .15s,transform .15s}label.button{cursor:pointer}.button:active,.icon-button:active,.nav-item:active,.bottom-nav-item:active{transform:translateY(1px)}.button-primary{background:var(--color-primary);color:#fff}.button-secondary{background:var(--color-surface-muted);color:var(--color-text)}.icon-button{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text);gap:8px;min-height:42px;padding:0 12px}.button:focus-visible,.icon-button:focus-visible,.nav-item:focus-visible,.bottom-nav-item:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.eyebrow{color:var(--color-accent);letter-spacing:0;font-size:.78rem;font-weight:700;line-height:1.2;display:block}.brand-mark{aspect-ratio:1;background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;min-width:42px;font-weight:800;display:inline-flex}.login-page{align-items:center;min-height:100svh;padding:20px;display:flex}.login-panel{width:100%;max-width:440px;margin:0 auto;padding:24px}.login-brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.login-brand h1{margin-top:6px;font-size:1.8rem;line-height:1.1}.login-form{gap:10px;display:grid}.login-form label{color:var(--color-text-muted);font-size:.92rem;font-weight:700}.login-form input,.create-case-form input,.create-case-form textarea,.consensus-section textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:0 12px}.login-form input,.create-case-form input{min-height:46px}.create-case-form textarea,.consensus-section textarea{resize:vertical;min-height:84px;padding-top:10px;padding-bottom:10px}.login-submit{width:100%;margin-top:10px}.app-shell{grid-template-columns:1fr;min-height:100svh;display:grid}.main-surface{max-width:var(--app-max-width);width:100%;min-width:0;margin:0 auto;padding:20px 16px 92px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.app-header h1{margin-top:6px;font-size:1.85rem;line-height:1.15}.header-meta{color:var(--color-text-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;font-size:.86rem;display:flex}.case-screen{gap:18px;min-width:0;display:grid}.gallery-screen{gap:18px;display:grid}.gallery-intro-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.followups-screen{gap:18px;display:grid}.page-intro-note{color:var(--color-text-muted);letter-spacing:0;justify-content:space-between;gap:14px;min-width:0;padding:0 4px;font-size:.88rem;font-weight:700;line-height:1.6;display:flex}.page-intro-note span{min-width:0}.status-panel p,.case-row p,.diagnostic-row p{color:var(--color-text-muted);line-height:1.65}.case-grid{gap:18px;min-width:0;display:grid}.case-grid[data-detail-active=true][data-list-visible=false]{cursor:default}.case-list-panel,.status-panel{min-width:0;padding:16px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.case-list-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.case-list-create-action{min-height:34px;padding:7px 12px}.create-case-form{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:10px;margin-bottom:16px;padding:12px;display:grid}.create-case-form-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.create-case-form label{color:var(--color-text-muted);font-size:.86rem;font-weight:700}.style-choice-group,.technical-choice-panel{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:8px;margin:2px 0;padding:10px;display:grid}.style-choice-group legend,.technical-choice-panel summary{color:var(--color-primary);font-size:.88rem;font-weight:900}.technical-choice-panel summary{cursor:pointer}.style-choice-group p,.technical-choice-panel p{color:var(--color-text-muted);font-size:.82rem;font-weight:700;line-height:1.55}.style-choice-row{flex-wrap:wrap;gap:8px;display:flex}.style-choice{align-items:center;min-width:0;display:inline-flex;position:relative}.style-choice input{appearance:none;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none;white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.style-choice span{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;min-width:0;min-height:34px;padding:7px 11px;font-size:.84rem;font-weight:800;line-height:1.3;display:inline-flex}.style-choice input:checked+span{background:color-mix(in srgb, var(--color-accent) 16%, #fff);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.style-choice[data-disabled=true]{cursor:not-allowed}.style-choice[data-disabled=true] span{background:var(--color-surface-muted);color:var(--color-text-muted);opacity:.62}.service-choice-group{background:color-mix(in srgb, var(--color-accent) 5%, #fff)}.style-choice input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:2px}.case-date-filter{border:0;min-width:0;margin:0 0 14px;padding:0;display:grid}.case-date-filter-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.case-date-filter-row::-webkit-scrollbar{display:none}.case-date-filter-pill{flex:none;position:relative}.case-date-filter-pill input{appearance:none;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none;white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.case-date-filter-pill span{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;min-height:34px;padding:7px 12px;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.case-date-filter-pill input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.case-date-filter-pill input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.form-error{color:#a63a3a;font-size:.9rem;font-weight:700}.form-actions{flex-wrap:wrap;gap:8px;display:flex}.form-grid{gap:12px;min-width:0;display:grid}.panel-heading h2,.status-panel h2{margin-top:4px;font-size:1.18rem;line-height:1.25}.count-pill,.tag{background:var(--color-surface-muted);color:var(--color-text);border-radius:999px;min-height:28px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.case-list{gap:12px;display:grid}.case-list-tools{grid-template-columns:1fr auto;gap:10px;margin-bottom:10px;display:grid}.case-search-field,.case-sort-field{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0;padding:0 10px;display:grid}.case-sort-field{color:var(--color-text-muted);grid-template-columns:auto minmax(92px,1fr);font-size:.78rem;font-weight:800;position:relative}.case-sort-field:after{content:"";pointer-events:none;border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-65%)rotate(45deg)}.case-search-field input{border:0;min-width:0;padding-inline:0}.case-sort-field select{appearance:none;color:var(--color-primary);font:inherit;background:0 0;border:0;min-height:38px;padding:4px 26px 4px 4px;line-height:1.45}.case-list-hint{color:var(--color-text-muted);margin-bottom:10px;font-size:.82rem;font-weight:700;line-height:1.5}.case-list-error{margin-bottom:10px}.toast-region{height:auto;padding:max(18px, calc(env(safe-area-inset-top) + 14px)) 16px 0;pointer-events:none;z-index:220;justify-content:center;align-items:start;width:100vw;display:flex;position:fixed;top:0;left:0;right:0}.toast-message{background:color-mix(in srgb, var(--color-primary) 92%, transparent);color:#fff;text-align:left;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:auto 1fr;place-items:center start;gap:10px;min-width:min(220px,100vw - 32px);max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:.98rem;font-weight:800;line-height:1.4;animation:.18s ease-out toast-pop;display:grid;box-shadow:0 16px 44px #0000003d,0 6px 18px #0000002e}.toast-status-icon{color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.toast-status-icon svg{width:28px;height:28px}.toast-message[data-tone=notice]{background:color-mix(in srgb, var(--color-primary) 94%, transparent)}.toast-message>span:not(.toast-status-icon){display:block}@keyframes toast-pop{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.case-row{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr auto;gap:12px;padding:12px;display:grid;position:relative}.case-row:has(.case-reorder-controls){grid-template-columns:auto 1fr auto}.case-row[data-selected=true]{border-color:var(--color-accent)}.case-row[data-pinned=true]{background:color-mix(in srgb, var(--color-accent-soft) 45%, #fff)}.case-row[data-dragging=true]{border-color:var(--color-primary);opacity:.72}.case-row[data-drop-position]:before{background:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);content:"";pointer-events:none;z-index:2;border-radius:999px;height:6px;position:absolute;left:10px;right:10px}.case-row[data-drop-position=before]:before{top:-10px}.case-row[data-drop-position=after]:before{bottom:-10px}.case-reorder-controls{align-self:start;gap:6px;display:grid}.case-reorder-handle,.case-reorder-step{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);border:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.case-reorder-handle{cursor:grab}.case-reorder-handle:active{cursor:grabbing}.case-reorder-step:disabled{cursor:not-allowed;opacity:.42}.case-row-button{color:var(--color-text);text-align:left;background:0 0;border:0;grid-template-columns:44px 1fr;gap:12px;padding:0;display:grid}.case-avatar{aspect-ratio:1;background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;font-weight:800;display:flex}.case-row h3{margin-bottom:3px;font-size:1rem;line-height:1.35}.case-row-time{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px;font-size:.78rem;font-weight:800;line-height:1.35;display:flex}.case-title-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.status-pill{background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:999px;min-height:24px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.case-row-actions{align-self:start;gap:6px;display:grid}.pin-case-button,.delete-case-button{border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;border:0;justify-content:center;align-self:start;align-items:center;width:36px;height:36px;display:inline-flex}.pin-case-button{color:var(--color-text-muted)}.pin-case-button[aria-pressed=true]{color:var(--color-primary)}.pin-case-button[aria-pressed=true] svg{fill:currentColor;stroke-width:2.4px}.pin-case-button:hover,.pin-case-button:focus-visible,.delete-case-button:hover,.delete-case-button:focus-visible{background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border)}.pin-case-button:hover,.delete-case-button:hover{color:var(--color-primary)}.tag-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{background:var(--color-accent-soft);color:var(--color-primary)}.status-panel{gap:10px;display:grid}.status-panel-empty{align-content:start;min-height:360px}.case-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding-bottom:2px;display:grid}.case-detail-heading{flex-direction:column;gap:8px;min-width:0;display:flex}.case-detail-heading h2{margin:4px 0 6px;line-height:1.35}.case-detail-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.case-empty-state{color:var(--color-text-muted);align-content:start;gap:12px;max-width:360px;padding:12px 0 4px;display:grid}.case-empty-state h2{color:var(--color-text);margin:0}.case-empty-state p{margin:0}.case-empty-state-icon{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-primary);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.case-empty-state-note{border-left:3px solid var(--color-accent);padding-left:10px;font-size:.86rem;font-weight:700}.mobile-case-back-button{display:none}.case-detail-time{color:var(--color-text-muted);flex-wrap:wrap;gap:8px 12px;margin-top:2px;font-size:.78rem;font-weight:800;line-height:1.35;display:flex}.case-detail-time span{align-items:center;gap:5px;display:inline-flex}.case-gallery-reference-button,.case-list-toggle-button{background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:.88rem;font-weight:900;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.case-list-toggle-button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-primary);border-color:#0000}.case-gallery-reference-button:hover,.case-list-toggle-button:hover{border-color:var(--color-border-strong);color:var(--color-primary)}.case-gallery-reference-button:focus-visible,.case-list-toggle-button:focus-visible{outline-offset:2px;outline:3px solid #f6898961}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;padding:16px}.timeline-list{gap:8px;margin-top:4px;display:grid}.timeline-disclosure{border-top:1px solid var(--color-border);gap:10px;padding-top:14px;display:grid}.timeline-disclosure summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.timeline-disclosure summary::-webkit-details-marker{display:none}.timeline-disclosure summary strong{display:block}.timeline-item{border-left:3px solid var(--color-accent);gap:3px;padding-left:10px;display:grid}.timeline-item span{color:var(--color-text-muted);font-size:.82rem}.timeline-item p{color:var(--color-text-muted);margin:0;font-size:.84rem;line-height:1.5}.timeline-reserved-actions{flex-wrap:wrap;gap:8px;display:flex}.timeline-reserved-action{background:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font:inherit;border:0;align-items:center;gap:6px;min-height:38px;padding:8px 11px;font-size:.86rem;font-weight:800;display:inline-flex}.timeline-reserved-action:hover,.timeline-reserved-action:focus-visible{background:var(--color-accent-soft);outline:none}.modal-backdrop{z-index:20;background:#32323252;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-md);gap:12px;width:100%;max-width:420px;padding:20px;display:grid;box-shadow:0 24px 80px #32323238}.confirm-dialog h2{font-size:1.25rem;line-height:1.3}.confirm-dialog p{color:var(--color-text-muted);line-height:1.65}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.dialog-title-row{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:4px;display:flex}.dialog-close-button{flex:none;width:38px;height:38px}.before-upload-section,.case-edit-section,.variation-section,.consensus-section,.final-result-section{border-top:1px solid var(--color-border);gap:12px;min-width:0;margin-top:8px;padding-top:14px;display:grid}.before-upload-section h3,.case-edit-section h3,.variation-section h3,.consensus-section h3,.final-result-section h3{margin-top:4px;font-size:1rem;line-height:1.35}.before-upload-section p,.case-edit-section p,.variation-section p,.consensus-section p,.final-result-section p{color:var(--color-text-muted);line-height:1.65}.variation-empty-actions{gap:10px;display:grid}.variation-empty-actions .prerequisite-hint{color:var(--color-text-muted);margin:0;font-size:.9rem;font-weight:700;line-height:1.5}.case-edit-form{gap:10px;display:grid}.case-edit-form label{color:var(--color-text-muted);font-size:.86rem;font-weight:700}.case-edit-form input,.case-edit-form textarea,.final-result-note-card textarea,.image-metadata-form input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;padding:10px 12px}.final-result-note-card{gap:12px;padding:12px 0 4px;display:grid}.final-result-note-card h4{margin-top:4px;font-size:.96rem;line-height:1.35}.final-result-note-card label{color:var(--color-text-muted);font-size:.86rem;font-weight:700}.final-result-note-card textarea{background:var(--color-surface-muted);resize:vertical;border-color:#0000;min-height:86px}.consensus-section label{color:var(--color-text-muted);font-size:.86rem;font-weight:700}.consensus-summary{background:var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-primary);border:1px solid #ffd8d8;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;display:grid}.consensus-summary p{color:var(--color-text-muted);margin-top:4px}.case-summary-section{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 10%, #fff) 0%, #fff 54%);border:1px solid color-mix(in srgb, var(--color-accent) 62%, var(--color-border));border-radius:var(--radius-md);gap:14px;min-width:0;margin-top:10px;padding:14px;scroll-margin-top:18px;display:grid;box-shadow:0 12px 28px #32323214}.case-summary-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.case-summary-section h3{margin-top:4px;font-size:1.12rem;line-height:1.35}.case-summary-edit-button{flex:none;padding-inline:12px}.summary-meta-grid,.summary-notes-grid,.summary-preference-grid{gap:10px;display:grid}.summary-meta-grid div,.summary-notes-grid div,.summary-preference-grid div{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:10px}.summary-meta-grid span,.summary-notes-grid span,.summary-preference-grid span,.summary-technical-line span{color:var(--color-text-muted);margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}.summary-preference-grid{background:color-mix(in srgb, var(--color-accent) 7%, #fff);border:1px solid color-mix(in srgb, var(--color-accent) 36%, var(--color-border));border-radius:var(--radius-md);padding:10px}.summary-service-section{gap:10px;display:grid}.summary-service-header{gap:8px;display:grid}.summary-service-header>span{color:var(--color-text-muted);font-size:.78rem;font-weight:800}.summary-service-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.summary-service-tabs::-webkit-scrollbar{display:none}.summary-service-tab{background:var(--color-primary);color:#fff;font:inherit;border:0;border-radius:999px;flex:none;min-height:32px;padding:7px 12px;font-size:.82rem;font-weight:900}.summary-service-panel{gap:10px;min-width:0;display:grid}.summary-technical-line{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.82rem;line-height:1.5;display:flex}.summary-technical-line span{margin-bottom:0;display:inline}.summary-technical-line strong{color:var(--color-text);font-size:.9rem}.summary-notes-grid p{color:var(--color-text);line-height:1.6}.summary-empty-value{font-weight:700;color:var(--color-text-muted)!important}.summary-tag-block{gap:6px;display:grid}.summary-tag-block .tag-row{margin-top:0}.summary-tag-block>span{color:var(--color-text-muted);font-size:.78rem;font-weight:800}.summary-image-grid{gap:10px;display:grid}.summary-image-grid figure{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;margin:0;overflow:hidden}.summary-image-grid figcaption{color:var(--color-text-muted);justify-content:space-between;min-height:34px;padding:8px 10px;font-size:.78rem;font-weight:800;display:flex}.summary-image-grid .image-zoom-button{position:relative}.summary-image-badge{background:color-mix(in srgb, var(--color-primary) 86%, transparent);color:#fff;text-overflow:ellipsis;white-space:nowrap;z-index:1;border-radius:999px;max-width:calc(100% - 16px);padding:5px 8px;font-size:.76rem;font-weight:900;line-height:1.2;position:absolute;top:8px;right:8px;overflow:hidden}.summary-image-placeholder{aspect-ratio:4/3;background:var(--color-surface-muted);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.86rem;font-weight:800;display:flex}.case-workspace-shell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;margin-top:14px;overflow:hidden}.case-workspace-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;min-width:0;padding:0 12px;display:flex;position:relative;overflow:auto hidden}.case-workspace-tabs::-webkit-scrollbar{display:none}.case-workspace-tab{appearance:none;color:var(--color-text-muted);background:0 0;border:0;border-radius:0;flex:1 1 0;min-width:0;min-height:38px;margin-bottom:0;padding:9px 8px 10px;font-size:.9rem;font-weight:900;position:relative}.case-workspace-tab[aria-selected=true]{background:var(--color-surface);color:var(--color-primary)}.case-workspace-tab[aria-selected=true]:before{background:var(--color-accent);content:"";z-index:2;border-radius:999px;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.case-workspace-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.case-workspace-tab:after{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:normal;z-index:5;width:max-content;max-width:220px;padding:7px 9px;font-size:.78rem;font-weight:800;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}[role=tabpanel].before-upload-section,[role=tabpanel].variation-section,[role=tabpanel].final-result-section,[role=tabpanel].timeline-disclosure{background:var(--color-surface);border:0;border-radius:0;min-width:0;margin-top:0;padding:14px 12px 12px;position:relative}.case-workspace-log-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.case-workspace-tab:hover:after,.case-workspace-tab:focus-visible:after{opacity:1;transform:translate(-50%)}.before-upload-section,.variation-section,.final-result-section{scroll-margin-top:18px}.capture-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.before-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;overflow:hidden}.before-preview img,.summary-image-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.before-preview figcaption{color:var(--color-text-muted);gap:8px;padding:8px 10px;font-size:.82rem;display:grid}.before-after-compare{gap:10px;display:grid}.before-after-compare h4{margin-top:4px;font-size:.95rem;line-height:1.35}.before-after-grid{gap:10px;display:grid}.before-after-grid-single{grid-template-columns:1fr}.before-after-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;overflow:hidden}.before-after-frame img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.before-after-frame figcaption{color:var(--color-text-muted);gap:8px;padding:8px 10px;font-size:.82rem;font-weight:800;display:grid}.before-after-after-caption{gap:8px;display:grid}.before-after-caption-main,.final-result-caption-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.before-after-controls{gap:6px;display:inline-flex}.before-after-controls button{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-primary);border:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.final-gallery-block{gap:10px;min-width:0;max-width:100%;display:grid}.gallery-heading-row{gap:6px;display:grid}.gallery-title-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.final-gallery-block h4{margin-top:4px;font-size:.95rem;line-height:1.35}.gallery-title-row h4{min-width:0;margin:4px 0 0}.gallery-editing-hint{color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.gallery-management-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.gallery-management-row .gallery-editing-hint{margin:0}.final-results-gallery{scroll-snap-type:x mandatory;grid-auto-columns:clamp(220px,74vw,280px);grid-auto-flow:column;gap:10px;min-width:0;max-width:100%;padding-bottom:4px;display:grid;overflow-x:auto}.final-result-card{border:1px solid var(--color-border);border-radius:var(--radius-md);scroll-snap-align:start;min-width:220px;max-width:100%;margin:0;position:relative;overflow:hidden}.final-result-card[data-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 28%, transparent)}.final-result-card img{aspect-ratio:4/3;object-fit:cover;width:100%;max-width:100%;display:block}.final-result-card figcaption{color:var(--color-text-muted);gap:8px;padding:8px 10px;font-size:.82rem;display:grid}.final-result-actions{gap:8px;display:grid}.final-result-actions span{min-width:0}.final-result-tool-row{flex:none;gap:6px;display:inline-flex}.selected-media-badge{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);flex:none;padding:7px 8px;font-size:.76rem;font-weight:900;line-height:1;display:inline-flex}.final-result-card[data-selected=true] .selected-media-badge{background:var(--color-accent);color:#fff}.image-record-info{border-top:1px solid var(--color-border);align-items:start;gap:8px;padding-top:8px;display:grid}.image-record-target-label{color:var(--color-primary);font-size:.8rem;line-height:1.35}.image-record-meta{gap:4px;min-width:0;display:grid}.image-record-meta span{color:var(--color-text-muted);overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:.78rem;font-weight:700;line-height:1.35;display:inline-flex}.metadata-edit-button{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-primary);font:inherit;border:0;justify-self:start;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.metadata-icon-button{border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);box-shadow:var(--shadow-soft);z-index:2;justify-content:center;width:34px;height:34px;padding:0}.gallery-manage-button{border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);color:var(--color-primary);background:0 0;flex:none;min-height:30px;padding:5px 10px}.gallery-manage-button:hover,.gallery-manage-button:focus-visible{background:var(--color-surface-muted);border-color:var(--color-border)}.final-result-card .metadata-icon-button,.compare-frame .metadata-icon-button{background:#ffffffeb;position:absolute;top:8px;right:8px}.compare-frame{position:relative}.metadata-dialog{overscroll-behavior:contain;max-width:min(480px,100vw - 32px);max-height:calc(100svh - 36px);overflow-y:auto}.image-metadata-form{gap:10px;margin-top:12px;display:grid}.image-metadata-form label{color:var(--color-text-muted);font-size:.86rem;font-weight:700}.image-replacement-section,.image-remove-section{border-top:1px solid var(--color-border);gap:10px;margin-top:2px;padding-top:12px;display:grid}.image-replacement-section h3,.image-remove-section h3{margin-top:4px;font-size:.95rem;line-height:1.35}.image-replacement-section p,.image-remove-section p{color:var(--color-text-muted);font-size:.86rem;line-height:1.55}.image-remove-section .button{justify-self:start}.replacement-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;overflow:hidden}.replacement-preview img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.replacement-preview figcaption{color:var(--color-text-muted);padding:8px 10px;font-size:.78rem;font-weight:800}.remove-image-button{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);border:0;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.remove-image-button:disabled{cursor:not-allowed;opacity:.36}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.variation-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.variation-tab{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);min-height:38px;font-weight:800}.variation-tab[aria-selected=true]{background:var(--color-primary);color:#fff}.compare-grid{gap:10px;display:grid}.compare-grid-single{grid-template-columns:1fr}.compare-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;overflow:hidden}.compare-frame img,.image-zoom-button img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.image-zoom-button{background:0 0;border:0;width:100%;padding:0;display:block}.compare-frame figcaption{color:var(--color-text-muted);padding:8px 10px;font-size:.82rem;font-weight:700}.image-lightbox-backdrop{background:#141414b8;align-items:center;overflow-y:auto}.image-lightbox{background:var(--color-surface);border-radius:var(--radius-md);overscroll-behavior:contain;scrollbar-gutter:stable;gap:10px;width:100%;max-width:min(920px,100vw - 36px);max-height:calc(100svh - 36px);padding:12px;display:grid;overflow:hidden auto}.lightbox-header{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.lightbox-header h2{font-size:1rem;line-height:1.35}.lightbox-counter{color:var(--color-text-muted);margin-top:2px;font-size:.82rem;font-weight:800;display:block}.lightbox-header-actions{flex:none;align-items:center;gap:8px;display:flex}.lightbox-close-button{flex:0 0 36px}.lightbox-compare-toggle{white-space:nowrap;min-height:34px}.lightbox-compare-toggle[aria-pressed=true]{background:var(--color-primary);color:#fff}.image-record-note{color:var(--color-text);font-size:.84rem;line-height:1.5}.lightbox-primary-toggle svg{fill:#0000}.lightbox-primary-toggle[aria-pressed=true]{background:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 22%, transparent);color:#fff}.lightbox-primary-toggle[aria-pressed=true] svg{fill:currentColor;stroke-width:3px}.final-gallery-lightbox,.image-lightbox[data-compare=true]{max-width:min(1040px,100vw - 28px)}.image-lightbox-stage{align-items:center;min-height:0;display:grid;position:relative}.lightbox-compare-stage{align-items:start;gap:10px;display:grid}.lightbox-compare-stage figure,.lightbox-slide-frame figure{gap:6px;min-width:0;margin:0;display:grid}.lightbox-slide-frame{touch-action:pan-y;-webkit-user-select:none;user-select:none;min-width:0;display:grid;position:relative;overflow:hidden;container-type:inline-size}.lightbox-slide-panel{opacity:1;grid-area:1/1;overflow:hidden}.lightbox-image-crop-frame{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;display:block;overflow:hidden}.lightbox-zoom-surface{border-radius:var(--radius-sm);cursor:zoom-in;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.lightbox-zoom-surface[data-zoomed=true]{cursor:grab}.lightbox-zoom-surface[data-zoomed=true]:active{cursor:grabbing}.lightbox-zoom-content{backface-visibility:hidden;height:100%;transform:translate3d(var(--lightbox-zoom-x,0), var(--lightbox-zoom-y,0), 0) scale(var(--lightbox-zoom-scale,1));transform-origin:50%;will-change:transform;width:100%;transition:transform .12s ease-out}.lightbox-zoom-surface[data-zooming=true] .lightbox-zoom-content{transition:none}.lightbox-zoom-content img,.lightbox-zoom-content .lightbox-legacy-render-image{backface-visibility:hidden;height:100%;max-height:none;transform:translateZ(0)}.lightbox-generic-frame{border-radius:var(--radius-sm);touch-action:none;overflow:hidden}.lightbox-legacy-render-image{background-image:var(--legacy-render-image-url);border-radius:var(--radius-sm);background-position:top;background-repeat:no-repeat;background-size:124%;width:100%;height:100%;display:block}.lightbox-slide-frame .lightbox-slide-panel{min-width:100%}.lightbox-slide-panel-previous{opacity:0;pointer-events:none;display:none}.lightbox-slide-frame[data-motion=next] .lightbox-slide-panel-previous{opacity:1;animation:.26s ease-out both lightbox-slide-out-next;display:grid}.lightbox-slide-frame[data-motion=next] .lightbox-slide-panel-current{animation:.26s ease-out both lightbox-slide-in-next}.lightbox-slide-frame[data-motion=previous] .lightbox-slide-panel-previous{opacity:1;animation:.26s ease-out both lightbox-slide-out-previous;display:grid}.lightbox-slide-frame[data-motion=previous] .lightbox-slide-panel-current{animation:.26s ease-out both lightbox-slide-in-previous}.lightbox-compare-stage figcaption{color:var(--color-text-muted);text-align:left;place-items:start;gap:8px;font-size:.78rem;font-weight:800;display:grid}.lightbox-frame-caption{background:color-mix(in srgb, var(--color-surface-muted) 72%, #fff);border-radius:var(--radius-sm);text-align:left;justify-items:start;gap:10px;min-height:44px;padding:8px;display:grid}.lightbox-reference-caption{text-align:left;align-content:start;justify-items:start}.lightbox-frame-caption .image-record-info{border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;background:#fff;justify-items:start;margin-top:2px;padding:8px 50px 8px 8px;position:relative}.lightbox-frame-caption .metadata-icon-button{position:absolute;top:8px;right:8px}.lightbox-frame-caption .image-record-meta{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));width:100%}.lightbox-frame-caption .lightbox-primary-toggle{justify-self:start}.lightbox-reference-badge{background:var(--color-primary);color:#fff;border-radius:999px;padding:5px 8px;font-size:.72rem;line-height:1;display:inline-flex}.image-lightbox img,.lightbox-compare-stage img,.lightbox-legacy-render-image{border-radius:var(--radius-sm);object-fit:contain;width:100%;max-height:calc(100svh - 132px);display:block}.lightbox-slide-frame{--lightbox-photo-nav-y:50%}.before-gallery-lightbox .lightbox-before-frame,.final-gallery-lightbox[data-compare=false] .lightbox-after-frame,.variation-gallery-lightbox[data-compare=false] .lightbox-after-frame{--lightbox-single-photo-height:min(64svh, 640px);--lightbox-photo-nav-y:calc(var(--lightbox-single-photo-height) / 2);align-content:start}.before-gallery-lightbox .lightbox-before-frame img,.final-gallery-lightbox[data-compare=false] .lightbox-after-frame img,.variation-gallery-lightbox[data-compare=false] .lightbox-after-frame img,.variation-gallery-lightbox[data-compare=false] .lightbox-legacy-render-image{height:var(--lightbox-single-photo-height);max-height:var(--lightbox-single-photo-height);object-fit:cover}.variation-gallery-lightbox[data-compare=false] .lightbox-image-crop-frame{aspect-ratio:auto;height:var(--lightbox-single-photo-height)}.image-lightbox[data-compare=true] .lightbox-compare-stage{--lightbox-photo-height:min(52svh, 460px);grid-template-columns:repeat(2,minmax(0,1fr))}.image-lightbox[data-compare=true] .lightbox-slide-frame{align-content:start}.image-lightbox[data-compare=true] .lightbox-slide-panel{grid-template-rows:auto auto}.image-lightbox[data-compare=true] .lightbox-after-frame{border-left:1px solid var(--color-border);padding-left:10px}.image-lightbox[data-compare=true] .lightbox-compare-stage img,.image-lightbox[data-compare=true] .lightbox-legacy-render-image{height:var(--lightbox-photo-height);max-height:var(--lightbox-photo-height);object-fit:cover}.image-lightbox[data-compare=true] .lightbox-image-crop-frame{aspect-ratio:auto;height:var(--lightbox-photo-height)}.image-lightbox[data-compare=true] .lightbox-nav-button{--lightbox-photo-nav-y:calc(var(--lightbox-photo-height) / 2)}.image-lightbox[data-compare=true] .lightbox-after-frame .lightbox-nav-button-left{left:18px}.image-lightbox[data-compare=true] .lightbox-after-frame .lightbox-nav-button-right{right:18px}.lightbox-nav-button{border:1px solid var(--color-border);color:var(--color-primary);height:42px;top:var(--lightbox-photo-nav-y);z-index:1;background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;width:42px;display:inline-flex;position:absolute;transform:translateY(-50%)}.lightbox-nav-button-left{left:10px}.lightbox-nav-button-right{right:10px}@keyframes lightbox-slide-in-next{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes lightbox-slide-out-next{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes lightbox-slide-in-previous{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes lightbox-slide-out-previous{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.lightbox-slide-frame[data-motion=next] .lightbox-slide-panel,.lightbox-slide-frame[data-motion=previous] .lightbox-slide-panel{animation:none}.lightbox-slide-panel-previous{display:none}}.diagnostics-screen{gap:18px;display:grid}.diagnostics-panel{padding:16px}.environment-meta{gap:10px;margin:0 0 18px;display:grid}.environment-meta div{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px}.environment-meta dt{color:var(--color-text-muted);margin-bottom:4px;font-size:.78rem;font-weight:700}.environment-meta dd{overflow-wrap:anywhere;margin:0}.diagnostics-list{gap:10px;display:grid}.diagnostic-row{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:start;gap:10px;padding:12px;display:grid}.diagnostic-row h3{font-size:1rem;line-height:1.35}.diagnostic-row>span{border-radius:999px;justify-self:start;min-height:26px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.diagnostic-row[data-status=pass]>span{color:#28633b;background:#edf8f0}.diagnostic-row[data-status=warn]{border-color:#ffd8d8}.diagnostic-row[data-status=warn]>span{background:var(--color-accent-soft);color:var(--color-primary)}.sidebar{display:none}.bottom-nav{border-top:1px solid var(--color-border);z-index:10;background:#fffffff0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-muted);background:0 0;flex-direction:column;gap:4px;min-height:66px;font-size:.74rem}.bottom-nav-item[data-active=true]{color:var(--color-accent)}.gallery-filter-panel{padding:16px}.gallery-panel-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.gallery-panel-tools label{color:var(--color-text-muted);align-items:center;gap:7px;font-size:.84rem;font-weight:800;display:inline-flex}.gallery-panel-tools select{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;background:#fff;min-width:116px;min-height:36px;padding:6px 30px 6px 10px}.gallery-management-panel{gap:14px;padding:16px;display:grid}.gallery-management-panel .panel-heading p{color:var(--color-text-muted);margin-top:5px;font-size:.86rem;line-height:1.55}.gallery-create-reference-panel{gap:12px;padding:16px;display:grid}.gallery-privacy-note{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:10px 12px;line-height:1.65}.gallery-create-reference-header{gap:3px;display:grid}.gallery-create-reference-header h2{color:var(--color-primary);font-size:1.16rem;line-height:1.25}.gallery-create-reference-header p{color:var(--color-text-muted);line-height:1.6}.gallery-ai-reference-note{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.65;display:flex}.gallery-ai-reference-note svg{color:var(--color-accent);flex:none;margin-top:3px}.gallery-ai-reference-note p{margin:0}.gallery-editing-status{background:var(--color-accent-soft);border-radius:var(--radius-sm);gap:3px;padding:10px 12px;display:grid}.gallery-editing-status strong{color:var(--color-primary);font-size:1rem}.gallery-editing-status p{color:var(--color-text-muted);font-size:.88rem;line-height:1.6}.gallery-reference-dialog-backdrop{z-index:34}.gallery-reference-dialog{gap:14px;width:min(720px,100vw - 36px);max-width:720px;max-height:calc(100dvh - 36px);overflow:auto}.gallery-reference-dialog .dialog-close-button{flex:none;min-width:44px;height:44px;padding:0}.gallery-reference-dialog .dialog-close-button svg{width:20px;height:20px}.gallery-reference-dialog-title-row p{color:var(--color-text-muted);margin-top:6px;line-height:1.6}.gallery-reference-dialog-preview{background:var(--color-surface-muted);border-radius:var(--radius-sm);overflow:hidden}.gallery-reference-dialog-preview .brow-reference,.gallery-reference-dialog-preview .gallery-reference-image,.gallery-reference-dialog-preview .gallery-reference-placeholder{aspect-ratio:16/9;width:100%;max-height:240px}.gallery-reference-dialog-preview .gallery-reference-image{object-fit:cover;display:block}.gallery-create-reference-preview{border:1px solid var(--color-border)}.gallery-reference-dialog-form{padding-bottom:2px}.gallery-archive-toggle{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:.86rem;font-weight:800;display:inline-flex}.gallery-reference-form{gap:14px;display:grid}.gallery-reference-form label{color:var(--color-text-muted);gap:6px;font-size:.86rem;font-weight:800;display:grid}.gallery-reference-form input,.gallery-reference-form select,.gallery-reference-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;background:#fff;min-height:42px;padding:9px 10px}.gallery-reference-form textarea{resize:vertical;min-height:86px}.gallery-reference-media-field{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:12px;padding:12px;display:grid}.gallery-reference-media-preview{background:var(--color-surface-muted);border-radius:var(--radius-sm);overflow:hidden}.gallery-reference-media-preview .brow-reference,.gallery-reference-media-preview .gallery-reference-image,.gallery-reference-media-preview .gallery-reference-placeholder{aspect-ratio:16/9;width:100%;max-height:240px}.gallery-reference-media-preview .gallery-reference-image{object-fit:cover;display:block}.gallery-reference-field-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.gallery-reference-field-heading h3{color:var(--color-primary);margin-top:3px;font-size:1rem;line-height:1.3}.gallery-reference-field-heading p,.gallery-reference-section-heading p{color:var(--color-text-muted);margin-top:4px;line-height:1.6}.gallery-reference-media-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.gallery-reference-form-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;gap:12px;padding:12px;display:grid}.gallery-reference-section-heading{gap:3px;display:grid}.gallery-reference-section-heading h3{color:var(--color-primary);font-size:1rem;line-height:1.35}.gallery-reference-details{padding:0}.gallery-reference-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px;list-style:none;display:flex}.gallery-reference-details summary::-webkit-details-marker{display:none}.gallery-reference-details summary strong{color:var(--color-primary);margin-top:3px;font-size:1rem;line-height:1.35;display:block}.gallery-reference-details summary svg{color:var(--color-text-muted);flex:none;transition:transform .16s}.gallery-reference-details[open] summary{border-bottom:1px solid var(--color-border)}.gallery-reference-details[open] summary svg{transform:rotate(90deg)}.gallery-reference-details .form-grid{padding:0 12px 12px}.gallery-reference-form .gallery-file-button{color:var(--color-text);gap:8px;font-size:.9rem;display:inline-flex}.gallery-reference-form .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.gallery-consent-checks{background:0 0;gap:8px;padding:0;display:grid}.gallery-consent-checks label,.gallery-archive-toggle{grid-template-columns:auto 1fr;align-items:start;display:grid}.gallery-consent-checks input,.gallery-archive-toggle input{accent-color:var(--color-accent);width:auto;height:auto;min-height:0;margin-top:4px;padding:0}.gallery-reference-consent-section{background:var(--color-surface-muted);border-color:#0000}.followups-panel{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:16px;display:grid}.followups-panel p{color:var(--color-text-muted);margin-top:6px;line-height:1.65}.followups-list-panel{gap:14px;display:grid}.followups-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.followups-list-header strong{font-size:1.05rem;display:block}.followups-list{gap:10px;display:grid}.followup-row{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:13px;display:grid}.followup-row-icon{background:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-primary);justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.followup-row p{color:var(--color-primary);margin:3px 0;font-weight:800;line-height:1.5}.followup-row span{color:var(--color-text-muted);font-size:.84rem;line-height:1.5;display:block}.gallery-filter-layout{gap:12px;display:grid}.gallery-filter-set{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:8px;min-width:0;margin:0;padding:12px;display:grid}.gallery-filter-set legend{color:var(--color-text);padding:0 4px;font-size:.94rem;font-weight:800}.gallery-filter-set p{color:var(--color-text-muted);font-size:.86rem;line-height:1.5}.gallery-filter-group{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;min-height:34px;padding:5px 12px;font-size:.84rem;font-weight:800}.filter-chip[data-active=true]{background:var(--color-primary);color:#fff}.gallery-grid{gap:14px;display:grid}.gallery-card{border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;position:relative;overflow:visible}.gallery-card[data-archived=true]{opacity:.64}.gallery-card[data-dragging=true]{border-color:var(--color-primary);opacity:.72}.gallery-card[data-drop-position]:before{background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 20%, transparent);content:"";pointer-events:none;z-index:3;border-radius:999px;position:absolute}.gallery-card[data-drop-axis=vertical][data-drop-position]:before{height:8px;left:12px;right:12px}.gallery-card[data-drop-axis=vertical][data-drop-position=before]:before{top:-5px}.gallery-card[data-drop-axis=vertical][data-drop-position=after]:before{bottom:-5px}.gallery-card[data-drop-axis=horizontal][data-drop-position]:before{width:8px;top:12px;bottom:12px}.gallery-card[data-drop-axis=horizontal][data-drop-position=before]:before{left:-11px}.gallery-card[data-drop-axis=horizontal][data-drop-position=after]:before{right:-11px}.gallery-reorder-bar{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);justify-content:flex-start;align-items:center;padding:8px 10px;display:flex}.gallery-reorder-handle{cursor:grab}.gallery-reorder-handle:disabled{cursor:not-allowed;opacity:.42}.gallery-card-preview-button{cursor:zoom-in;text-align:inherit;background:0 0;border:0;width:100%;padding:0;display:block}.gallery-card-preview-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.brow-reference{background:var(--color-accent-soft);width:100%;display:block}.brow-reference rect{fill:var(--color-accent-soft)}.brow-reference path{fill:var(--color-primary);opacity:.92}.brow-reference .brow-highlight{fill:var(--color-accent);opacity:.22;transform:translateY(-10px)}.gallery-reference-image,.gallery-reference-placeholder{aspect-ratio:390/220;background:var(--color-accent-soft);width:100%;display:block}.gallery-reference-image{object-fit:cover}.gallery-reference-placeholder{color:var(--color-text-muted);place-items:center;gap:8px;font-size:.9rem;font-weight:800;display:grid}.gallery-card-body{gap:10px;padding:14px;display:grid}.gallery-card-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.gallery-card-title h3{margin-top:4px;font-size:1.05rem;line-height:1.3}.gallery-card-body p{color:var(--color-text-muted);line-height:1.65}.favorite-button{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);border:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.favorite-button[data-active=true]{background:var(--color-accent-soft);color:var(--color-accent)}.favorite-button[data-active=true] svg{fill:currentColor}.gallery-tag-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gallery-card-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.gallery-card-actions .metadata-edit-button:disabled{cursor:not-allowed;opacity:.36}.danger-action{color:var(--color-danger,#b42318)}.gallery-lightbox{max-width:min(940px,100vw - 36px)}.gallery-lightbox[data-dragging=true]{-webkit-user-select:none;user-select:none}.gallery-lightbox-actions{flex-direction:row}.gallery-lightbox-favorite-button{gap:6px;width:auto;padding:0 12px}.gallery-lightbox-stage{--gallery-lightbox-photo-height:min(68svh, 620px);--lightbox-photo-nav-y:calc(var(--gallery-lightbox-photo-height) / 2);background:var(--color-accent-soft);border-radius:var(--radius-sm);position:relative;overflow:hidden}.gallery-lightbox-stage .brow-reference,.gallery-lightbox-stage .gallery-reference-image,.gallery-lightbox-stage .gallery-reference-placeholder{aspect-ratio:auto;height:var(--gallery-lightbox-photo-height);max-height:var(--gallery-lightbox-photo-height)}.gallery-lightbox-stage .gallery-reference-image{object-fit:contain;width:100%;display:block}.gallery-lightbox-stage .lightbox-nav-button-left{left:18px}.gallery-lightbox-stage .lightbox-nav-button-right{right:18px}.gallery-lightbox-body{background:var(--color-surface-muted);border-radius:var(--radius-sm);gap:8px;padding:12px;display:grid}.gallery-lightbox-body p{color:var(--color-text-muted);line-height:1.65}@media (hover:hover) and (pointer:fine){.gallery-lightbox-header{cursor:grab;-webkit-user-select:none;user-select:none}.gallery-lightbox[data-dragging=true] .gallery-lightbox-header{cursor:grabbing}.gallery-lightbox-header button{cursor:pointer}}@media (width>=760px){.main-surface{padding:28px 28px 104px}.form-grid,.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid-single{grid-template-columns:1fr}.before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.before-after-grid-single{grid-template-columns:1fr}.summary-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.final-results-gallery{grid-auto-columns:minmax(220px,32%)}.summary-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-preference-grid,.summary-notes-grid,.gallery-grid,.gallery-filter-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1120px){.case-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr)}}@media (width>=640px){.case-grid[data-detail-active=true][data-list-visible=false]{cursor:pointer;grid-template-columns:minmax(0,1fr)}.case-grid[data-detail-active=true][data-list-visible=false] .case-list-panel{display:none}.case-grid[data-detail-active=true][data-list-visible=false] .status-panel{cursor:default;justify-self:stretch;width:100%;max-width:none}}@media (width<=639px){.page-intro-note{display:grid}.followups-panel{grid-template-columns:auto 1fr}.followups-panel .count-pill{grid-column:2;justify-self:start}.case-grid[data-mobile-mode=detail] .case-list-panel,.case-grid[data-mobile-mode=list] .status-panel,.case-grid[data-detail-active=false] .status-panel,.case-grid[data-list-visible=false] .case-list-panel{display:none}.mobile-case-back-button{justify-content:center;margin-bottom:16px;display:inline-flex}.case-list-toggle-button{display:none}.case-detail-header-actions{justify-content:stretch}.case-gallery-reference-button{flex:1}.case-list-tools{grid-template-columns:1fr;gap:8px}.case-search-field,.case-sort-field{min-height:44px;padding-inline:12px}.case-sort-field{grid-template-columns:1fr;align-items:start;gap:2px;padding-block:8px}.case-sort-field:after{top:auto;bottom:17px}.case-sort-field select{width:100%;min-width:0;min-height:30px;padding:2px 30px 2px 0}.create-case-form-actions,.gallery-management-row{grid-template-columns:1fr;align-items:stretch;display:grid}.case-summary-header{align-items:flex-start;display:flex}.case-summary-edit-button{white-space:nowrap;justify-content:center;align-self:flex-start;width:auto;min-height:40px;padding-inline:10px}.modal-backdrop{justify-content:center;align-items:flex-start;padding:12px}.gallery-reference-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.gallery-reference-dialog-title-row{gap:10px}.gallery-reference-field-heading{display:grid}.gallery-reference-media-actions{justify-content:stretch}.gallery-reference-media-actions .button{width:100%}.gallery-reference-dialog-preview .brow-reference,.gallery-reference-dialog-preview .gallery-reference-image,.gallery-reference-dialog-preview .gallery-reference-placeholder,.gallery-reference-media-preview .brow-reference,.gallery-reference-media-preview .gallery-reference-image,.gallery-reference-media-preview .gallery-reference-placeholder{max-height:190px}.gallery-reference-dialog-form .form-actions{grid-template-columns:1fr}.metadata-dialog{max-height:calc(100dvh - 24px);padding:18px}.metadata-dialog .dialog-actions{grid-template-columns:1fr}.image-lightbox-backdrop{align-items:center}.image-lightbox{max-width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.gallery-lightbox{transform:none!important}.gallery-lightbox-stage{--gallery-lightbox-photo-height:min(52svh, 440px)}.lightbox-header{align-items:flex-start;padding-right:44px}.lightbox-header-actions{flex-direction:row;justify-content:flex-end;align-items:center;min-width:36px}.lightbox-header-actions .lightbox-compare-toggle{white-space:normal;max-width:min(210px,100vw - 118px)}.lightbox-close-button{position:absolute;top:0;right:0}.before-gallery-lightbox .lightbox-before-frame,.final-gallery-lightbox[data-compare=false] .lightbox-after-frame,.variation-gallery-lightbox[data-compare=false] .lightbox-after-frame{--lightbox-single-photo-height:min(52svh, 440px)}.image-lightbox[data-compare=true] .lightbox-compare-stage{--lightbox-photo-height:min(34svh, 260px);grid-template-columns:1fr}.image-lightbox[data-compare=true] .lightbox-after-frame{border-left:0;border-top:1px solid var(--color-border);padding-top:10px;padding-left:0}.image-lightbox[data-compare=true] .lightbox-compare-stage img,.image-lightbox[data-compare=true] .lightbox-legacy-render-image{height:var(--lightbox-photo-height);max-height:var(--lightbox-photo-height)}.image-lightbox[data-compare=true] .lightbox-nav-button{--lightbox-photo-nav-y:calc(var(--lightbox-photo-height) / 2)}.image-lightbox[data-compare=true] .lightbox-after-frame .lightbox-nav-button{--lightbox-photo-nav-y:calc((var(--lightbox-photo-height) / 2) + 10px)}.lightbox-frame-caption{text-align:left}}@media (width>=1024px){.app-shell{grid-template-columns:260px 1fr}.sidebar{border-right:1px solid var(--color-border);flex-direction:column;gap:26px;min-height:100svh;padding:22px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{color:var(--color-text-muted);margin-top:2px;font-size:.78rem}.nav-list{gap:8px;display:grid}.nav-item{border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;justify-content:flex-start;gap:10px;min-height:42px;padding:0 12px}.nav-item[data-active=true]{background:var(--color-accent-soft);color:var(--color-primary)}.sidebar .icon-button{width:100%;margin-top:auto}.main-surface{padding:34px}.bottom-nav{display:none}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}