/* Workspace preview viewport controls */
.ldp-workspace-topbar{min-height:48px!important;gap:12px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important}
.ldp-workspace-tabs{padding:3px!important;border:1px solid #e2e8f0!important;border-radius:11px!important;background:#f8fafc!important}
.ldp-device-toolbar{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #dbe3ec;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.ldp-device-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;min-width:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#64748b;font:650 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.ldp-device-btn:hover{background:#fff;color:#0f172a;border-color:#dbe3ec;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.ldp-device-btn:active{transform:translateY(1px)}
.ldp-device-btn.is-active{background:#0b1f3a;color:#fff;border-color:#0b1f3a;box-shadow:0 4px 10px rgba(11,31,58,.18)}
.ldp-device-btn[data-expand]{margin-left:3px;box-shadow:inset 1px 0 #e2e8f0}
.ldp-device-btn[data-expand].is-active{background:#0057d9;border-color:#0057d9;color:#fff;box-shadow:0 4px 12px rgba(0,87,217,.2)}
.ldp-device-btn svg{width:14px;height:14px;display:block;flex:none}.ldp-device-label{display:none}@media(min-width:1120px){.ldp-device-label{display:inline}}
.ldp-preview-stage{width:100%!important;max-width:none!important;min-height:calc(100vh - 128px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow:auto!important;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.04),transparent 30%),linear-gradient(180deg,#f3f6f9,#edf1f5)!important;padding:16px!important}
.ldp-preview-shell{height:calc(100vh - 160px)!important;min-height:650px!important;max-width:100%!important;margin:0 auto!important;overflow:hidden!important;background:#fff!important;border:1px solid #d7dee7!important;box-shadow:0 12px 34px rgba(15,23,42,.12)!important;transition:width .2s ease,border-radius .2s ease,box-shadow .2s ease!important}
.ldp-preview-shell[data-device="desktop"]{width:100%!important;border-radius:12px!important}.ldp-preview-shell[data-device="tablet"]{width:min(820px,100%)!important;border-radius:18px!important}.ldp-preview-shell[data-device="mobile"]{width:min(390px,100%)!important;border-radius:28px!important;border:5px solid #111827!important;box-shadow:0 16px 42px rgba(15,23,42,.2)!important}
.ldp-preview-shell>div,.ldp-preview-shell iframe{height:100%!important;min-height:100%!important;width:100%!important}
body.ldp-preview-focus-active{overflow:hidden!important}
.ldp-preview-focus{position:fixed!important;inset:8px!important;z-index:99999!important;display:flex!important;flex-direction:column!important;min-width:0!important;border:1px solid #cbd5e1!important;border-radius:16px!important;overflow:hidden!important;background:#eef2f6!important;box-shadow:0 30px 100px rgba(2,6,23,.28)!important}
.ldp-preview-focus>.ldp-workspace-topbar{position:relative!important;z-index:2!important;flex:0 0 auto!important;padding:0 14px!important}
.ldp-preview-focus>.ldp-preview-stage{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:14px!important;align-items:center!important;justify-content:center!important}
.ldp-preview-focus .ldp-preview-shell{height:calc(100vh - 86px)!important;min-height:0!important;margin:auto!important}
.ldp-preview-focus .ldp-preview-shell[data-device="desktop"]{width:100%!important}
@media(max-width:1023px){.ldp-device-toolbar{gap:2px;padding:3px}.ldp-device-btn{padding:0 7px}.ldp-preview-stage{min-height:620px!important;padding:8px!important}.ldp-preview-shell{height:72vh!important;min-height:560px!important}.ldp-preview-focus{inset:4px!important;border-radius:12px!important}.ldp-preview-focus .ldp-preview-shell{height:calc(100vh - 78px)!important}}