.preview-device{container-type:inline-size}.portfolio-window.preview-device{background:#fffaf4;border:1px solid #bca9a5;position:relative;overflow:hidden}.portfolio-window.preview-device .portfolio-window__toolbar{color:#40272b;background:#f9efe8;border-bottom:1px solid #d4c4be;align-items:center;gap:1rem;min-height:54px;padding:.7rem 1.2rem;font-size:.8rem;display:flex}.portfolio-window.preview-device .portfolio-window__dots{gap:5px;display:flex}.portfolio-window.preview-device .portfolio-window__dots i{background:#c4b1ab;border-radius:50%;width:7px;height:7px}.portfolio-window.preview-device .portfolio-window__name{font-weight:750}.portfolio-window.preview-device .portfolio-window__hint{color:#68544f;margin-left:auto}.portfolio-window.preview-device .portfolio-window__toolbar>a{border-bottom:1px solid;align-items:center;gap:.5rem;min-height:30px;margin-left:1rem;font-weight:700;text-decoration:none;display:flex}.portfolio-window.preview-device .portfolio-window__toolbar>a svg{width:18px;height:18px}.portfolio-window.preview-device .portfolio-window__canvas{background:#f9efe8;height:clamp(620px,52vw,820px)}.portfolio-window.preview-device .portfolio-window__skip{z-index:3;opacity:0;pointer-events:none;background:var(--ink,#252b24);color:#fff;padding:.8rem 1rem;position:absolute;top:4rem;left:1rem;transform:translateY(-200%)}.portfolio-window.preview-device .portfolio-window__skip:focus{opacity:1;pointer-events:auto;transform:none}.preview-device .preview-device__controls{color:#282827;background:#f5f3ef;border-bottom:1px solid #ccc8c1;justify-content:flex-end;align-items:center;min-height:55px;padding:6px 12px;display:flex}.preview-device .preview-device__controls:has(.preview-device__toggle[hidden]){display:none}.preview-device .preview-device__toggle{min-height:42px;color:inherit;font:700 .78rem/1.2 var(--font-body,system-ui,sans-serif);cursor:pointer;touch-action:manipulation;background:#fffefb;border:1px solid #85827d;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:6px 14px;display:inline-flex}.preview-device .preview-device__toggle[hidden]{display:none}.preview-device .preview-device__toggle:hover{background:#e9e6df;border-color:#353431}.preview-device .preview-device__toggle:focus-visible{outline-offset:3px;outline:3px solid #45433f}.preview-device .preview-device__toggle svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 24px;width:24px;height:25px;display:block}.preview-device .preview-device__toggle .preview-device__monitor,.preview-device .preview-device__toggle[data-preview-target=desktop] .preview-device__phone{display:none}.preview-device .preview-device__toggle[data-preview-target=desktop] .preview-device__monitor{display:block}.preview-device .preview-device__stage{isolation:isolate;position:relative;overflow:hidden}.preview-device .preview-device__screen{transform-origin:50%;background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.preview-device[data-preview-mode] .preview-device__screen{position:absolute}.preview-device .preview-device__screen iframe{transform-origin:0 0;background:0 0;border:0;max-width:none;margin:0;display:block}.preview-device[data-preview-device][data-preview-mode=mobile] .preview-device__stage{background:#e9e6e1;height:min(clamp(520px,75svh,720px),200cqw - 32px)}.preview-device[data-preview-mode=mobile] .preview-device__screen{background:#fff;border-radius:21px;box-shadow:0 0 0 6px #30302e,0 14px 26px #24232130}.preview-device .preview-device__status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-window.preview-device .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.portfolio-window.preview-device .portfolio-window__toolbar{flex-wrap:wrap;gap:.65rem;padding:.65rem .8rem;font-size:.72rem}.portfolio-window.preview-device .portfolio-window__hint{display:none}.portfolio-window.preview-device .portfolio-window__toolbar>a{margin-left:auto;font-size:.7rem}.portfolio-window.preview-device .portfolio-window__canvas{height:680px}.portfolio-window.preview-device .portfolio-window__dots{display:none}.preview-device .preview-device__controls{padding-inline:10px}}