.gallery{background:var(--iui-canvas);min-height:100dvh;color:var(--iui-ink);font-family:var(--iui-font)}.gallery-top{z-index:20;border-bottom:1px solid var(--iui-border);background:var(--iui-canvas);justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.gallery-top>div{align-items:center;gap:14px;display:flex}.gallery-name{letter-spacing:-.6px;font-size:19px;font-weight:600}.gallery-divider{background:var(--iui-border);width:1px;height:17px}.gallery-sub{color:var(--iui-muted);font-size:14px}.gallery-theme{background:var(--iui-surface);border-radius:999px;gap:2px;padding:3px;display:flex}.gallery-theme a{color:var(--iui-muted);border-radius:999px;padding:5px 12px;font-size:12px}.gallery-theme a[aria-current=page]{background:var(--iui-canvas);color:var(--iui-ink);box-shadow:var(--iui-shadow-sm), 0 0 0 1px var(--iui-border);font-weight:500}.gallery-content{max-width:800px;margin:0 auto;padding:40px 24px 96px}.gallery-intro h1{letter-spacing:-1px;font-size:30px;font-weight:500;line-height:1.2}.gallery-intro p{color:var(--iui-muted);margin-top:10px;font-size:14px;line-height:1.6}.gallery-index{border-bottom:1px solid var(--iui-border);flex-wrap:wrap;gap:6px;margin:22px 0 8px;padding-bottom:22px;display:flex}.gallery-index a{border:1px solid var(--iui-border);color:var(--iui-muted);border-radius:999px;padding:6px 11px;font-size:12px}.gallery-index a:hover{background:var(--iui-surface);color:var(--iui-ink)}.gallery-index:before{content:attr(aria-label);width:100%;color:var(--iui-muted);font-size:12px;font-weight:500}.gallery-index:has(+.gallery-index){border-bottom:0;margin-bottom:0;padding-bottom:0}.gallery-section{border-top:1px solid var(--iui-border);letter-spacing:-.4px;margin-top:56px;padding-top:18px;font-size:20px;font-weight:500}.gallery-section:first-of-type{border-top:0;margin-top:36px;padding-top:0}.gallery-example{margin-top:44px;scroll-margin-top:84px}.gallery-example>header{margin-bottom:14px}.gallery-example>header h2{font-size:15px;font-weight:500}.gallery-example>header p{color:var(--iui-muted);margin-top:3px;font-size:12px;line-height:1.6}.gallery-preview{min-width:0;font-size:16px;line-height:1.6}.gallery-errors{background:var(--iui-danger-soft);color:var(--iui-danger);border-radius:10px;margin-top:10px;padding:10px 14px 10px 30px;font-size:12px}.gallery-source{margin-top:10px;font-size:12px}.gallery-source summary{color:var(--iui-muted);cursor:pointer;width:fit-content}.gallery-source pre{background:var(--iui-surface);font:12px/1.6 var(--iui-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin-top:8px;padding:14px 16px;overflow-x:auto}.gallery-notice{z-index:30;background:var(--iui-ink);width:min(640px,100% - 32px);color:var(--iui-on-ink);box-shadow:var(--iui-shadow);border-radius:14px;align-items:center;gap:16px;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.gallery-notice span{overflow-wrap:anywhere;flex:1;min-width:0}.gallery-notice button{color:inherit;flex:none;font-size:20px;line-height:1}@media (max-width:640px){.gallery-top{height:56px;padding:0 16px}.gallery-sub{font-size:13px}.gallery-content{padding:26px 16px 72px}.gallery-intro h1{font-size:25px}}