*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-neutral-3-rest)}body{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}#container{padding-inline-start:var(--shell-start-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));transition:padding-inline-start .2s ease,padding-inline-end .2s ease}#container.webgl-mode{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0}#container.webgl-mode .view-header{padding-inline-start:var(--shell-start-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));transition:padding-inline-start .2s ease,padding-inline-end .2s ease;position:relative;z-index:60;background:var(--bg-neutral-3-rest)}body.pane-open #container.webgl-mode .view-header{padding-inline-end:calc(var(--shell-pane-inset, 0px) + 20px)}body.pane-open{--shell-margin: 20px}.rb-banner{display:none;align-items:center;gap:10px;margin:var(--spacing-80) var(--shell-margin) 0;padding:10px 14px;background:var(--bg-brand-1-rest);border:1px solid var(--stroke-neutral-3-rest);border-radius:8px;font-size:var(--font-size-body-1);color:var(--fg-neutral-2-rest)}.rb-banner.visible{display:flex}.rb-banner svg{width:18px;height:18px;flex-shrink:0;color:var(--fg-brand-1-rest)}.rb-banner span{flex:1}.rb-banner button{padding:var(--spacing-40) var(--spacing-120);background:var(--fg-brand-1-rest);color:var(--bg-neutral-1-rest);border:none;border-radius:var(--radius-large);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);cursor:pointer;white-space:nowrap}.rb-banner button:hover{background:var(--fg-brand-1-hover)}.rb-error{display:none;flex-direction:column;align-items:center;justify-content:center;padding-top:160px;gap:var(--spacing-120);color:var(--fg-neutral-4-rest);text-align:center}.rb-error.visible{display:flex}.rb-error svg{width:56px;height:56px;color:var(--fg-neutral-5-rest);margin-bottom:var(--spacing-80)}.rb-error h2{font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest)}.rb-error p{font-size:var(--font-size-body-1);color:var(--fg-neutral-3-rest);max-width:320px;line-height:1.5}.rb-error button{margin-top:var(--spacing-40);padding:var(--spacing-80) var(--spacing-200);background:var(--fg-brand-1-rest);color:var(--bg-neutral-1-rest);border:none;border-radius:var(--radius-large);font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);cursor:pointer}.rb-error button:hover{background:var(--fg-brand-1-hover)}:root{--header-h: 116px}#gallery-wrapper{flex:1;position:relative;overflow:hidden}#scroll-container{width:100%;height:100%;overflow-y:scroll}#scroll-content{position:relative;width:100%}#canvas{display:block;width:100vw;height:calc(100vh - var(--header-h));position:sticky;top:0;inset-inline-start:0}.skin-od4 #canvas{height:calc(100vh - var(--header-h))}.skin-od4 #overlay-canvas{height:calc(100vh - var(--header-h))!important;margin-top:calc(-100vh + var(--header-h))!important}#rb-no-thumb-overlay{position:absolute;inset:0;pointer-events:none}.tile-hover-surface.rb-no-thumb-hover .tile-hover-surface-gradient,.tile-hover-surface.rb-no-thumb-hover #info-btn,.tile-hover-surface.rb-no-thumb-hover .tile-hover-source-badge{display:none!important}.tile-hover-surface.rb-no-thumb-hover .tile-hover-action-btn{color:var(--fg-neutral-2-rest)}.tile-hover-surface.rb-no-thumb-hover .tile-hover-action-btn svg{filter:none;color:inherit}.rb-empty{display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-200);text-align:center;min-height:calc(100vh - 200px)}.rb-empty.visible{display:flex}.rb-empty-illustration{width:384px;height:384px;overflow:hidden}.rb-empty-illustration img{width:100%;height:100%;object-fit:cover}.rb-empty-img-light,[data-theme=light] .rb-empty-img-dark{display:none}[data-theme=light] .rb-empty-img-light{display:block}.rb-empty-text{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-80);max-width:640px;min-width:300px}.rb-empty h2{font-size:var(--font-size-title-3);line-height:var(--line-height-title-3);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest)}.rb-empty p{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);color:var(--fg-neutral-2-rest);max-width:480px}body.od4-left-nav-mode .view-header{position:relative}body.od4-left-nav-mode .rb-selection-host{position:absolute;inset-inline-start:var(--shell-start-margin);inset-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));inset-block-start:50%;transform:translateY(-50%)}body.od4-left-nav-mode .view-header:has(.command-strip.selection-strip.visible) .view-header-title{visibility:hidden}body.od4-left-nav-mode .rb-selection-host .command-strip.selection-strip{margin-inline:0}