.post-preview-modal{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(80% 60% at 50% 0,#3b82f61f,#0000 60%),radial-gradient(60% 50% at 50% 100%,#0f172ae6,#020617fa);display:none;position:fixed;inset:0}.post-preview-modal.is-open{flex-direction:column;display:flex}.post-preview-toolbar{color:#e2e8f0;background:#0f172aeb;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex;box-shadow:0 8px 32px #00000040}.post-preview-toolbar-brand{align-items:center;gap:10px;margin-right:auto;display:flex}.post-preview-toolbar-brand img{background:#fff;border-radius:6px;height:28px;padding:2px 6px}.post-preview-toolbar-brand span{color:#fff;font-size:14px;font-weight:700}.post-preview-toolbar-group{align-items:center;gap:6px;display:flex}.post-preview-toolbar-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-right:4px;font-size:11px;font-weight:700}.post-preview-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.post-preview-btn:hover{background:#ffffff1f}.post-preview-btn.is-active{color:#fff;background:linear-gradient(#2d4a7c 0%,#1f3864 100%);border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa59,0 8px 20px #1f386473}.post-preview-btn--primary{color:#fff;background:linear-gradient(#2d4a7c 0%,#1f3864 100%);border-color:#1f3864}.post-preview-btn--close{color:#0f172a;background:#fff;border-color:#fff}.post-preview-btn-icon{opacity:.9;border:2px solid;border-radius:3px;display:block}.post-preview-btn-icon--desktop{border-radius:2px;width:16px;height:12px;box-shadow:0 3px 0 -1px}.post-preview-btn-icon--tablet{border-radius:3px;width:12px;height:15px}.post-preview-btn-icon--mobile{border-radius:4px;width:9px;height:14px}.post-preview-stage{flex:1;justify-content:center;align-items:center;padding:28px 20px 36px;display:flex;position:relative;overflow:auto}.post-preview-loading{z-index:5;color:#fff;background:#02061773;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:none;position:absolute;inset:0}.post-preview-modal.is-loading .post-preview-loading{display:flex}.post-preview-mockup{flex-direction:column;align-items:center;gap:14px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex}.post-preview-mockup__device{filter:drop-shadow(0 40px 80px #0000008c)drop-shadow(0 12px 24px #00000059);position:relative}.post-preview-mockup__bezel{background:#0a0a0b;position:relative;overflow:hidden}.post-preview-mockup__screen{background:#fff;position:relative;overflow:hidden}.post-preview-mockup__screen:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.post-preview-iframe{background:#fff;border:0;width:100%;height:100%;display:block}.post-preview-mockup__caption{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:12px;font-weight:600}.post-preview-mockup__sensor,.post-preview-mockup__browser,.post-preview-mockup__home-indicator,.post-preview-mockup__stand{display:none}.post-preview-mockup--desktop .post-preview-mockup__device{width:min(1280px,100vw - 48px)}.post-preview-mockup--desktop .post-preview-mockup__bezel{background:linear-gradient(#3f3f46 0%,#18181b 42%,#09090b 100%);border-radius:18px;padding:14px 14px 18px;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000080}.post-preview-mockup--desktop .post-preview-mockup__browser{background:#e8eaed;border-radius:12px 12px 0 0;margin-bottom:10px;display:block;overflow:hidden;box-shadow:0 1px #00000014}.post-preview-mockup--desktop .post-preview-mockup__browser-top{background:linear-gradient(#f3f4f6 0%,#e5e7eb 100%);border-bottom:1px solid #d1d5db;align-items:center;gap:12px;min-height:42px;padding:8px 12px;display:flex}.post-preview-mockup--desktop .post-preview-mockup__traffic{flex-shrink:0;gap:7px;display:flex}.post-preview-mockup--desktop .post-preview-mockup__traffic span{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 -1px 1px #00000026}.post-preview-mockup--desktop .post-preview-mockup__traffic span:nth-child(2){background:#febc2e}.post-preview-mockup--desktop .post-preview-mockup__traffic span:nth-child(3){background:#28c840}.post-preview-mockup--desktop .post-preview-mockup__tabs{flex:1;min-width:0}.post-preview-mockup--desktop .post-preview-mockup__tab{color:#334155;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:10px 10px 0 0;align-items:center;gap:8px;max-width:220px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden;box-shadow:0 -1px #d1d5db}.post-preview-mockup--desktop .post-preview-mockup__tab-favicon{background:linear-gradient(135deg,#1f3864,#0d9488);border-radius:4px;flex-shrink:0;width:14px;height:14px}.post-preview-mockup--desktop .post-preview-mockup__browser-bar{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px 12px;display:flex}.post-preview-mockup--desktop .post-preview-mockup__browser-lock{border:2px solid #64748b;border-radius:2px 2px 4px 4px;flex-shrink:0;width:10px;height:12px;position:relative}.post-preview-mockup--desktop .post-preview-mockup__browser-lock:before{content:"";border:2px solid #64748b;border-bottom:none;border-radius:6px 6px 0 0;width:8px;height:6px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.post-preview-mockup--desktop .post-preview-mockup__browser-url{color:#475569;background:#f1f5f9;border-radius:999px;flex:1;padding:7px 12px;font-size:12px;font-weight:500}.post-preview-mockup--desktop .post-preview-mockup__screen{border-radius:4px;height:min(72vh,760px);box-shadow:inset 0 0 0 2px #000}.post-preview-mockup--desktop .post-preview-mockup__stand{flex-direction:column;align-items:center;margin-top:-4px;display:flex}.post-preview-mockup--desktop .post-preview-mockup__neck{clip-path:polygon(18% 0%,82% 0%,100% 100%,0% 100%);background:linear-gradient(90deg,#27272a 0%,#52525b 50%,#27272a 100%);width:92px;height:48px;box-shadow:inset 0 1px #ffffff14}.post-preview-mockup--desktop .post-preview-mockup__base{background:linear-gradient(#3f3f46 0%,#18181b 100%);border-radius:0 0 12px 12px;width:220px;height:14px;margin-top:-2px;box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff1a}.post-preview-mockup--tablet .post-preview-mockup__device{width:820px;max-width:calc(100vw - 40px)}.post-preview-mockup--tablet .post-preview-mockup__bezel{background:linear-gradient(145deg,#3a3a3c 0%,#1c1c1e 35%,#0f0f10 100%);border-radius:28px;padding:18px 16px 20px;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 4px #00000073,0 0 0 1px #ffffff0a}.post-preview-mockup--tablet .post-preview-mockup__bezel:before,.post-preview-mockup--tablet .post-preview-mockup__bezel:after{content:"";z-index:3;background:linear-gradient(#52525b,#27272a);border-radius:3px;width:3px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.post-preview-mockup--tablet .post-preview-mockup__bezel:before{left:5px}.post-preview-mockup--tablet .post-preview-mockup__bezel:after{right:5px}.post-preview-mockup--tablet .post-preview-mockup__sensor--tablet{z-index:3;background:radial-gradient(circle at 35% 35%,#3f3f46,#09090b 70%);border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.post-preview-mockup--tablet .post-preview-mockup__screen{border-radius:12px;height:min(68vh,1060px);box-shadow:inset 0 0 0 2px #000}.post-preview-mockup--mobile .post-preview-mockup__device{width:390px;max-width:calc(100vw - 32px)}.post-preview-mockup--mobile .post-preview-mockup__bezel{background:linear-gradient(160deg,#48484a 0%,#1c1c1e 30%,#000 100%);border-radius:44px;padding:14px 10px 16px;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 6px #00000080,0 0 0 1px #ffffff0f}.post-preview-mockup--mobile .post-preview-mockup__bezel:before{content:"";z-index:3;background:linear-gradient(#52525b,#27272a);border-radius:4px 0 0 4px;width:4px;height:28px;position:absolute;top:118px;left:-2px}.post-preview-mockup--mobile .post-preview-mockup__bezel:after{content:"";z-index:3;background:linear-gradient(#52525b,#27272a);border-radius:0 4px 4px 0;width:4px;height:54px;position:absolute;top:92px;right:-2px}.post-preview-mockup--mobile .post-preview-mockup__sensor--phone{z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.post-preview-mockup--mobile .post-preview-mockup__island{background:#000;border-radius:20px;width:108px;height:30px;display:block;box-shadow:inset 0 0 0 1px #ffffff0d,0 2px 8px #00000059}.post-preview-mockup--mobile .post-preview-mockup__screen{border-radius:32px;height:min(74vh,844px);box-shadow:inset 0 0 0 2px #000}.post-preview-mockup--mobile .post-preview-mockup__home-indicator{z-index:4;pointer-events:none;background:#ffffffd1;border-radius:999px;width:118px;height:5px;display:block;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=900px){.post-preview-stage{align-items:flex-start;padding:16px 12px 24px}.post-preview-mockup--desktop .post-preview-mockup__device{width:calc(100vw - 24px)}.post-preview-mockup--desktop .post-preview-mockup__screen{height:min(62vh,560px)}.post-preview-mockup--tablet .post-preview-mockup__device{width:calc(100vw - 24px)}.post-preview-mockup--tablet .post-preview-mockup__screen{height:min(62vh,720px)}.post-preview-mockup--mobile .post-preview-mockup__device{width:min(390px,100vw - 24px)}.post-preview-mockup--mobile .post-preview-mockup__screen{height:min(70vh,844px)}}@media (width<=768px){.post-preview-toolbar{gap:8px;padding:10px 12px}.post-preview-toolbar-label{display:none}.post-preview-btn{padding:7px 10px;font-size:12px}.post-preview-mockup--desktop .post-preview-mockup__stand{display:none}.post-preview-mockup--desktop .post-preview-mockup__browser-top{min-height:36px;padding:6px 10px}.post-preview-mockup--desktop .post-preview-mockup__tab{max-width:140px;font-size:11px}}