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