/* SKU Vision appearance: personal browser preferences, no external fonts. */
:root{--bg:#f5f5f7;--panel:#ffffff;--panel2:#f0f0f4;--line:#dcdce1;--fg:#1d1d1f;--muted:#62626a;--dim:#73737b;--mint:#007aff;--amber:#986700;--red:#c63645;--radius:20px;--sidebar:rgba(246,246,249,.86);--shadow:0 8px 28px #00000006;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#101012;--panel:#1c1c1f;--panel2:#27272b;--line:#36363c;--fg:#f5f5f7;--muted:#adaeb8;--dim:#92939c;--mint:#64acff;--amber:#ebbe68;--red:#ff8a95;--sidebar:rgba(27,27,31,.88);--shadow:0 8px 28px #00000020;color-scheme:dark}
body{background:var(--bg);color:var(--fg)}
.sidebar{background:var(--sidebar);backdrop-filter:blur(22px);border-color:var(--line)}
.brand{letter-spacing:-1px;font-weight:680}.brand-light{color:var(--muted)}.brand-mark{background:linear-gradient(150deg,#4b9aff,#0060dc);color:white;border-radius:11px}
nav a{color:var(--muted);border:0;border-radius:11px;font-weight:550}nav a:hover{background:var(--panel2);color:var(--fg)}nav a.active{background:color-mix(in srgb,var(--mint) 12%,transparent);color:var(--mint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 15%,transparent)}
.topbar{background:var(--sidebar);backdrop-filter:blur(20px)}h1{letter-spacing:-1px;font-weight:650}h2{font-weight:630}.eyebrow{letter-spacing:1.4px;color:var(--muted)}
.panel,.login-card{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.login-screen{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--mint) 9%,transparent),transparent 65%),var(--bg)}
.button{border-radius:11px;padding:11px 17px}.primary{background:#007aff;color:#fff}.primary:hover{background:#086de0}.secondary{background:var(--panel2);color:var(--fg);border-color:var(--line)}.secondary:hover{background:color-mix(in srgb,var(--panel2),var(--mint) 8%)}
input,select,.pick-button{background:var(--panel);border-color:var(--line);color:var(--fg);border-radius:10px}label{color:var(--muted)}input[type=file]::file-selector-button{background:var(--panel2);color:var(--mint);border-radius:7px}
th{background:var(--panel2);text-transform:none;letter-spacing:0;font-size:12px}td{border-color:var(--line)}tr.clickable:hover{background:color-mix(in srgb,var(--mint) 5%,var(--panel))}.pagination{background:var(--panel)}
.photo-tab{background:var(--panel2);color:var(--muted);border-radius:11px}.photo-tab.active{border-color:var(--mint)}.photo-rail{border-radius:17px}.zoom-button{background:var(--panel2);border-color:var(--line);color:var(--fg)}.image-scroll{background:var(--panel2)}
.menu[open]>.menu-items{background:var(--panel);border-color:var(--line);box-shadow:0 12px 40px #0002;border-radius:14px}.menu-items button:hover,.picker-item:hover{background:var(--panel2)}
dialog{background:var(--panel);border-color:var(--line);border-radius:22px;box-shadow:0 24px 90px #0004}dialog::backdrop{background:#080a1038;backdrop-filter:blur(9px)}.close:hover{color:var(--fg)}
.tabs{gap:3px;background:var(--panel2);border-radius:12px;padding:4px;width:fit-content;max-width:100%}.tabs button{background:none;border:0;border-radius:9px;color:var(--muted)}.tabs button.active{background:var(--panel);box-shadow:0 2px 6px #0001;color:var(--fg)}
.selection-bar{background:color-mix(in srgb,var(--mint) 8%,var(--panel));border-color:color-mix(in srgb,var(--mint) 24%,var(--line))}.badge{border-radius:8px}.empty-icon{background:var(--panel2);color:var(--mint)}
.appearance-panel{margin-bottom:26px;max-width:750px;padding:26px}.appearance-panel .form-grid{align-items:start}.appearance-panel input[type=range]{padding:0;accent-color:var(--mint);height:26px;min-height:26px}.appearance-panel .appearance-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.appearance-panel output{font-variant-numeric:tabular-nums;color:var(--fg);font-size:13px}.appearance-panel h2{margin-bottom:8px}.appearance-panel .check-label{display:flex;align-items:center;gap:9px}
:root:not([data-motion=off]) body,:root:not([data-motion=off]) .panel,:root:not([data-motion=off]) .sidebar,:root:not([data-motion=off]) .topbar{transition:background-color .22s ease,color .22s ease,border-color .22s ease}
:root:not([data-motion=off]) .button,:root:not([data-motion=off]) nav a,:root:not([data-motion=off]) .photo-tab{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
:root:not([data-motion=off]) .button:active{transform:scale(.98)}:root:not([data-motion=off]) dialog[open]{animation:sku-reveal .2s ease-out}:root:not([data-motion=off]) .heading{animation:sku-reveal .22s ease-out}
@keyframes sku-reveal{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:760px){.appearance-panel{padding:19px}.form-grid{grid-template-columns:1fr}}

/* A fitted photo is visible as a whole; details are available via zoom/fullscreen. */
.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.summary-heading select{width:auto;min-width:180px;min-height:35px;padding:7px 11px;font-size:12px}
.review-workspace{min-width:0}.review-workspace .image-scroll{height:68vh;max-height:850px;overscroll-behavior:contain;padding:16px}.review-workspace .image-stage{min-width:0;flex:none}.review-workspace .image-stage>img{height:100%;object-fit:fill}.review-workspace .image-scroll.panning{cursor:grabbing}.review-workspace .image-scroll.panning *{cursor:grabbing!important}
body.viewer-open{overflow:hidden}.review-workspace.expanded{position:fixed;inset:12px;z-index:85;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 0 0 100vmax #0008,0 24px 80px #0005;padding:12px;gap:8px}.review-workspace.expanded .toolbar,.review-workspace.expanded .selection-bar{margin-bottom:0;flex:none}.review-workspace.expanded #photo-viewer{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.review-workspace.expanded .canvas-toolbar{flex:none}.review-workspace.expanded .image-scroll{height:auto;max-height:none;min-height:0;flex:1}#hover-label{z-index:100}.review-workspace .canvas-toolbar{flex-wrap:wrap}.review-workspace .canvas-toolbar .filename{min-width:100px}#expand-photo{white-space:nowrap}
@media(max-width:760px){.review-workspace.expanded{inset:4px;padding:7px}.summary-heading{flex-wrap:wrap}.review-workspace .image-scroll{height:60vh}}