@font-face{font-family:Inter;src:url(/fonts/Inter.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Inter,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;color-scheme:light;--ink: #0f172a;--muted: #52627a;--paper: #f8fafc;--surface: #fff;--mint: #eef2ff;--accent: #2457c5;--line: #dbe3ee;--on-accent: #fff;--old-bg: #fff0ef;--old-border: #ba5953;--new-bg: #eaf5ef;--new-border: #3f8a62;--error-bg: #fcebed;--error-ink: #8c2336;--warning-bg: #fff3d6;--warning-ink: #725300;color:var(--ink);background:var(--paper)}:root[data-theme=dark]{color-scheme:dark;--ink: #edf2fa;--muted: #b3c1d7;--paper: #101827;--surface: #192538;--mint: #202e49;--accent: #9cbdff;--line: #36465f;--on-accent: #101827;--old-bg: #321b28;--old-border: #f19793;--new-bg: #102e2a;--new-border: #70c69a;--error-bg: #391c30;--error-ink: #ffb5c3;--warning-bg: #342b14;--warning-ink: #f8d77f}:root[data-theme=contrast]{color-scheme:light;--ink: #111827;--muted: #334155;--paper: #fff;--surface: #fff;--mint: #eff6ff;--accent: #1d4ed8;--line: #475569}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--paper)}.customer-shell{min-height:100vh;display:flex;flex-direction:column}.workspace{--sidebar-width: 260px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);flex:1}.workspace.workspace-collapsed{--sidebar-width: 72px}.workspace main{min-width:0}.sidebar{display:flex;flex-direction:column;gap:16px;padding:16px 12px;border-right:1px solid var(--line);background:var(--surface);position:sticky;top:72px;height:calc(100dvh - 72px);min-height:480px;z-index:20}.sidebar nav{display:grid;gap:8px}.sidebar nav button{text-align:left;background:transparent;color:var(--ink)}.sidebar nav button[aria-current=page]{background:var(--mint);color:var(--accent)}.sidebar .sidebar-action{display:flex;align-items:center;gap:14px;min-height:46px;width:100%;padding:10px 12px;text-align:left;color:var(--ink);background:transparent;border-radius:6px;font-size:13px}.sidebar .sidebar-action:hover{background:var(--mint);filter:none}.nav-icon{display:block;width:22px;height:22px;flex-shrink:0}.nav-icon-wrap{position:relative;display:inline-flex;flex-shrink:0}.nav-count{position:absolute;top:-10px;left:13px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:700;box-shadow:0 0 0 2px var(--surface)}.nav-label{min-width:0}.workspace-collapsed .nav-label{display:none}.sidebar-bottom{margin-top:auto;display:grid;gap:12px;padding-top:16px}.sidebar-flyout{position:relative}.sidebar-flyout-panel{position:absolute;bottom:calc(100% + 8px);left:0;width:min(300px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:12px;box-shadow:0 12px 36px #0003;max-height:min(480px,70dvh);overflow-y:auto}.sidebar-flyout.icon-only .sidebar-flyout-panel{left:calc(100% + 8px);bottom:0;width:min(300px,calc(100vw - 96px))}.sidebar .legal-links ul{display:grid;gap:0;min-height:0;padding:0}.sidebar .legal-links a{display:block;padding:10px 12px;border-radius:6px;font-size:13px}.sidebar .legal-links a:hover{background:var(--mint)}.sidebar-help>summary{list-style:none}.sidebar-help>summary::-webkit-details-marker{display:none}.help-chevron{margin-left:auto}.sidebar-help[open] .help-chevron{transform:rotate(180deg)}.workspace-collapsed .help-chevron{display:none}.sidebar-help-links{padding-left:18px;max-height:min(280px,35dvh);overflow-y:auto}.sidebar-help-links .legal-links a{border-left:2px solid var(--line);border-radius:0 6px 6px 0}.sidebar-help[open]{background:var(--paper);border-radius:6px}.quota.quota-compact{grid-template-columns:1fr;padding:16px;margin:0;gap:16px;border-radius:8px}.quota.quota-compact strong{font-size:20px}.quota h3{margin:0 0 8px;font-size:14px}.quota span{display:block}.login-page{display:grid;place-items:center}.login-card{width:min(100%,480px);text-align:center}.header-user{position:relative;min-width:0;font-size:13px}.portal-header .account-trigger{gap:8px;max-width:260px;border-radius:6px;color:var(--ink);text-align:left}.account-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--accent);font-size:12px}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chevron{color:var(--muted)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(300px,calc(100vw - 48px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 36px #0003;overflow-wrap:anywhere}.account-details{display:grid;gap:6px;padding-bottom:16px}.account-details small{color:var(--muted);font-weight:400}.account-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:12px}.portal-header .account-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:var(--accent)}.notifications{position:relative;font-size:13px}.notifications summary{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;list-style:none;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.notifications summary::-webkit-details-marker{display:none}.notifications[open] summary,.notifications summary:hover{background:var(--mint)}.notification-count{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:10px;font-weight:700;box-shadow:0 0 0 2px var(--paper)}.notification-menu{position:absolute;right:0;top:100%;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(360px,85vw);max-height:60vh;overflow-y:auto;box-shadow:0 12px 36px #0003;overflow-wrap:anywhere}.notification-menu ul{padding-left:20px}.notification-menu li{padding-bottom:12px}.job-list{list-style:none;padding:0;margin:0}.job-list li{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.job-list small{color:var(--muted)}.job-delete{margin-left:auto}.job-link{background:transparent;color:var(--accent);padding-left:0;overflow-wrap:anywhere;text-align:left}.comparison-page{padding-top:24px}.comparison-page>.muted{overflow-wrap:anywhere}.pagination{display:flex;gap:12px;margin-top:20px}.account>div{display:flex;gap:8px;flex-wrap:wrap}.settings-fields,.role-row{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0}.settings-fields label,.role-row label{display:grid;gap:6px;flex:1;min-width:150px}.settings-fields input,.role-row input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}fieldset{margin:0;padding:0;border:0;min-width:0}.check-label{display:flex;gap:8px}@media(max-width:900px){.workspace{--sidebar-width: 220px}.portal-brand{flex-wrap:wrap}}@media(max-width:640px){.workspace{--sidebar-width: 190px}.workspace main{padding-inline:12px}.sidebar{padding-inline:12px}.portal-header-inner{gap:10px}.portal-brand>span{display:none}.portal-header .account-trigger{max-width:150px}.account-name{display:none}.notifications{font-size:11px}}main{flex:1;width:100%;padding:0 24px 32px}a{color:var(--accent);text-underline-offset:3px}button,input{font:inherit}button,summary{cursor:pointer}button{background:var(--accent);color:var(--on-accent);border:0;border-radius:6px;padding:11px 20px;font-weight:500}button:hover:not(:disabled){filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}:is(button,input,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.brand-logo{display:inline-flex;flex-shrink:0}.brand-logo img{width:150px;height:auto}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.portal-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.portal-header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:72px;padding-inline:24px}.portal-brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-size:14px;font-weight:600}.portal-controls,.desktop-controls{display:flex;align-items:center;gap:10px}.portal-language,.portal-theme{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);background:var(--surface);border-radius:999px}.portal-header button{display:inline-flex;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px 9px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:700}.portal-header button:hover{color:var(--ink);border-color:var(--line);filter:none}.portal-header button[aria-pressed=true]{background:var(--mint);color:var(--accent)}.portal-header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.portal-mobile-settings{display:none;position:relative}.portal-mobile-settings>summary{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);list-style:none}.portal-mobile-settings>summary::-webkit-details-marker{display:none}.portal-mobile-settings[open]>summary{background:var(--mint);color:var(--ink)}.portal-mobile-settings-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,100vw - 32px);padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 36px #0003}.portal-mobile-settings-menu h2{margin:0 0 8px;color:var(--muted);font:600 12px/1.4 Inter,sans-serif}.portal-mobile-settings-menu .portal-language{margin-bottom:16px}.account-menu>.account-mobile-settings{display:none}.account-mobile-settings h2{margin:16px 0 8px;color:var(--muted);font:600 12px/1.4 Inter,sans-serif}.welcome{background:var(--mint);border-radius:16px;margin:32px 0 24px;padding:clamp(32px,5vw,64px)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);margin:0 0 14px;font-size:11px;font-weight:700}.welcome h1{max-width:1000px;margin:0 0 20px;font:700 clamp(32px,5vw,58px)/1.1 Montserrat,sans-serif;letter-spacing:-1.5px}.welcome p:not(.eyebrow){color:var(--muted);max-width:720px;margin-bottom:0}h2{font:600 24px/1.3 Montserrat,sans-serif;margin:0 0 20px}h3{font-family:Montserrat,sans-serif}.account{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;margin:20px 0}.quota{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quota strong{font-size:30px;display:block;color:var(--accent)}.quota span{font-size:14px}.quota small{grid-column:1 / -1;color:var(--muted)}.files,.diff,.previews{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file-selection{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.swap-files{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.swap-files svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.file{min-width:0;padding:24px;border:1px dashed var(--line);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;background:var(--paper)}.file span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}input{min-width:0;max-width:100%}input::file-selector-button{font:inherit;padding:8px 12px;margin-right:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}.primary{margin-top:24px}.muted{font-size:13px;color:var(--muted)}.error,.warning{padding:16px;border-radius:6px;overflow-wrap:anywhere}.error{background:var(--error-bg);color:var(--error-ink)}.warning{background:var(--warning-bg);color:var(--warning-ink)}.result-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.badge{font-size:12px;padding:4px 9px;background:var(--mint);border-radius:20px;white-space:nowrap}article{border-top:1px solid var(--line);padding:12px 0}.diff pre{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border-radius:6px;font:14px/1.6 ui-monospace,monospace;margin:0}.old{background:var(--old-bg);border-left:3px solid var(--old-border)}.new{background:var(--new-bg);border-left:3px solid var(--new-border)}.preview-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.preview-toolbar output{min-width:4em;text-align:center}.preview-column{min-width:0}.upload-preview{display:flex;align-items:center;gap:12px;min-width:0}.file>label{display:grid;gap:16px;min-width:0}.upload-thumbnail{flex:0 0 160px;max-width:45%;height:120px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}.upload-thumbnail img{display:block;max-width:100%;max-height:120px;object-fit:contain}.upload-thumbnail>span{padding:8px;text-align:center}.upload-feedback{flex:1;min-width:0}.upload-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:13px}.upload-status progress{flex:1;min-width:100px;accent-color:var(--accent)}.upload-failed{color:var(--error-ink)}.preview-viewport{width:100%;height:550px;overflow:auto;border:1px solid var(--line);background:#e8e8e8}.preview-page{display:block;max-width:none;height:auto;background:#fff}.preview-page+.preview-page{margin-top:12px}.preview-sheet{position:relative;flex-shrink:0;background:#fff}.preview-sheet+.preview-sheet{margin-top:12px}.preview-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.preview-heading button{padding:6px 10px;font-size:13px}.preview-with-minimap{display:flex;min-width:0;gap:6px}.preview-with-minimap .preview-viewport{min-width:0;flex:1}.change-overlay{position:absolute;inset:0;pointer-events:none}.old-overlay{--overlay: #dc3126}.new-overlay{--overlay: #12843a}.change-rectangle{position:absolute;border:3px solid var(--overlay);border-radius:0;min-width:0;min-height:0;padding:0;background:transparent;color:var(--overlay);pointer-events:auto}.change-rectangle:hover{background:color-mix(in srgb,var(--overlay) 12%,transparent);filter:none}.change-rectangle span{position:absolute;left:-3px;bottom:100%;font-size:11px;line-height:16px;padding:0 3px;background:var(--overlay);color:#fff}.change-rectangle.selected{outline:3px dashed var(--accent);outline-offset:3px}.document-minimap{position:relative;flex:0 0 68px;height:550px;overflow-y:auto;overflow-x:hidden;background:var(--paper);border:1px solid var(--line);padding:4px 10px 4px 4px}.minimap-page{position:relative;margin-bottom:14px}.minimap-thumbnail{display:block;width:100%;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:#fff}.minimap-thumbnail:hover{filter:none}.minimap-page .visual-image{font-size:8px;overflow:hidden}.minimap-viewport{position:absolute;left:0;right:0;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);pointer-events:none}.minimap-viewport.draggable{pointer-events:auto;cursor:grab;touch-action:none}.minimap-viewport.draggable:active{cursor:grabbing}.minimap-viewport.draggable:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.minimap-marker{position:absolute;left:calc(100% + 1px);width:6px;padding:0;min-height:5px;border:0;border-radius:0;background:var(--overlay)}.minimap-marker.selected{outline:2px solid var(--accent);outline-offset:1px}.minimap-page-number{position:absolute;top:100%;left:0;font-size:9px;line-height:12px}.result-view-switch,.change-index{display:flex;gap:8px;flex-wrap:wrap;margin-block:16px}.result-view-switch button[aria-pressed=true],.change-index button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.result-view-switch button[aria-pressed=false],.change-index button[aria-pressed=false]{background:var(--mint);color:var(--ink)}.change-index{max-height:180px;overflow-y:auto}.selected-change{padding:12px;border:1px solid var(--line);border-radius:6px}.difference-card{margin-block:16px;padding:16px;border:1px solid var(--line);border-radius:8px}.difference-card.selected{border-color:var(--accent)}.difference-card h3 .badge,.selected-change h3 .badge{margin-left:8px}.crop-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}.crop-pair figure{min-width:0;margin:0;padding:10px}.crop-pair figcaption{margin-bottom:8px;font-size:13px}.visual-image{width:100%;display:grid;place-items:center;min-height:30px;background:#fff;color:#0f172a}.visual-image img{display:block;width:100%;height:auto}.visual-image-error{padding:8px;font-size:12px;overflow-wrap:anywhere}.visual-image-error button{margin-top:8px}.comparison-results [hidden],.visual-image [hidden]{display:none}:root[data-theme=contrast] .change-rectangle{border-width:4px}:root[data-theme=contrast] .old-overlay .change-rectangle{border-style:dashed}@media(max-width:700px){.crop-pair{grid-template-columns:minmax(0,1fr)}.document-minimap{flex-basis:60px}}@media(forced-colors:active){.change-rectangle,.minimap-marker{border:3px solid Highlight;forced-color-adjust:none;color:CanvasText;background:transparent}.old-overlay .change-rectangle{border-style:dashed}.minimap-viewport{border-color:Highlight}}summary{padding:16px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.portal-footer{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);margin-top:auto}.legal-links ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;width:100%;min-height:68px;padding:14px 24px;margin:0;list-style:none}.legal-links a{color:var(--muted);font-size:13px;text-decoration:none}.legal-links a:hover{color:var(--ink);text-decoration:underline}:root[data-theme=contrast] :is(section,.welcome,.portal-header,.portal-footer,.portal-language,.portal-theme,.portal-mobile-settings-menu,.portal-mobile-settings>summary,.file){border:2px solid var(--line)}:root[data-theme=contrast] .portal-header button[aria-pressed=true]{background:var(--accent);color:#fff}:root[data-theme=contrast] .legal-links a{color:var(--accent)}:root[data-theme=contrast] :is(.error,.warning){border:2px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700}:root[data-theme=contrast] button:disabled{opacity:1;border:2px dashed var(--line);background:var(--surface);color:var(--muted)}:root[data-theme=contrast] .old{border-left-style:dashed}@media(max-width:700px){main,.portal-header-inner{padding-inline:16px}.portal-header-inner{min-height:64px;gap:12px}.portal-brand{gap:8px;font-size:12px}.brand-logo img{width:120px}.portal-header button{min-width:32px;min-height:32px;padding:5px 7px}.welcome{margin-top:20px}.welcome h1{letter-spacing:-.6px}section{padding:20px}.files,.diff,.previews,.quota{grid-template-columns:1fr}.file-selection{grid-template-columns:minmax(0,1fr)}.swap-files svg{transform:rotate(90deg)}.quota small{grid-column:1}.result-head{display:block}.account{flex-wrap:wrap}}@media(max-width:560px){.portal-header-inner{min-height:60px;padding-block:8px;gap:8px}.portal-brand{min-width:0;gap:6px;font-size:11px}.brand-logo img{width:clamp(86px,30vw,112px)}.desktop-controls{display:none}.portal-mobile-settings{display:block}.account-menu>.account-mobile-settings{display:block}}@media(forced-colors:active){:root{--paper: Canvas;--surface: Canvas;--mint: Canvas;--ink: CanvasText;--muted: CanvasText;--accent: LinkText;--line: CanvasText;--on-accent: ButtonText}.portal-header{background:Canvas}.logo-light{display:block!important}.logo-dark{display:none!important}.brand-logo{background:#fff;forced-color-adjust:none}.portal-header button[aria-pressed=true]{border-color:Highlight}.old{border-left-style:dashed}}