*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,p{margin-block:0}button,input,select,textarea{font:inherit}button,h1,h2,h3,h4,input,label{line-height:1.1}:root{--button-x-padding:0.25em;--button-y-padding:0.25em;--button-gutter:0.5ch;--button-border-width:1px;--color-background:#fff;--color-text:#0f172a;--color-link:#334155;--color-border:#334155;--color-highlight:#344a22;--color-highlight-text:#fff;--color-element-background:#ffffff;--color-button-background:#f1f5f9;--color-button-text:#0f172a;--color-button-border:#0f172a;--color-button-hover-background:#0f172a;--color-button-hover-text:#f1f5f9;--color-button-hover-border:#0f172a;--color-card-background:#f1f5f9;--color-card-text:#0f172a;--color-card-border:#0f172a;--color-card-hover-background:#0f172a;--color-card-hover-text:#f1f5f9;--color-card-hover-border:#0f172a;--color-rating-a:#2dc937;--color-rating-b:#99c140;--color-rating-c:#e7b416;--color-rating-d:#db7b2b;--color-rating-e:#cc3232;--space-xs:clamp(0.4375rem,0.42rem + 0.1vw,0.5rem);--space-s:clamp(0.875rem,0.83rem + 0.2vw,1rem);--space-m:clamp(1.3125rem,1.25rem + 0.29vw,1.5rem);--space-l:clamp(2.1875rem,2.09rem + 0.49vw,2.5rem);--space-xl:clamp(3.0625rem,2.92rem + 0.69vw,3.5rem);--space-2xl:clamp(3.5rem,3.34rem + 0.78vw,4rem);--space-3xl:clamp(4.375rem,4.17rem + 0.98vw,5rem);--space-4xl:clamp(6.5625rem,6.26rem + 1.47vw,7.5rem);--space-xs-l:clamp(0.4375rem,-0.23rem + 3.24vw,2.5rem);--space-m-l:clamp(1.3125rem,0.93rem + 1.86vw,2.5rem);--space-2xl-4xl:clamp(3.5rem,2.21rem + 6.27vw,7.5rem);--size-step-000:clamp(0.694375rem,0.69rem + 0.04vw,0.72rem);--size-step-00:clamp(0.833125rem,0.81rem + 0.1vw,0.9rem);--size-step-0:clamp(1rem,0.96rem + 0.2vw,1.125rem);--size-step-1:clamp(1.2rem,1.13rem + 0.32vw,1.40625rem);--size-step-2:clamp(1.44rem,1.34rem + 0.5vw,1.758125rem);--size-step-3:clamp(1.728125rem,1.58rem + 0.74vw,2.1975rem);--size-step-4:clamp(2.07375rem,1.86rem + 1.06vw,2.746875rem);--size-step-5:clamp(2.488125rem,2.18rem + 1.48vw,3.433125rem);--size-step-6:clamp(2.98625rem,2.56rem + 2.05vw,4.29125rem);--size-step-7:clamp(3.583125rem,3.01rem + 2.79vw,5.364375rem);--size-step-8:clamp(4.3rem,3.52rem + 3.77vw,6.705625rem);--size-step-9:clamp(5.16rem,4.12rem + 5.05vw,8.381875rem);--size-step-10:clamp(6.191875rem,4.81rem + 6.72vw,10.4775rem);--leading-micro:0.85;--leading-flat:1;--leading-fine:1.2;--leading-standard:1.4;--leading-loose:1.7;--font-base:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--font-serif:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;--font-regular:400;--font-medium:500;--font-bold:700;--font-black:900;--gutter:var(--space-m-l);--transition-base:250ms ease;--transition-movement:200ms linear;--transition-fade:300ms ease;--transition-bounce:500ms cubic-bezier(0.5,0.05,0.2,1.5);--stroke-width:1px;--stroke:var(--stroke-width) solid var(--color-border);--radius-s:0.2rem;--radius-m:0.75rem;--radius-l:2.5rem;--uppercase-kerning:0.04ch}@media (prefers-color-scheme:dark){:root{--color-background:#1e293b;--color-text:#cbd5e1;--color-element-background:#0f172a;--color-button-background:#1e293b;--color-button-text:#cbd5e1}}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-base);font-size:var(--size-step-0);line-height:var(--leading-standard);margin:0;min-height:100vh}:is(h1,h2,h3,h4){line-height:var(--leading-fine);text-wrap:balance}:is(code,kbd,samp){font-family:var(--font-mono);padding:.2em .2em .05em}:is(input,select,textarea){accent-color:var(--color-highlight)}::selection{background:var(--color-highlight);color:var(--color-highlight-text)}:focus{outline:none}:focus-visible{outline:2px solid currentColor;outline-offset:.2lh;z-index:999}label{font-weight:var(--font-medium);line-height:var(--leading-fine)}svg{flex-shrink:0}.cluster{align-items:var(--cluster-vertical-alignment,center);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-m));justify-content:var(--cluster-horizontal-alignment,flex-start)}.flow>*+*{-webkit-margin-before:var(--flow-space,1em);margin-block-start:var(--flow-space,1em)}.flow-space-xs{--flow-space:clamp(0.4375rem,0.42rem + 0.1vw,0.5rem)}.flow-space-s{--flow-space:clamp(0.875rem,0.83rem + 0.2vw,1rem)}.flow-space-m{--flow-space:clamp(1.3125rem,1.25rem + 0.29vw,1.5rem)}body,html{height:100%}.app,.viewer-container{display:flex;flex-direction:column;height:100vh}.content-grid{display:flex;flex:1 1;overflow:hidden}.left-panel{display:flex;flex-direction:column;flex:1 1;min-width:0}.right-panel{width:320px;min-width:320px;flex-shrink:0;border-left:1px solid var(--color-border);overflow-y:auto}.toolbar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);background:var(--color-element-background);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.button:disabled{opacity:.4;cursor:default}.toolbar label{font-size:var(--size-step-00);color:var(--color-text)}.toolbar input[type=range]{width:100px;accent-color:var(--color-highlight)}.toolbar .sep{width:1px;height:24px;background:var(--color-border)}.toolbar .info{font-size:var(--size-step-000);color:var(--color-text);margin-left:auto}.toolbar-toggle{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--size-step-00);cursor:pointer;white-space:nowrap}.toolbar-toggle input[type=checkbox]{accent-color:var(--color-highlight);cursor:pointer}.main{display:flex;flex:1 1;overflow:hidden}.canvas-container{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background);overflow:auto}.canvas-wrapper{position:relative}.canvas-wrapper canvas{position:absolute;top:0;left:0}.main-canvas{position:relative!important;display:block;border:1px solid var(--color-border);cursor:crosshair}.hit-canvas{display:none}.overlay-canvas{pointer-events:none}.timeline{width:100%;padding:var(--space-xs) var(--space-s);background:var(--color-element-background);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.timeline input[type=range]{flex:1 1;accent-color:var(--color-highlight)}.timeline .timeline-label{font-size:var(--size-step-000);color:var(--color-text);white-space:nowrap;min-width:90px}.side-panel{width:100%;min-width:unset;background:var(--color-element-background);border-left:none;overflow-y:auto;padding:var(--space-s);font-size:var(--size-step-00);flex-shrink:0;height:100%}.side-panel h2{font-size:var(--size-step-1);margin-bottom:var(--space-s);color:var(--color-highlight)}.side-panel h3{font-size:var(--size-step-00);margin:var(--space-s) 0 var(--space-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--uppercase-kerning);padding-bottom:var(--space-xs)}.panel-tabs,.side-panel h3{border-bottom:1px solid var(--color-border)}.panel-tabs{display:flex;margin-bottom:var(--space-s)}.panel-tab{flex:1 1;padding:var(--space-xs) var(--space-s);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text);opacity:.6;font-size:var(--size-step-00);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--transition-base),border-color var(--transition-base);text-align:center}.panel-tab:hover{opacity:.9}.panel-tab.active{opacity:1;border-bottom-color:var(--color-highlight);color:var(--color-highlight)}.run-info .meta-value{white-space:normal;word-break:break-word}.meta-row-stacked{display:flex;flex-direction:column;padding:3px 0}.meta-label-bold{color:var(--color-text);font-weight:var(--font-bold);margin-bottom:2px}.meta-row{display:flex;justify-content:space-between;padding:3px 0}.meta-label{color:var(--color-text);opacity:.7}.meta-value{color:var(--color-text);font-family:var(--font-mono);font-size:var(--size-step-000)}.color-swatch{display:inline-block;width:14px;height:14px;border-radius:var(--radius-s);vertical-align:middle;margin-right:var(--space-xs)}.color-swatch,.reasoning-box{border:1px solid var(--color-border)}.reasoning-box{background:var(--color-background);padding:var(--space-xs);font-size:var(--size-step-000);line-height:var(--leading-standard);color:var(--color-text);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.reasoning-box,.score-bar-container{border-radius:var(--radius-s);margin-top:var(--space-xs)}.score-bar-container{width:100%;background:var(--color-border);height:8px}.score-bar{height:100%;border-radius:var(--radius-s);transition:width var(--transition-fade)}.artwork-header{padding:var(--space-s);background:var(--color-background);border-bottom:1px solid var(--color-border)}.artwork-header .title{font-size:var(--size-step-1);font-weight:var(--font-bold);color:var(--color-highlight)}.artwork-header .subtitle{font-size:var(--size-step-000);color:var(--color-text);opacity:.7;margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text);opacity:.5;text-align:center;gap:var(--space-s)}.empty-state svg{width:48px;height:48px;opacity:.5}.empty-state p{font-size:var(--size-step-1)}.empty-state small,.hover-hint{font-size:var(--size-step-00);color:var(--color-text)}.hover-hint{opacity:.6;text-align:center;padding:40px var(--space-s);line-height:var(--leading-standard)}.report-content{overflow-y:auto}.report-markdown{font-size:var(--size-step-000);line-height:1.5}.report-markdown h1{font-size:var(--size-step-1)}.report-markdown h1,.report-markdown h2{margin:var(--space-s) 0 var(--space-2xs)}.report-markdown h2{font-size:var(--size-step-0)}.report-markdown h3{font-size:var(--size-step-00)}.report-markdown h3,.report-markdown h4{margin:var(--space-xs) 0 var(--space-2xs)}.report-markdown h4{font-size:var(--size-step-000)}.report-markdown ul{padding-left:var(--space-m)}.report-markdown li{margin-bottom:var(--space-2xs)}.report-markdown strong{color:var(--color-highlight)}.empty-hint,.loading-hint{opacity:.6;font-size:var(--size-step-00);text-align:center;padding:var(--space-m)}.clear-selection-btn{display:none;width:100%;padding:var(--space-xs);margin-bottom:var(--space-xs);background:var(--color-button-background);color:var(--color-button-text);border:1px solid var(--color-button-border);border-radius:var(--radius-s);font-size:var(--size-step-000);cursor:pointer;text-align:center;transition:background var(--transition-base)}.clear-selection-btn:hover{background:var(--color-button-hover-background);color:var(--color-button-hover-text)}.stroke-info .locked-badge{display:inline-block;font-size:var(--size-step-000);color:var(--color-highlight-text);background:var(--color-highlight);border:1px solid var(--color-highlight);border-radius:var(--radius-s);padding:1px 6px;margin-left:var(--space-xs);vertical-align:middle;text-transform:uppercase;letter-spacing:var(--uppercase-kerning)}.gallery-page{padding:var(--gutter);max-width:1400px;margin:0 auto}.gallery-header{margin-bottom:var(--space-m-l);text-align:center}.gallery-header h1{font-size:var(--size-step-1);margin-bottom:var(--space-xs)}.gallery-header p{color:var(--color-text);opacity:.8;font-size:var(--size-step-0)}.gallery-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-m);gap:var(--space-m);margin-bottom:var(--space-m-l)}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-empty{text-align:center;padding:var(--space-m-l);max-width:600px;margin:0 auto}.gallery-empty h2{font-size:var(--size-step-1);margin-bottom:var(--space-m)}.gallery-empty p{line-height:var(--leading-standard);color:var(--color-text);opacity:.8}.artwork-card{display:block;background:var(--color-element-background);border:1px solid var(--color-border);border-radius:var(--radius-s);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base)}.artwork-card:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}.artwork-card .thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-element-background)}.artwork-card .thumbnail img{width:100%;height:100%;object-fit:cover}.artwork-card .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-element-background) 0,var(--color-border) 100%)}.artwork-card .thumbnail-placeholder span{font-family:var(--font-mono);font-size:var(--size-step-00);color:var(--color-text);opacity:.6}.artwork-card .card-body{padding:var(--space-s)}.artwork-card .card-title{font-size:var(--size-step-0);font-weight:var(--font-bold);margin-bottom:var(--space-xs);line-height:var(--leading-fine)}.artwork-card .card-subject{font-size:var(--size-step-00);color:var(--color-text);opacity:.8;margin-bottom:var(--space-s);line-height:var(--leading-standard)}.artwork-card .badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.artwork-card .badge{display:inline-block;font-size:var(--size-step-000);font-weight:var(--font-medium);color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-s);padding:2px 8px;text-transform:uppercase;letter-spacing:var(--uppercase-kerning)}.badge-model{background:var(--color-highlight);color:var(--color-highlight-text);border-color:var(--color-highlight)}.badge-score-low{background:#ef4444;color:white;border-color:#ef4444}.badge-score-mid{background:#f59e0b;color:white;border-color:#f59e0b}.badge-score-high{background:#22c55e;color:white;border-color:#22c55e}.gallery-controls{display:flex;gap:var(--space-m);margin-bottom:var(--space-m);flex-wrap:wrap;align-items:center}.gallery-control-group{display:flex;align-items:center;gap:var(--space-xs)}.gallery-control-group select{padding:var(--space-xs) var(--space-s);background:var(--color-element-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-s);font-size:var(--size-step-00);cursor:pointer}.gallery-control-group label{font-size:var(--size-step-00);white-space:nowrap}.gallery-count{font-size:var(--size-step-00);color:var(--color-text-muted);margin-left:auto}@media (max-width:768px){.content-grid{flex-direction:column}.left-panel{flex:none}.right-panel{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--color-border);max-height:50vh;overflow-y:auto}}.button{align-items:center;background:var(--color-button-background);border:var(--stroke);border-color:var(--color-button-border);border-width:1px;color:var(--color-button-text);cursor:pointer;display:inline-flex;font-size:var(--size-step-00);font-weight:var(--font-bold);gap:var(--button-gutter);letter-spacing:var(--uppercase-kerning);line-height:var(--leading-flat);padding:var(--button-y-padding) var(--button-x-padding);position:relative;text-decoration:none;text-transform:uppercase}.button,.button:hover{filter:drop-shadow(var(--color-button-border) var(--button-border-width) var(--button-border-width) 0)}.button:hover{background:var(--color-button-hover-background);border-color:var(--color-button-hover-border);color:var(--color-button-hover-text)}.button:active{transform:scale(99%)}