.sq-phone{--phone-width:235px;width:var(--phone-width);max-width:none;padding:5px;position:relative;background:linear-gradient(125deg,#f4f7f5,#81928e 10%,#d1ddd9 20%,#f9fcfa 43%,#697e77 62%,#c3d2cb 78%,#f7fcf9);border:1px solid #8b9c93;border-radius:calc(var(--phone-width)*.17);box-shadow:0 35px 45px -25px #23453538,inset 0 0 0 1px #fbfef8;isolation:isolate;flex-shrink:0;direction:ltr;transform-style:preserve-3d;line-height:0}.sq-phone::before{content:'';position:absolute;width:3px;height:14%;right:-3px;top:24%;background:linear-gradient(90deg,#718b7d,#cad9d0);border-radius:0 3px 3px 0;z-index:-1}.sq-phone::after{content:'';position:absolute;width:3px;height:8%;left:-3px;top:23%;background:linear-gradient(90deg,#a9bdb0,#5b796a);border-radius:3px 0 0 3px;box-shadow:0 35px 0 #89a492;z-index:-1}.sq-phone-screen{aspect-ratio:1320/2868;position:relative;overflow:hidden;border:5px solid #0b1510;border-radius:calc(var(--phone-width)*.146);background:#fff;line-height:0;cursor:zoom-in;outline-offset:5px}.sq-phone-screen>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}.sq-phone[data-island=true] .sq-phone-screen::after{content:'';position:absolute;top:1.5%;left:36%;width:28%;height:3.9%;border-radius:20px;background:#070d08;pointer-events:none;box-shadow:inset 0 -1px 0 #28382e}.sq-phone[data-finish=silver]{background:linear-gradient(130deg,#fff,#9faaa7 14%,#f0f4f3 30%,#c6cecb 62%,#f9fbfa);border-color:#adb5b1}.sq-phone[data-finish=glacier]{background:linear-gradient(130deg,#f7fbff,#9bb4c0 14%,#d4e6eb 28%,#f9fcff 45%,#748f9d 65%,#d1e4ed 90%);border-color:#8fa5ac}.sq-phone[data-finish=burgundy]{background:linear-gradient(135deg,#e5ccc6,#633d36 17%,#b7867c 35%,#e4c2bb 50%,#55322e 75%,#ccaaa1);border-color:#8f5c51}.sq-device-viewer{background:#fffcf6;color:#294939;border:1px solid #dde8d8;border-radius:28px;padding:22px;max-width:min(92vw,660px);width:min(92vw,660px);max-height:94vh;overflow:auto;box-shadow:0 30px 100px #09211533}.sq-device-viewer::backdrop{background:#132d235f;backdrop-filter:blur(12px)}.sq-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 12px;line-height:1.5}.sq-viewer-title{font-size:14px;line-height:1.45;margin:0;font-weight:500}.sq-viewer-close{width:36px;height:36px;border:1px solid #dbe6d7;border-radius:50%;background:#f4f7ed;font-size:22px;flex-shrink:0}.sq-viewer-image{display:block;width:auto;max-width:100%;height:auto;max-height:74vh;margin:auto;border-radius:18px}.sq-viewer-caption{font-size:10px;text-align:center;color:#7a8d70;line-height:1.6;margin:15px 0 0}.sq-screen-note{font-size:10px;color:var(--muted);line-height:1.6;text-align:center}.sq-viewer-close:focus-visible,.sq-phone-screen:focus-visible{outline:3px solid #71a88c;outline-offset:5px}
@media(max-width:650px){.sq-device-viewer{padding:16px;border-radius:20px}.sq-viewer-title{font-size:12px}.sq-viewer-image{max-height:72vh}.sq-viewer-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sq-phone{transition:none!important;animation:none!important}}

.sq-viewer-top{position:sticky;top:-22px;background:#fffcf6;z-index:2;padding:10px 0}.sq-viewer-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sq-viewer-zoom{border:1px solid #dbe6d7;background:#f4f7ed;border-radius:20px;font-size:10px;padding:9px 12px;color:#5c805a}.sq-device-viewer.is-zoomed .sq-viewer-image{max-height:none;width:min(100%,580px);height:auto}