:root{color-scheme:dark;--bg:#100f0f;--panel:#1c1b1a;--line:#343331;--text:#cecdc3;--muted:#aaa89f;--accent:#3aa99f;font:14px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,select,a{font:inherit}button,select{color:var(--text);background:transparent;border:1px solid var(--line);border-radius:5px}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:hover{background:var(--panel)}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[aria-pressed=true]{border-color:var(--accent);background:#20312d}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}
.stage{height:100svh;min-height:420px;display:flex;flex-direction:column;gap:7px;padding:0 18px 8px;max-width:2400px;margin:auto;outline:none}.masthead{height:34px;flex:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.modes{display:flex;gap:14px}.modes a{color:var(--muted)}.modes a[aria-current=page]{color:var(--text)}.study-name{letter-spacing:.04em}.scene-bar{display:flex;align-items:center;gap:8px;height:34px;flex:none}.scene-bar button{width:32px;height:32px}.scene-bar select{max-width:380px;min-width:0;flex:1;height:32px;padding:0 8px;background:var(--bg)}.scene-bar .context-link{margin-left:auto;font-size:12px;padding:5px 0 5px 14px;white-space:nowrap}.scene-context{height:25px;flex:none;display:flex;align-items:baseline;gap:8px;overflow:hidden}.scene-context h1{font-size:13px;line-height:22px;margin:0;font-weight:600;white-space:nowrap}.scene-context p{font-size:12px;color:var(--muted);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variants{height:33px;display:flex;gap:5px;flex:none;overflow:auto;scrollbar-width:none;align-items:stretch}.variants::-webkit-scrollbar{display:none}.variants button{padding:3px 12px;white-space:nowrap;font-size:12px;flex:none}.variants .divider{height:18px;align-self:center;width:1px;background:var(--line);margin:0 5px;flex:none}
.viewer{position:relative;flex:1;min-height:150px;overflow:hidden;background:#0a0909;border:1px solid #232220;border-radius:5px;touch-action:pan-y;isolation:isolate}.viewer.zoomed{touch-action:none;cursor:grab}.viewer.dragging{cursor:grabbing}.canvas,.frame,.frame picture{position:absolute;inset:0;width:100%;height:100%}.canvas{transform-origin:50% 50%;will-change:transform}.frame{visibility:hidden}.frame.ready{visibility:visible}.frame img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.comparison{visibility:hidden}.viewer.revealing .comparison{visibility:visible}.image-label{position:absolute;left:10px;bottom:10px;z-index:4;background:#100f0fda;border:1px solid #403e3c;border-radius:4px;padding:3px 9px;font-size:11px;pointer-events:none;white-space:nowrap}.load-status{position:absolute;left:10px;top:9px;font-size:11px;color:var(--muted);background:#100f0fda;padding:2px 6px;z-index:3}.tools-toggle{position:absolute;right:8px;top:8px;z-index:6;background:#100f0fea;padding:5px 10px;font-size:12px;min-height:32px}.tools{position:absolute;right:8px;top:46px;z-index:8;display:flex;gap:6px;padding:9px;background:#1c1b1af5;border:1px solid var(--line);border-radius:5px;max-width:calc(100% - 16px);flex-wrap:wrap}.tools button,.tools a{padding:5px 10px;min-height:34px}.tools a{border:1px solid var(--line);border-radius:5px;font-size:12px;display:inline-flex;align-items:center}.grid{position:absolute;inset:0;background:var(--bg);overflow:auto;padding:48px 10px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;z-index:2}.grid figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.grid button{width:100%;border:0;padding:0;display:block}.grid picture{display:block;height:28svh;min-height:140px}.grid img{display:block;width:100%;height:100%;object-fit:contain}.grid figcaption{font-size:11px;color:var(--muted);padding:6px 9px}
.image-controls{height:38px;flex:none;display:flex;align-items:stretch;gap:7px}.image-controls button{min-width:38px;padding:5px 12px}.selected-label{min-width:0;flex:1;align-self:center;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hold{width:170px;flex:none;touch-action:none}.keyboard-hint{font-size:11px;color:var(--muted);height:18px;flex:none;display:flex;justify-content:space-between;gap:12px}.keyboard-hint kbd{font:11px ui-monospace,monospace;color:var(--text)}button,.variants,.image-label,.image-controls,.keyboard-hint{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.details{max-width:1080px;margin:auto;padding:48px 24px 60px;overflow-wrap:anywhere}.details h2{font-size:21px;margin:0 0 8px}.details h3{font-size:14px;margin:26px 0 10px}.details p{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading a{font-size:12px}.facts{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:18px 0 28px}.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-heading button{font-size:12px;padding:4px 10px}.prompt-heading h3{margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:18px;font:12px/1.7 ui-monospace,monospace;max-height:65svh;overflow:auto}.downloads{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:18px 0}.method{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.method summary{cursor:pointer}.method p{font-size:13px}.details footer{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;font-size:11px;color:var(--muted)}.details footer a{margin-right:12px}
@media(max-width:700px){.stage{padding:0 8px 6px;gap:5px}.masthead{height:28px;font-size:10px}.scene-bar{height:36px;gap:5px}.scene-bar button{height:36px;width:36px;flex:none}.scene-bar select{height:36px;width:0;font-size:12px}.scene-bar .context-link{font-size:11px;padding-left:4px}.scene-context{height:52px;display:block;line-height:20px}.scene-context h1{font-size:12px;line-height:18px}.scene-context p{font-size:11px;line-height:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.variants{height:35px}.variants button{font-size:11px;padding:4px 10px}.image-controls{height:42px;gap:5px}.image-controls button{min-width:38px;padding:6px 9px}.hold{width:124px;font-size:11px}.selected-label{font-size:11px}.keyboard-hint{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:46px 6px 6px}.grid picture{height:24svh;min-height:120px}.details{padding:32px 16px 48px}.details h2{font-size:18px}.tools-toggle{min-height:36px}.tools button,.tools a{min-height:40px}pre{padding:12px;font-size:11px}}
@media(hover:none),(pointer:coarse){.keyboard-hint{display:none}button:hover{background:transparent}button[aria-pressed=true]:hover{background:#20312d}}
@media(max-height:500px) and (min-width:701px){.stage{min-height:320px;gap:3px}.scene-context{height:20px}.masthead{height:26px}.keyboard-hint{display:none}}

@media(pointer:coarse){.viewer,.viewer.zoomed{touch-action:auto}.tools #minus,.tools #plus,.tools #fit{display:none}}

.model-list{height:18px;flex:none;font-size:10px;white-space:nowrap;overflow:auto;scrollbar-width:none;color:var(--muted)}.model-list a{color:var(--muted)}.masthead{gap:10px}.study-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modes{flex:none}@media(max-width:700px){.study-settings{display:none}.model-list{font-size:9px;height:16px}}

.stage{gap:10px;padding-top:0}.masthead{height:58px;font-size:13px;flex:none}.study-name{display:block;font-size:15px;font-weight:600;letter-spacing:0}.study-subtitle{display:block;font-size:11px;color:var(--muted);margin-top:2px}.study-body{display:flex;gap:22px;flex:1;min-height:0}.image-study{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;min-height:0}.sample-panel{width:300px;flex:none;overflow:auto;border-left:1px solid var(--line);padding:0 0 12px 18px;scrollbar-width:thin}.sample-panel h2{font-size:14px;margin:4px 0}.panel-intro{font-size:11px;color:var(--muted);margin:0 0 12px}.sample-card{margin-bottom:9px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.sample-card.current{border-color:var(--accent);background:#20312d55}.sample-choice{border:0;border-radius:0;padding:8px;width:100%;display:flex;text-align:left;gap:10px;align-items:center}.sample-choice picture{width:66px;height:64px;flex:none}.sample-choice img{width:100%;height:100%;object-fit:contain}.sample-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.sample-copy strong{font-size:12px;font-weight:500}.sample-copy span{font-size:11px;line-height:1.4;color:var(--muted)}.sample-card details{font-size:11px;padding:0 8px 7px}.sample-card summary{cursor:pointer;color:var(--muted);padding-top:3px}.sample-card pre{font-size:10px;line-height:1.5;max-height:230px;padding:8px;margin:7px 0 0}.scene-bar{height:32px}.scene-bar select{max-width:none}.scene-context{height:40px;display:block}.scene-context h1{font-size:13px;line-height:18px}.scene-context p{font-size:11px;line-height:18px}.viewer-navigation{position:absolute;bottom:10px;right:10px;z-index:7;display:flex;flex-direction:column;gap:5px}.viewer-navigation button{width:40px;height:40px;background:#100f0fe8}.viewer-hold{position:absolute;top:8px;right:8px;z-index:7;min-height:36px;background:#100f0fe8;font-size:11px}.tools-toggle{left:8px;right:auto}.tools{left:8px;right:auto}.load-status{top:50px}.image-controls{align-items:center}.image-controls .context-link{margin-right:auto;font-size:12px;padding:8px 0}.sample-label{font-size:11px;color:var(--muted);margin-right:4px}.image-controls button{height:38px}.mobile-variant{display:none}.method-models a{display:inline-block;margin-bottom:6px}.keyboard-hint{font-size:10px;gap:6px}.keyboard-hint kbd{font-size:10px}
@media(max-width:1100px) and (min-width:701px){.sample-panel{width:250px;padding-left:12px}.study-body{gap:12px}.keyboard-hint{height:30px;flex-wrap:wrap}.variants button{padding:4px 8px;font-size:11px}}
@media(max-width:700px){.stage{gap:6px;padding:0 8px 6px}.masthead{height:49px;font-size:11px}.study-name{font-size:12px}.study-subtitle{font-size:10px}.study-body{display:flex;min-height:0}.image-study{gap:6px}.sample-panel,.scene-bar,.variants,.keyboard-hint{display:none}.scene-context{height:48px}.scene-context h1{font-size:12px;line-height:18px}.scene-context p{font-size:11px;line-height:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-variant{display:block;height:36px;flex:none;width:100%;padding:0 9px;background:var(--bg);font-size:12px}.viewer{min-height:100px;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.viewer .image-label{display:none}.viewer.revealing .image-label{display:block}.viewer-hold{width:128px;min-height:40px}.viewer-navigation{right:8px;bottom:8px}.viewer-navigation button{width:44px;height:44px}.tools-toggle,.tools{display:none!important}.image-controls{height:44px;gap:6px}.image-controls button{height:42px;width:42px;padding:0}.image-controls .context-link{font-size:11px}.sample-label{font-size:11px}.viewer img{-webkit-touch-callout:none}}

.sample-card{border:0;border-radius:0;margin:0 0 3px}.sample-card.current{background:#20312d55}.sample-choice{padding:6px 4px;border-left:2px solid transparent}.sample-card.current .sample-choice{border-left-color:var(--accent)}.sample-choice picture{width:54px;height:51px}.sample-copy{gap:2px}.sample-panel{border-left:0;padding-left:8px}.sample-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method h2{font-size:17px;margin:0 0 18px}.mobile-hud{position:fixed;z-index:30;pointer-events:none;overflow:hidden}.mobile-hud>*{pointer-events:auto}.mobile-hud .viewer-hold{transform-origin:top right}.mobile-hud .viewer-navigation{transform-origin:bottom right}.mobile-hud .image-controls{position:absolute;left:0;bottom:0;margin:0;background:#100f0ff5;padding:3px 7px;transform-origin:bottom left;box-sizing:border-box}.mobile-hud .image-controls .context-link{margin-right:auto}.mobile-hud .viewer-hold,.mobile-hud .viewer-navigation,.mobile-hud .image-controls{transform:scale(var(--hud-scale,1))}.hud-slot{flex:none}
@media(max-width:700px){.scene-bar{display:flex;height:36px;flex:none}.scene-bar select{height:36px;font-size:12px;width:100%;max-width:none}.scene-context{height:32px}.scene-context h1{display:none}.scene-context p{line-height:15px}.sample-label{font-size:10px;max-width:130px}.mobile-hud .viewer-hold{width:128px;min-height:40px;font-size:11px}.mobile-hud .viewer-navigation{display:flex;flex-direction:column;gap:5px}.mobile-hud .viewer-navigation button{width:44px;height:44px;background:#100f0fe8}.mobile-hud .image-controls{height:48px;gap:6px;display:flex;align-items:center}.mobile-hud .image-controls button{width:42px;min-width:42px;height:42px;padding:0}.mobile-hud .image-controls .context-link{font-size:11px}.viewer-hold,.viewer-navigation,.image-controls{transition:none}}

@media(min-width:701px){.scene-bar{display:none}.scene-context{height:39px}.scene-context h1{display:inline-block;margin-right:8px}.scene-context p{display:block}.sample-card.current{background:#15594f}.sample-card.current .sample-choice{border-left-color:#5fefcf}.sample-card.current .sample-copy span{color:#d0f0e5}}
.breaker-badge{display:inline-block!important;flex:none;width:max-content;border-radius:3px;padding:1px 6px;background:#6b4223;color:#ffda91!important;font-size:9px!important;line-height:16px;font-weight:600;letter-spacing:.02em;vertical-align:middle}.breaker-badge[hidden]{display:none!important}.breaker-divider{font-size:11px;font-weight:600;color:#e8b56b;margin:22px 0 9px;padding-top:10px;border-top:1px solid #70533155}.sample-copy .breaker-badge{align-self:flex-start}.image-controls .viewer-hold{position:static;min-height:36px;width:150px;flex:none;transform:none;z-index:auto}.image-controls #selectedLabel{display:none}.method li{margin:8px 0;color:var(--muted)}.method h3{margin-top:25px}.method ul{padding-left:20px}
@media(max-width:700px){.masthead{height:57px}.study-subtitle{font-size:9px;line-height:13px;white-space:normal;max-width:295px}.study-name{font-size:12px}.scene-bar{gap:5px}.scene-bar select{min-width:0;flex:1}.scene-bar .breaker-badge{font-size:8px!important;padding:1px 4px}.scene-context{height:32px}.scene-context #headingBreaker{display:none!important}.variants{display:flex;height:35px;flex:none}.variants.has-more{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 25px),transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 25px),transparent 100%)}.image-controls .viewer-hold{width:124px;min-height:40px;font-size:10px;margin-left:auto}.image-controls .context-link{margin-right:0}.mobile-hud .image-controls .viewer-hold{position:static;transform:none;width:124px;min-height:40px;font-size:10px}.mobile-hud .image-controls .context-link{margin-right:0}.mobile-hud .image-controls{justify-content:space-between}}

.fibo-notice{display:block;flex:none;align-self:flex-start;color:#efc69a;background:#553b232e;border-left:2px solid #bf8650;border-radius:3px;padding:3px 9px;font-size:11px;line-height:18px}.fibo-notice:hover{color:#ffe0bd;background:#553b2355}.fibo-notice span{margin-left:4px}#fiboCaveat{scroll-margin:30px;border-left:3px solid transparent;padding:10px 13px;margin-left:-16px;border-radius:4px;transition:background-color .3s,border-color .3s}#fiboCaveat.caveat-highlight{background:#6f482c70;border-left-color:#efbd83;color:#ffe0bb}.caveat-highlight:focus{outline:2px solid #bf8650;outline-offset:3px}@media(prefers-reduced-motion:reduce){#fiboCaveat{transition:none}}@media(max-width:700px){.fibo-notice{font-size:10px;padding:2px 7px;line-height:17px}}

.fibo-notice-slot{height:26px;flex:none}@media(max-width:700px){.fibo-notice-slot{height:21px}}
.reference-list{display:flex;flex-wrap:wrap;gap:20px;margin:12px 0 24px}.reference-list figure{margin:0}.reference-list img{display:block;width:auto;height:160px;max-width:220px;object-fit:contain;border-radius:6px}.reference-list figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.identity-overlay{position:absolute;top:8px;right:8px;z-index:5;display:flex;gap:6px;pointer-events:none;user-select:none;-webkit-user-select:none}.identity-overlay figure{margin:0;padding:3px;background:#100f0fe8;border:1px solid #cecdc366;border-radius:5px;box-shadow:0 2px 9px #0006}.identity-overlay picture{display:block}.identity-overlay img{display:block;width:88px;height:96px;object-fit:contain;border-radius:2px;-webkit-user-drag:none}.identity-overlay figcaption{text-align:center;font-size:10px;line-height:16px;color:var(--text)}@media(max-width:700px){.identity-overlay{top:6px;right:6px;gap:4px}.identity-overlay img{width:64px;height:72px}.identity-overlay figure{padding:2px}.identity-overlay figcaption{font-size:9px;line-height:13px}}
@media(max-width:700px){.identity-overlay{top:auto;bottom:8px;left:8px;right:auto}}