.gallery-header{background:hsl(var(--background));border-bottom:1px solid hsl(var(--border))}.gallery-dialog .gallery-surface,.gallery-dialog[open]{--card:var(--background);background:hsl(var(--background))}.gallery-body-component:has(.component-lightbox){overflow-y:auto;scrollbar-gutter:stable}.gallery-body-component>.gallery-content:has(.component-lightbox){height:auto;min-height:100%}.component-lightbox{height:auto;gap:20px;padding-bottom:12px}.lightbox-heading h3{font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}.lightbox-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:12px;color:hsl(var(--muted-foreground))}.lightbox-metadata>span:not(.lightbox-views){border:1px solid hsl(var(--border));border-radius:6px;padding:4px 8px}.lightbox-metadata a{color:hsl(var(--foreground));padding-block:8px}.lightbox-views{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.lightbox-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.lightbox-main{display:grid;gap:20px;min-width:0}.component-lightbox .component-inspection-toolbar{gap:0 12px}.component-lightbox .component-preview-controls{flex-wrap:wrap}.component-lightbox .component-preview-controls button{min-height:44px}.component-lightbox .component-inspection-tabs button{min-height:50px}.component-lightbox .lightbox-canvas{height:clamp(340px,56dvh,620px);margin:8px;border-radius:7px}.component-lightbox .lightbox-canvas:fullscreen{height:100dvh;margin:0}.component-lightbox .lightbox-source{height:clamp(430px,64dvh,720px);border-radius:0}.component-lightbox .component-source-editor{flex:1 0 240px;min-height:240px}.component-lightbox .lightbox-actions{justify-content:flex-start;padding:0}.gallery-dialog .component-source-format{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:12px}.component-source-select{position:relative;width:min(100%,220px)}.gallery-dialog .component-source-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:44px;border:1px solid hsl(var(--border));border-radius:8px;padding:8px 36px 8px 12px;background:hsl(var(--background));background-image:none;color:hsl(var(--foreground));font-size:13px}.component-source-select>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:hsl(var(--muted-foreground))}.gallery-dialog .component-source-select select:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.component-lightbox .component-source-toolbar>button{min-height:44px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.gallery-dialog .component-source-notes>summary{min-height:44px;cursor:pointer;padding-block:12px;font-size:12px}@media (max-width:1050px){.lightbox-workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.component-lightbox{padding:8px 4px 64px;gap:16px}.lightbox-heading h3{font-size:20px}.lightbox-metadata{gap:8px}.lightbox-views{margin-left:0}.component-lightbox .component-preview-controls button{min-height:44px}.component-lightbox .lightbox-canvas{height:380px}.component-lightbox .lightbox-source{height:600px}.component-lightbox .component-source-toolbar>button{min-height:44px}}