.work-viewer{--viewer-capture-inset:clamp(12px, 2vw, 28px);--viewer-line:rgb(var(--accent-rgb) / 25%);--viewer-grain-opacity:.025;--viewer-scan-opacity:.12;background:var(--sem-black);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--a11y-text-primary);font:.8rem/1.5 var(--font-mono);border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.work-viewer:not([open]),.work-viewer [hidden]{display:none}.work-viewer::backdrop{background:var(--sem-black)}.work-viewer *,.work-viewer :before,.work-viewer :after{box-sizing:border-box}.work-viewer__window{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;display:grid}.work-viewer__window>*,.work-viewer__workspace>*{min-width:0;min-height:0}.work-viewer__bar{padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .5rem max(1rem, env(safe-area-inset-left));border-bottom:1px solid var(--viewer-line);background:linear-gradient(110deg, rgb(var(--accent-rgb) / 6%), transparent 60%), var(--surface-panel-deep-strong);box-shadow:inset 0 1px rgb(var(--fg-rgb) / 5%);justify-content:space-between;align-items:center;gap:1rem;display:flex}.work-viewer__identity{align-items:center;gap:.9rem;min-width:0;display:flex}.work-viewer__identity>div{min-width:0}.work-viewer__mark{flex:none;width:40px;height:40px;display:grid}.work-viewer__logo{object-fit:contain;grid-area:1/1;width:100%;height:100%;display:block}.work-viewer__logo--light,[data-theme=light] .work-viewer__logo--dark{visibility:hidden}[data-theme=light] .work-viewer__logo--light{visibility:visible}.work-viewer .work-viewer__brand{color:var(--hud-label);font:.58rem/1.3 var(--font-mono);letter-spacing:.1em;margin:0 0 .18rem}.work-viewer__brand span{color:var(--a11y-text-muted)}.work-viewer .work-viewer__title{font:600 clamp(.78rem, 1.2vw, 1.1rem)/1.4 var(--font-cyber);text-overflow:ellipsis;white-space:nowrap;color:var(--white);border:0;margin:0;padding:0;overflow:hidden}.work-viewer__title:after{content:none}.work-viewer a{color:var(--a11y-link);text-decoration:none}.work-viewer a:hover{text-decoration:underline}.work-viewer button{font:inherit;color:var(--a11y-text-primary);cursor:pointer;border-radius:0}.work-viewer :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--a11y-focus);outline-offset:-3px}.work-viewer__menu{flex:none}.work-viewer__close{border:1px solid rgb(var(--accent-rgb) / 55%);background:rgb(var(--accent-rgb) / 8%);justify-content:center;align-items:center;gap:.7rem;min-width:44px;min-height:44px;padding:.4rem .8rem;display:flex}.work-viewer__close:hover{background:rgb(var(--accent-rgb) / 16%);border-color:var(--primary-red)}.work-viewer__close svg{stroke:currentColor;stroke-width:1.6px}.work-viewer__workspace{background:var(--sem-black);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 0;min-height:0;display:grid}.work-viewer[data-details-expanded=true] .work-viewer__workspace{grid-template-columns:minmax(0,1fr) 380px}.work-viewer__browser{border-bottom:1px solid var(--viewer-line);background:var(--surface-panel-soft);z-index:1;grid-area:1/1;align-items:center;gap:.75rem;min-height:64px;padding:.35rem .65rem;display:flex}.work-viewer__filmstrip-row{flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.work-viewer__filmstrip-row>button{background:var(--surface-panel-soft);border:1px solid var(--viewer-line);flex:none;place-items:center;width:26px;height:32px;padding:0;display:grid}.work-viewer__filmstrip-row>button:disabled{opacity:.35;cursor:default}.work-viewer__filmstrip{scrollbar-width:thin;overscroll-behavior-x:contain;flex:1;align-items:center;gap:.55rem;min-width:0;padding:.2rem .35rem;display:flex;overflow-x:auto}.work-viewer__tab{grid-template-columns:var(--capture-thumb-width,48px) minmax(0, max-content);border:1px solid rgb(var(--fg-rgb) / 14%);background:linear-gradient(145deg, rgb(var(--fg-rgb) / 4%), transparent 70%);min-width:0;min-height:48px;box-shadow:inset 0 1px rgb(var(--fg-rgb) / 4%);text-align:left;flex:none;align-items:center;gap:.4rem;padding:5px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid;position:relative}.work-viewer__tab:before,.work-viewer__tab:after{content:"";pointer-events:none;opacity:0;width:9px;height:9px;transition:opacity .16s;position:absolute}.work-viewer__tab:before{border-top:2px solid var(--primary-red);border-left:2px solid var(--primary-red);inset:-1px auto auto -1px}.work-viewer__tab:after{border-right:2px solid var(--hud-label);border-bottom:2px solid var(--hud-label);inset:auto -1px -1px auto}.work-viewer__tab:hover{border-color:rgb(var(--accent-rgb) / 50%);background-color:rgb(var(--accent-rgb) / 4%)}.work-viewer__tab[aria-selected=true]{border-color:rgb(var(--accent-rgb) / 60%);background-color:rgb(var(--accent-rgb) / 8%);box-shadow:inset 0 0 18px rgb(var(--accent-rgb) / 5%), 0 0 8px rgb(var(--accent-rgb) / 6%)}.work-viewer__tab[aria-selected=true]:before,.work-viewer__tab[aria-selected=true]:after{opacity:1}.work-viewer__tab[aria-selected=true] .work-viewer__tab-label{color:var(--a11y-link)}.work-viewer__thumb{background:rgb(var(--fg-rgb) / 3%);height:36px;box-shadow:0 0 0 1px rgb(var(--fg-rgb) / 8%);display:block;overflow:hidden}.work-viewer__thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.work-viewer__tab[data-frame=mobile]{--capture-thumb-width:20px}.work-viewer__tab[data-frame=tablet]{--capture-thumb-width:32px}.work-viewer__tab-label{overflow-wrap:anywhere;max-width:18ch;font-size:.67rem;line-height:1.4}.work-viewer__tab-label>span{max-height:2.8em;display:block;overflow:hidden}.work-viewer__commands{border-left:1px solid var(--viewer-line);flex:none;align-items:center;gap:4px;padding-left:.65rem;display:flex}.work-viewer__details{border-left:1px solid var(--viewer-line);background:var(--surface-panel-soft);z-index:2;grid-area:1/2/-1;grid-template-rows:64px minmax(0,1fr);display:grid}.work-viewer__details-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.work-viewer__details-body>[data-file-details]{flex-direction:column;min-height:100%;margin:0;display:flex}.work-viewer__stage{isolation:isolate;background:radial-gradient(ellipse at 50% 45%, rgb(var(--cyan-rgb) / 3%), transparent 72%);grid-area:2/1;position:relative;overflow:hidden}.work-viewer__capture{z-index:1;width:100%;min-width:0;height:100%;min-height:0;padding:var(--viewer-capture-inset);overscroll-behavior:contain;scrollbar-width:thin;position:relative;overflow:auto}.work-viewer__field{pointer-events:none;contain:strict;position:absolute;inset:0;overflow:hidden}.work-viewer__canvas{width:min(1200px,100%);min-height:100%;margin-inline:auto;position:relative}.work-viewer__canvas img{cursor:zoom-out;border:1px solid rgb(var(--cyan-rgb) / 45%);width:100%;height:auto;box-shadow:0 12px 50px rgb(var(--ink-rgb) / 25%);margin:0 auto;display:block}.work-viewer__capture[data-frame=mobile] .work-viewer__canvas{width:min(390px,100%)}.work-viewer__capture[data-frame=tablet] .work-viewer__canvas{width:min(834px,100%)}.work-viewer__capture[data-fit=true] .work-viewer__canvas{inset:var(--viewer-capture-inset);width:auto;height:auto;min-height:0;position:absolute}.work-viewer__capture[data-fit=true] img{cursor:zoom-in;object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;border:0}.work-viewer .work-viewer__message{background:var(--sem-black);color:var(--a11y-text-primary);text-align:center;margin:0;padding:.5rem .8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.work-viewer__message:empty{display:none}.work-viewer__status{min-height:30px;padding:.3rem max(1rem, env(safe-area-inset-right)) max(.3rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border-top:1px solid var(--viewer-line);background:var(--surface-panel-deep-strong);grid-area:3/1;justify-content:space-between;align-items:center;gap:1rem;font-size:.62rem;display:flex}.work-viewer__status>p{align-items:center;gap:.65rem;min-width:0;margin:0;display:flex}.work-viewer__status-dot{background:var(--sem-accent-cyan);flex:none;width:4px;height:4px}.work-viewer__scroll-hint{color:var(--a11y-text-muted);border-left:1px solid var(--viewer-line);white-space:nowrap;padding-left:.65rem}.work-viewer__status [data-viewer-caption]{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;overflow:hidden}.work-viewer__definition{border-left:2px solid var(--primary-red);overflow-wrap:anywhere;padding:.7rem}.work-viewer .work-viewer__definition h4{font:600 .8rem/1.4 var(--font-mono);color:var(--hud-label);margin:0 0 .6rem}.work-viewer .work-viewer__definition p{font:.78rem/1.65 var(--font-mono);color:var(--a11y-text-primary);white-space:pre-line;margin:0 0 .75rem}html.work-viewer-open{overflow:hidden}.work-viewer__commands svg,.work-viewer__filmstrip-row svg,.work-viewer__inspector-bar svg,.work-viewer__status svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:16px;height:16px;display:block}.work-viewer .work-viewer__command{border:1px solid var(--viewer-line);background:linear-gradient(rgb(var(--fg-rgb) / 3%), transparent), var(--surface-panel-soft);min-height:34px;color:var(--a11y-text-primary);font:.63rem/1.4 var(--font-mono);white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .5rem;text-decoration:none;transition:border-color .16s,background-color .16s;display:inline-flex}.work-viewer .work-viewer__command:hover,.work-viewer__filmstrip-row>button:enabled:hover{color:var(--a11y-link);border-color:var(--hud-label);background-color:rgb(var(--accent-rgb) / 6%)}.work-viewer .work-viewer__command:is([aria-pressed=true],[aria-expanded=true]){color:var(--a11y-link);border-color:var(--hud-label);background:rgb(var(--accent-rgb) / 8%);box-shadow:inset 0 1px rgb(var(--secondary-rgb) / 10%)}.work-viewer__inspector-bar{border-bottom:1px solid var(--viewer-line);background:var(--surface-panel-soft);color:var(--hud-label);align-items:center;gap:.6rem;padding-inline:1.25rem;display:flex}.work-viewer .work-viewer__inspector-bar h3{font:.65rem/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border:0;margin:0;padding:0}.work-viewer .work-viewer__inspector-bar h3:after{content:none}.work-viewer__state{color:var(--a11y-text-muted);flex:none;align-items:center;gap:.45rem;display:flex}.work-viewer[data-capture-state=loading] .work-viewer__status-dot{background:var(--hud-label)}.work-viewer[data-capture-state=error] .work-viewer__status-dot{background:var(--primary-red)}@media (width<=1024px){.work-viewer__workspace,.work-viewer[data-details-expanded=true] .work-viewer__workspace{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.work-viewer__details{border-left:0;border-bottom:1px solid var(--viewer-line);grid-area:2/1;grid-template-rows:36px minmax(0,1fr);height:min(36dvh,max(64px,100dvh - 240px))}.work-viewer__stage{grid-area:3/1}.work-viewer__status{grid-area:4/1}}@media (width<=700px){.work-viewer__bar{gap:.5rem;padding-inline:.65rem}.work-viewer__identity{gap:.5rem}.work-viewer__mark{width:32px;height:32px}.work-viewer__brand span,.work-viewer__close>span{display:none}.work-viewer__close{padding:.4rem}.work-viewer__browser{flex-wrap:wrap;gap:.25rem;padding:.25rem .65rem}.work-viewer__filmstrip-row{flex-basis:100%}.work-viewer__commands{border:0;width:100%;padding:0}.work-viewer .work-viewer__command{flex:auto;justify-content:center;gap:.3rem;min-height:30px;padding:.2rem .35rem;font-size:.6rem}.work-viewer .work-viewer__command svg{width:12px;height:12px}.work-viewer__status{gap:.5rem;padding-inline:.65rem;font-size:.57rem}.work-viewer__status>p{gap:.4rem}.work-viewer__scroll-hint{padding-left:.4rem}.work-viewer .project-dossier--viewer{padding:.8rem}}@media (height<=500px){.work-viewer__brand{display:none}.work-viewer__bar{padding-block:2px}.work-viewer__mark{width:28px;height:28px}.work-viewer__close{min-width:32px;min-height:32px;padding:4px}.work-viewer__browser{min-height:38px;padding-block:2px}.work-viewer__filmstrip{padding-block:0}.work-viewer__thumb{height:22px}.work-viewer__tab,.work-viewer .work-viewer__command{min-height:28px;padding-block:2px}.work-viewer__details{grid-template-rows:28px minmax(0,1fr)}.work-viewer__status{min-height:24px;padding-block:2px}}[data-motion=paused] .work-viewer__tab,[data-motion=paused] .work-viewer__tab:before,[data-motion=paused] .work-viewer__tab:after,[data-motion=paused] .work-viewer__command{transition:none}@media (prefers-reduced-motion:reduce){.work-viewer__tab,.work-viewer__tab:before,.work-viewer__tab:after,.work-viewer__command{transition:none}}@media (forced-colors:active){.work-viewer{color:canvastext;background:canvas}.work-viewer__tab[aria-selected=true]{outline-offset:-3px;outline:2px solid highlight}.work-viewer__close,.work-viewer__tab,.work-viewer__command,.work-viewer__details{border-color:buttontext}.work-viewer__field{display:none}}.work-field__grain{opacity:var(--viewer-grain-opacity);background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27256%27%20height%3D%27256%27%3E%3Cfilter%20id%3D%27grain%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.9%27%20numOctaves%3D%274%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Cpath%20fill%3D%27white%27%20filter%3D%27url%28%23grain%29%27%20d%3D%27M0%200h256v256H0z%27%2F%3E%3C%2Fsvg%3E);background-size:256px 256px;animation:1s step-end infinite paused viewer-static;position:absolute;inset:-12px}.work-field__scanlines{background:repeating-linear-gradient(0deg, rgb(var(--fg-rgb) / 10%) 0 1px, transparent 1px 4px);opacity:var(--viewer-scan-opacity);position:absolute;inset:0}.work-viewer[data-static-active] .work-field__grain{animation-play-state:running}[data-theme=light] .work-viewer{--viewer-grain-opacity:.015;--viewer-scan-opacity:.07}@keyframes viewer-static{0%,to{transform:translate(0)}12.5%{transform:translate(-5px,3px)}25%{transform:translate(4px,-7px)}37.5%{transform:translate(-8px,-2px)}50%{transform:translate(6px,5px)}62.5%{transform:translate(-3px,-6px)}75%{transform:translate(8px,-4px)}87.5%{transform:translate(-6px,7px)}}[data-motion=paused] .work-viewer .work-field__grain{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.work-viewer .work-field__grain{animation-play-state:paused}}.work-viewer .work-viewer__workspace,.work-viewer .work-viewer__details{transition:none}