.peek-showcase{margin:80px 0 65px;--peek-ink:#20222a;--peek-dim:#525766;--peek-glass:rgba(255,255,255,.36);--peek-edge:rgba(255,255,255,.72);--peek-card:#fff;--peek-line:#e7e8ed;color:var(--peek-ink)}.peek-heading{max-width:680px;margin:0 auto 30px;text-align:center}.peek-heading h2{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:16px 0}.peek-heading p{font-size:15px;line-height:1.8;color:var(--page-subtle)}.peek-controls{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0 0 18px}.peek-view-choices,.peek-extra-controls,.peek-positions{display:flex;gap:5px;align-items:center}.peek-showcase button{font:inherit;cursor:pointer;color:inherit;border:0}.peek-view-choices{padding:5px;border-radius:30px;background:var(--page-surface)}.peek-view-choices button,.peek-positions button{background:transparent;border-radius:24px;padding:10px 20px;font-size:13px;font-weight:600;color:var(--page-subtle)}.peek-view-choices button[aria-pressed=true],.peek-positions button[aria-pressed=true]{background:var(--page-ink);color:var(--page-surface)}.peek-extra-controls button{width:37px;height:37px;border-radius:50%;background:var(--page-surface);color:var(--page-ink)}.peek-desktop{position:relative;isolation:isolate;height:650px;border-radius:26px;overflow:hidden;background:#a64be9;border:1px solid #b1bce82e;box-shadow:0 25px 65px #273d6615}.peek-paper{position:absolute;inset:-16px;background:radial-gradient(ellipse at 35% 47%,#eb9dec55 0,transparent 39%),linear-gradient(120deg,#2670fb 0%,#a944ed 50%,#ff376e 100%);filter:blur(5px);z-index:-1}.peek-paper:after{content:"";position:absolute;border:2px solid #e7b6f330;border-radius:50%;width:620px;height:620px;left:6%;top:-15%;box-shadow:0 0 0 100px #eab5f00a}.peek-desktop-bar{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#fff;font-size:11px;background:#fff1;direction:ltr}.peek-desktop-bar kbd{font:inherit;color:#fff;border:0;background:none}.peek-focus-window{position:absolute;width:64%;height:44%;top:10%;left:18%;background:var(--peek-card);color:var(--peek-ink);border-radius:13px;box-shadow:0 18px 45px #20143d32;border:1px solid var(--peek-edge);overflow:hidden;transition:inset .28s ease,width .28s ease,height .28s ease,transform .28s ease;direction:ltr}.peek-window-toolbar{height:33px;border-bottom:1px solid var(--peek-line);display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;color:var(--peek-dim)}.peek-traffic{display:flex;gap:5px}.peek-traffic i{width:7px;height:7px;border-radius:50%;background:#ff625b}.peek-traffic i:nth-child(2){background:#ffbf45}.peek-traffic i:nth-child(3){background:#2bc748}.peek-window-body{display:grid;grid-template-columns:26% 1fr;height:calc(100% - 33px)}.peek-window-body aside{padding:24px 15px;background:color-mix(in srgb,var(--peek-card),#95a1bd 10%);display:flex;flex-direction:column;gap:18px;font-size:11px;color:var(--peek-dim)}.peek-window-body aside small{font-size:8px;letter-spacing:1px;text-transform:uppercase}.peek-document{padding:25px 26px;min-width:0}.peek-document>small{font-size:7px;letter-spacing:1px;color:var(--peek-dim)}.peek-document h3{font-size:22px;letter-spacing:-.7px;margin:8px 0 5px;line-height:1.2}.peek-document p{font-size:10px;margin:0 0 16px;color:var(--peek-dim)}.peek-document-list{display:flex;flex-direction:column;font-size:10px;gap:0}.peek-document-list span{border-top:1px solid var(--peek-line);padding:9px 0;display:flex;gap:7px;align-items:center}.peek-document-list i{width:5px;height:7px;border:1px solid #9ba6b8;border-radius:1px}.peek-switcher{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:220px;border-radius:20px;background:var(--peek-glass);backdrop-filter:blur(22px) saturate(1.45);-webkit-backdrop-filter:blur(22px) saturate(1.45);border:1px solid var(--peek-edge);box-shadow:inset 0 1px 0 #fff6,0 12px 36px #27174424;padding:10px;color:var(--peek-ink);transition:width .28s ease,left .28s ease,right .28s ease,top .28s ease,bottom .28s ease,transform .28s ease;direction:ltr}.peek-switcher-top{font-size:9px;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:1px 3px 9px}.peek-switcher-top>span:first-child{border-radius:16px;background:#fff6;padding:5px 8px;display:flex;gap:7px;min-width:0}.peek-switcher-items{display:flex;flex-direction:column;gap:5px}.peek-demo-item{display:flex;gap:9px;align-items:center;min-width:0;padding:7px!important;border-radius:11px;background:transparent;text-align:start;transition:box-shadow .18s ease,background .18s ease}.peek-demo-item[aria-pressed=true]{box-shadow:inset 0 0 0 2px #ffffffe6;background:#ffffff24}.peek-demo-item>img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.peek-item-label{display:flex;flex-direction:column;min-width:0;gap:2px}.peek-item-label strong{font-size:10px;font-weight:650}.peek-item-label small{font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--peek-dim)}.peek-switcher-bottom{display:flex;justify-content:space-between;font-size:8px;padding:8px 4px 0;opacity:.75}.peek-mini-window{display:none;width:100%;height:56px;background:#f8f9fc;border:1px solid #d4d8e1;border-radius:5px;overflow:hidden;padding:15px 8px 5px;position:relative;box-sizing:border-box}.peek-mini-window i{position:absolute;inset:0 0 auto;height:8px;background:#e8ebf2;border-bottom:1px solid #d4d8e1}.peek-mini-window b{height:3px;background:#a1b9e4;display:block;margin:4px 0;width:80%;border-radius:1px}.peek-mini-window b:nth-child(3){width:50%}.peek-positions{justify-content:center;margin-top:20px}.peek-positions button{padding:8px 14px;font-size:11px}.peek-positions[hidden]{display:none}.peek-note{text-align:center;font-size:11px;line-height:1.7;color:var(--page-subtle);margin:15px auto 0}.peek-showcase button:focus-visible{outline:3px solid #1265d6;outline-offset:3px}.peek-showcase[data-view=icons] .peek-switcher{width:290px}.peek-showcase[data-view=icons] .peek-switcher-items{flex-direction:row}.peek-showcase[data-view=icons] .peek-demo-item{flex:1;flex-direction:column;gap:9px;padding:10px 5px!important}.peek-showcase[data-view=icons] .peek-demo-item>img{width:45px;height:45px}.peek-showcase[data-view=icons] .peek-item-label small{display:none}.peek-showcase[data-view=windows] .peek-switcher{width:430px}.peek-showcase[data-view=windows] .peek-switcher-items{flex-direction:row}.peek-showcase[data-view=windows] .peek-demo-item{flex:1;flex-wrap:wrap;gap:5px;padding:7px!important}.peek-showcase[data-view=windows] .peek-mini-window{display:block}.peek-showcase[data-view=windows] .peek-demo-item>img{width:18px;height:18px}.peek-showcase[data-view=windows] .peek-item-label small{display:none}.peek-showcase[data-view=list][data-position=left] .peek-switcher{left:0;bottom:auto;top:50%;transform:translateY(-50%);border-radius:0 20px 20px 0}.peek-showcase[data-view=list][data-position=right] .peek-switcher{left:auto;right:0;bottom:auto;top:50%;transform:translateY(-50%);border-radius:20px 0 0 20px}.peek-showcase[data-view=list][data-position=left] .peek-focus-window{left:calc(220px + (100% - 220px)*.06);width:calc((100% - 220px)*.88);top:26%;height:48%}.peek-showcase[data-view=list][data-position=right] .peek-focus-window{left:calc((100% - 220px)*.06);width:calc((100% - 220px)*.88);top:26%;height:48%}.peek-showcase[data-theme=dark]{--peek-ink:#f6f7fb;--peek-dim:#bcc6d4;--peek-glass:rgba(18,20,30,.52);--peek-edge:rgba(255,255,255,.28);--peek-card:#202127;--peek-line:#383b42}.peek-showcase[data-theme=dark] .peek-switcher-top>span:first-child{background:#0d102355}.peek-showcase[data-theme=dark] .peek-demo-item[aria-pressed=true]{background:#fff1}.peek-showcase[data-theme=dark] .peek-mini-window{background:#2d3442;border-color:#536076}.peek-showcase[data-theme=dark] .peek-mini-window i{background:#444c5d;border-color:#536076}.peek-focus-window[data-peek-selected="1"] .peek-document-list i{background:#5494fb;border:0;width:15px;border-radius:2px}.peek-focus-window[data-peek-selected="2"] .peek-document-list i{background:#f8bc4e;border:0;width:15px;border-radius:50%}
@media(max-width:850px){.peek-desktop{height:590px}.peek-focus-window{width:76%;left:12%;height:42%}.peek-document{padding:21px 18px}.peek-document h3{font-size:19px}.peek-window-body aside{padding:20px 12px}.peek-showcase[data-view=list][data-position=left] .peek-switcher,.peek-showcase[data-view=list][data-position=right] .peek-switcher{width:165px}.peek-showcase[data-view=list][data-position=left] .peek-focus-window{left:180px;width:calc(100% - 195px)}.peek-showcase[data-view=list][data-position=right] .peek-focus-window{left:15px;width:calc(100% - 195px)}.peek-showcase[data-view=list]:not([data-position=center]) .peek-window-body{grid-template-columns:1fr}.peek-showcase[data-view=list]:not([data-position=center]) .peek-window-body aside{display:none}}
@media(max-width:550px){.peek-showcase{margin:55px 0}.peek-controls{gap:5px}.peek-view-choices button{padding:8px 11px;font-size:11px}.peek-extra-controls{gap:3px}.peek-extra-controls button{width:30px;height:30px;font-size:12px}.peek-desktop{height:540px;border-radius:19px}.peek-focus-window{width:90%;left:5%;top:10%;height:43%}.peek-window-body{grid-template-columns:1fr}.peek-window-body aside{display:none}.peek-document{padding:18px}.peek-document h3{font-size:19px}.peek-document p{font-size:9px;margin-bottom:12px}.peek-document-list span{padding:7px 0;font-size:9px}.peek-showcase[data-view=windows] .peek-switcher{width:94%;padding:8px;box-sizing:border-box}.peek-showcase[data-view=icons] .peek-switcher{width:265px}.peek-showcase[data-view=list]:not([data-position=center]) .peek-switcher{width:130px;padding:8px}.peek-showcase[data-view=list][data-position=left] .peek-focus-window{left:150px;width:calc(100% - 159px);height:48%}.peek-showcase[data-view=list][data-position=right] .peek-focus-window{left:9px;width:calc(100% - 159px);height:48%}.peek-showcase[data-view=list]:not([data-position=center]) .peek-document{padding:16px 10px}.peek-showcase[data-view=list]:not([data-position=center]) .peek-document h3{font-size:15px}.peek-showcase[data-view=list]:not([data-position=center]) .peek-document p{font-size:8px}.peek-showcase[data-view=list]:not([data-position=center]) .peek-document-list span{font-size:8px}.peek-showcase[data-view=list]:not([data-position=center]) .peek-demo-item{padding:6px 4px!important;gap:5px}.peek-showcase[data-view=list]:not([data-position=center]) .peek-demo-item>img{width:23px;height:23px}.peek-switcher-top>span:first-child span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peek-showcase[data-view=list]:not([data-position=center]) .peek-desktop-bar{font-size:9px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.peek-showcase *{animation:none!important;transition:none!important}}

.peek-home{--page-ink:#1b2536;--page-subtle:#687a95;--page-surface:#f0f3f8}.peek-home-link{text-align:center;margin:-30px 0 75px;font-size:14px}.peek-home-link a{color:#2878d5}

.peek-heading{color:var(--page-ink,#1b2536)}