.device-simulator.svelte-1lozuxs{justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.device-frame.svelte-1lozuxs{width:var(--device-width);height:var(--device-height);border-radius:var(--device-border-radius);box-shadow:var(--device-box-shadow);border:var(--device-border);background:var(--device-background);box-sizing:content-box;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.device-simulator.rotated.svelte-1lozuxs .device-frame:where(.svelte-1lozuxs){transform-origin:50%;transform:rotate(90deg)}.device-screen.svelte-1lozuxs{background:var(--color-bg-primary);width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.mobile-frame.svelte-1lozuxs{pointer-events:none;position:absolute;inset:0}.device-notch.svelte-1lozuxs{z-index:10;background:#000;border-radius:0 0 15px 15px;width:150px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-indicator.svelte-1lozuxs{opacity:.3;z-index:10;background:#000;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.side-buttons.svelte-1lozuxs{position:absolute;top:20%;left:-12px}.volume-buttons.svelte-1lozuxs{background:#333;border-radius:2px;width:3px;height:60px;margin-bottom:10px}.power-button.svelte-1lozuxs{background:#333;border-radius:2px;width:3px;height:40px;position:absolute;top:15%;right:-15px}.tablet-frame.svelte-1lozuxs{pointer-events:none;position:absolute;inset:0}.home-button.svelte-1lozuxs{background:0 0;border:3px solid #333;border-radius:50%;width:50px;height:50px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.front-camera.svelte-1lozuxs{background:#333;border-radius:50%;width:8px;height:8px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.desktop-frame.svelte-1lozuxs{pointer-events:none;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.monitor-stand.svelte-1lozuxs{background:#666;border-radius:0 0 5px 5px;width:60px;height:30px;margin:0 auto}.monitor-base.svelte-1lozuxs{background:#666;border-radius:10px;width:120px;height:15px;margin:5px auto 0}.rotation-toggle.svelte-1lozuxs{background:var(--color-primary);color:#fff;cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:-50px;right:-50px;box-shadow:0 4px 12px #00000026}.rotation-toggle.svelte-1lozuxs:hover{background:var(--color-primary-dark);transform:scale(1.1)}.rotation-toggle.svelte-1lozuxs svg:where(.svelte-1lozuxs){transition:transform .2s}.device-simulator.rotated.svelte-1lozuxs .rotation-toggle:where(.svelte-1lozuxs) svg:where(.svelte-1lozuxs){transform:rotate(90deg)}.device-info-overlay.svelte-1lozuxs{color:var(--color-text-secondary);pointer-events:none;flex-direction:column;align-items:center;gap:.25rem;font-size:.875rem;display:flex;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.device-label.svelte-1lozuxs{color:var(--color-text);font-weight:600}.device-dimensions.svelte-1lozuxs{background:var(--color-background);border:1px solid var(--color-border);border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:monospace;display:flex}.orientation-badge.svelte-1lozuxs{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.orientation-badge.portrait.svelte-1lozuxs{background:var(--color-primary-bg);color:var(--color-primary)}.orientation-badge.landscape.svelte-1lozuxs{background:var(--color-success-bg);color:var(--color-success)}.device-content-only.svelte-1lozuxs{border-radius:var(--device-border-radius);box-shadow:var(--device-box-shadow);background:var(--color-bg-primary);overflow:hidden;container-type:inline-size}@media (width<=768px){.device-simulator.svelte-1lozuxs{transform:scale(.8)}.device-info-overlay.svelte-1lozuxs{font-size:.75rem;bottom:-60px}.rotation-toggle.svelte-1lozuxs{width:32px;height:32px;top:-40px;right:-40px}}@media (width<=480px){.device-simulator.svelte-1lozuxs{transform:scale(.6)}}@keyframes svelte-1lozuxs-rotate-device{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.device-simulator.rotated.svelte-1lozuxs .device-frame:where(.svelte-1lozuxs){animation:.3s cubic-bezier(.4,0,.2,1) forwards svelte-1lozuxs-rotate-device}.device-simulator.desktop.svelte-1lozuxs .device-frame:where(.svelte-1lozuxs){border:2px solid var(--color-border-subtle)}.device-simulator.tablet.svelte-1lozuxs .device-screen:where(.svelte-1lozuxs){border-radius:calc(var(--device-border-radius) - 8px)}.device-simulator.mobile.svelte-1lozuxs .device-screen:where(.svelte-1lozuxs){border-radius:calc(var(--device-border-radius) - 12px)}