.dev-preview-shell{min-height:100vh;display:flex;flex-direction:column}.dev-preview-status{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.dev-preview-overlay{position:fixed;right:0;bottom:0;z-index:2147483647;padding:var(--ds-spacing-24)}.dev-preview-overlay-inner{--dp-pad:12px;display:flex;flex-direction:column;gap:var(--dp-pad);width:400px;min-height:min(400px,calc(100vh - 96px));max-width:calc(100vw - 2 * var(--ds-spacing-24));max-height:min(400px,calc(100vh - 96px));padding:var(--dp-pad);border-radius:8px;background:rgba(0,0,0,.92);color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:min-height .22s cubic-bezier(.4,0,.2,1),background-color .22s ease}.dev-preview-overlay-inner[data-collapsed=true]{min-height:0;background:rgba(0,0,0,.7);gap:calc(var(--dp-pad) / 2)}.dev-preview-overlay-inner[data-collapsed=true] .dev-preview-locale-toggle{display:none}.dev-preview-filter{width:100%;padding:6px 10px;border:1px solid hsla(0,0%,100%,.25);border-radius:4px;background:hsla(0,0%,100%,.06);color:#fff;font-size:13px;line-height:1.4;outline:none}.dev-preview-filter::placeholder{color:hsla(0,0%,100%,.45)}.dev-preview-filter:focus{border-color:hsla(0,0%,100%,.55)}.dev-preview-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;margin:0 -8px;opacity:1;transition:opacity .18s ease,max-height .22s cubic-bezier(.4,0,.2,1),margin .22s cubic-bezier(.4,0,.2,1)}.dev-preview-overlay-inner[data-collapsed=true] .dev-preview-list{max-height:0;opacity:0;margin:0;overflow:hidden;pointer-events:none}.dev-preview-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:4px;background:transparent;border:0;color:#fff;text-align:left;cursor:pointer;font:inherit;line-height:1.3}.dev-preview-row:hover,.dev-preview-row[data-focused=true]{background:hsla(0,0%,100%,.08)}.dev-preview-row[data-active=true]{background:hsla(0,0%,100%,.16)}.dev-preview-row__locale{font-size:10px;font-weight:700;text-transform:uppercase;color:#8fc1ff;letter-spacing:.04em}.dev-preview-list[data-drafts=true] .dev-preview-row__locale{color:hsla(0,0%,100%,.4)}.dev-preview-row__title{font-size:13px}.dev-preview-row__slug,.dev-preview-row__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-preview-row__slug{font-size:10px;opacity:.5;max-width:140px;justify-self:end}.dev-preview-pinned__edit{background:transparent;border:0;color:#5fdb78;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;white-space:nowrap;padding:0 4px;cursor:pointer;margin-left:auto}.dev-preview-pinned__edit:after,.dev-preview-pinned__edit:before{content:none!important;display:none!important}.dev-preview-tabs{display:flex;align-items:center;gap:0;margin:calc(-1 * var(--dp-pad)) calc(-1 * var(--dp-pad)) 0;padding:14px calc(var(--dp-pad) - 3px) 12px;border-bottom:1px solid hsla(0,0%,100%,.18)}.dev-preview-tabs__spacer{flex:1}.dev-preview-tabs button,.dev-preview-tabs__site{background:transparent;border:0;color:hsla(0,0%,100%,.4);font:inherit;font-size:11px;letter-spacing:.04em;padding:0 5px;cursor:pointer;text-decoration:none}.dev-preview-tabs button{text-transform:uppercase}.dev-preview-tabs__site{font-weight:700}.dev-preview-tabs__sites{position:relative;display:inline-flex}.dev-preview-tabs__site-toggle{display:inline-flex;align-items:center}.dev-preview-tabs__site-toggle:not([data-active=true]){font-weight:400}.dev-preview-tabs__site-toggle[data-active=true]{font-weight:700}.dev-preview-tabs__sites-menu{position:absolute;top:100%;left:0;margin-top:8px;display:flex;flex-direction:column;align-items:stretch;background:rgba(0,0,0,.95);border:1px solid hsla(0,0%,100%,.18);border-radius:4px;padding:4px 0;min-width:100px;box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:1}.dev-preview-tabs__sites-menu .dev-preview-tabs__site{padding:6px 12px;text-align:left;font-size:11px;text-transform:uppercase}.dev-preview-tabs__sites-menu .dev-preview-tabs__site:hover{background:hsla(0,0%,100%,.08)}.dev-preview-tabs__sites-menu .dev-preview-tabs__site[data-active=true]{color:#fff}.dev-preview-tabs button:hover,.dev-preview-tabs__site:hover{color:hsla(0,0%,100%,.7)}.dev-preview-tabs button[data-active=true]{color:#fff}.dev-preview-tabs__site[data-active=true]{color:#5fdb78}.dev-preview-reload{line-height:0!important;padding:0 8px!important}.dev-preview-reload__ring{display:inline-block;width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.25);transition:background-color .18s ease,opacity .18s ease}.dev-preview-reload[data-on=true] .dev-preview-reload__ring{background:#f0c95a}.dev-preview-reload[data-spinning=true] .dev-preview-reload__ring{animation:dev-preview-pulse 1.5s ease-in-out infinite}@keyframes dev-preview-pulse{0%,to{opacity:1}50%{opacity:.5}}.dev-preview-overlay-inner[data-collapsed=true] .dev-preview-tabs{display:none}.dev-preview-toolbar{display:flex;gap:12px;align-items:stretch}.dev-preview-toolbar .dev-preview-filter{flex:1;min-width:0}.dev-preview-locale-toggle{display:flex;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:0 4px}.dev-preview-locale-toggle button:not(.dev-preview-mode-pill){background:transparent;border:0;color:hsla(0,0%,100%,.4);cursor:pointer;font:inherit;padding:0;text-transform:uppercase;letter-spacing:.04em}.dev-preview-locale-toggle button[data-active=true]{color:#fff;font-weight:700}.dev-preview-toggle-divider{width:1px;background:hsla(0,0%,100%,.18);margin:2px 12px}.dev-preview-modeseg{display:inline-flex;gap:8px;font-size:11px}.dev-preview-modeseg button{background:transparent;border:0;padding:0;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:hsla(0,0%,100%,.35);cursor:pointer}.dev-preview-modeseg[data-mode=draft] button[data-active=true]{color:hsla(0,0%,100%,.85)}.dev-preview-modeseg[data-mode=published] button[data-active=true]{color:#8fc1ff}.dev-preview-empty{padding:16px 8px;font-size:12px;opacity:.5;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.dev-preview-pinned{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:0 calc(-1 * var(--dp-pad)) calc(-1 * var(--dp-pad));padding:var(--dp-pad) var(--dp-pad);border-top:1px solid hsla(0,0%,100%,.18);box-sizing:border-box}.dev-preview-pinned__title--empty{opacity:.35}.dev-preview-pinned__title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes dev-preview-spin{to{transform:rotate(1turn)}}.dev-preview-pinned__chips{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.dev-preview-pinned__chips .dev-preview-modeseg{margin:0 12px}.dev-preview-pinned__langs{display:flex;gap:10px;align-items:center;font-size:12px}.dev-preview-pinned__lang{background:transparent;border:0;padding:0;cursor:pointer;font:inherit;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:.04em}.dev-preview-pinned__lang[data-active=true]{color:#fff;font-weight:700}.dev-preview-pinned__lang:disabled,.dev-preview-pinned__lang[data-available=false]{opacity:.3;cursor:not-allowed}@media (max-width:768px){.dev-preview-overlay{left:0;right:0;padding:0}.dev-preview-overlay-inner{width:100vw;max-width:100vw;border-radius:0;min-height:40vh;max-height:60vh}}