.nJaDkG_image:focus-within{opacity:1!important;clip-path:none!important}@media (prefers-reduced-motion:reduce),(scripting:none){.nJaDkG_copy{transform:none!important}.nJaDkG_image{opacity:1!important;clip-path:none!important}}
.sqI9XW_browser{border:1px solid var(--browser-border);container-type:inline-size}.sqI9XW_chrome{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--muted-foreground);font-family:var(--font-sans), sans-serif;text-align:left}.sqI9XW_tabBar{background:linear-gradient(var(--browser-tab-start), var(--browser-tab-end));align-items:center;gap:clamp(10px,3cqw,16px);height:clamp(30px,7.5cqw,38px);padding:6px clamp(10px,3cqw,18px) 0;display:flex}.sqI9XW_windowControls{flex-shrink:0;align-self:center;gap:5px;padding-bottom:6px;display:flex}.sqI9XW_windowControls span{border:1px solid #18212f1a;border-radius:50%;width:clamp(6px,1.8cqw,9px);height:clamp(6px,1.8cqw,9px)}.sqI9XW_closeDot{background:#ed6a5f}.sqI9XW_minimizeDot{background:#f4bf50}.sqI9XW_maximizeDot{background:#61c454}.sqI9XW_activeTab{border:1px solid var(--browser-border);background:var(--browser-chrome);border-bottom:0;border-radius:8px 8px 0 0;align-self:stretch;align-items:center;gap:7px;width:clamp(90px,42cqw,215px);min-width:0;padding:0 clamp(8px,2.5cqw,14px);font-size:clamp(8px,2.4cqw,11px);display:flex}.sqI9XW_tabIcon{color:var(--highlight);flex-shrink:0;place-items:center;display:grid}.sqI9XW_tabTitle{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sqI9XW_navigation{border-bottom:1px solid var(--browser-border);background:var(--browser-chrome);align-items:center;gap:clamp(8px,2.5cqw,14px);height:clamp(32px,8cqw,40px);padding:5px clamp(9px,2.5cqw,16px);display:flex}.sqI9XW_history{flex-shrink:0;gap:clamp(7px,2cqw,12px);display:flex}.sqI9XW_address{border:1px solid var(--browser-border);background:var(--browser-address);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;height:100%;padding:0 8px;font-size:clamp(7px,2.2cqw,10px);display:flex}.sqI9XW_addressTitle{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sqI9XW_addressPath{color:var(--muted-foreground)}.sqI9XW_viewport{background:var(--browser-address);overflow:hidden}.sqI9XW_detailViewport{aspect-ratio:16/9;position:relative}.sqI9XW_imageReveal{height:100%;animation:.28s ease-out both sqI9XW_reveal-screen;position:absolute;inset:0}@keyframes sqI9XW_reveal-screen{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sqI9XW_imageReveal{animation:none}}@container (max-width:280px){.sqI9XW_history,.sqI9XW_addressPath{display:none}}
.oj4b_q_composition{container:project-previews/inline-size}.oj4b_q_gallery{gap:24px;display:grid}.oj4b_q_window{min-width:0}@container project-previews (min-width:360px){.oj4b_q_pair{isolation:isolate;grid-template-columns:repeat(12,minmax(0,1fr));gap:0}.oj4b_q_pair>.oj4b_q_primary{grid-area:1/1/auto/12}.oj4b_q_pair>.oj4b_q_secondary{z-index:1;grid-area:2/3/auto/-1;margin-top:-14%;position:relative}}
.KzXfCq_detailStage{min-width:0;position:relative;container:detail-stage/inline-size}.KzXfCq_sliderDock{border:1px solid var(--browser-border);background:var(--background);width:min(100%,280px);color:var(--foreground);border-radius:14px;margin-top:12px;margin-left:auto;padding:10px}.KzXfCq_sliderHeader{align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.KzXfCq_sliderLabel{overflow-wrap:anywhere;letter-spacing:.04em;flex:1;min-width:0;font-size:10px;font-weight:500}.KzXfCq_sliderCount{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.KzXfCq_sliderCount>span{color:var(--muted-foreground)}.KzXfCq_sliderArrows{flex-shrink:0;gap:2px;display:flex}.KzXfCq_sliderArrow{border:1px solid var(--browser-border);background:var(--browser-address);width:44px;height:44px;color:var(--foreground);border-radius:50%}.KzXfCq_sliderArrow:hover{border-color:var(--highlight);background:var(--browser-address);color:var(--highlight)}.KzXfCq_thumbnailStrip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--highlight) 40%, transparent) transparent;gap:8px;min-width:0;padding:3px;display:flex;position:relative;overflow-x:auto}.KzXfCq_thumbnail{border:1px solid var(--browser-border);background:var(--browser-address);scroll-snap-align:center;opacity:.65;border-radius:7px;flex:0 0 104px;width:104px;height:66px;padding:3px;transition:border-color .18s,opacity .18s;display:block;position:relative;overflow:hidden}.KzXfCq_thumbnail:hover{border-color:var(--highlight);background:var(--browser-address);opacity:1}.KzXfCq_thumbnail[data-selected=true]{border:2px solid var(--highlight);opacity:1;padding:2px}.KzXfCq_thumbnailNumber{background:var(--background);color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:3px;padding:1px 4px;font-size:8px;line-height:13px;position:absolute;bottom:3px;left:3px}.KzXfCq_thumbnail[data-selected=true] .KzXfCq_thumbnailNumber{background:var(--highlight);color:var(--background)}@container detail-stage (min-width:640px){.KzXfCq_sliderDock{z-index:1;margin:0;position:absolute;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.KzXfCq_thumbnail{transition:none}}
._2OLa9W_panel{opacity:1;height:100dvh;transition:transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(0)}._2OLa9W_panel[data-starting-style],._2OLa9W_panel[data-ending-style]{transform:translateY(100%)}._2OLa9W_panel[data-ending-style]{transition-duration:.4s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){._2OLa9W_panel{transition:none}}