.mockup-renderer.svelte-1xdpk2w{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.canvas.svelte-1xdpk2w{display:block;max-width:100%;max-height:100%}.mockup-renderer.contain.svelte-1xdpk2w .canvas:where(.svelte-1xdpk2w){width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.mockup-renderer.cover.svelte-1xdpk2w .canvas:where(.svelte-1xdpk2w){width:100%;height:100%;object-fit:cover}.modal-backdrop.svelte-ta60gp{position:fixed;inset:0;z-index:10000;background:var(--color-overlay-darker);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;padding:0;margin:0;cursor:pointer;border-radius:unset}.modal-backdrop.svelte-ta60gp:hover{background:var(--color-overlay-darker)!important}.modal-content.svelte-ta60gp{position:fixed;top:0;left:0;right:0;height:100dvh;z-index:10001;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.modal-content.ios-safari.svelte-ta60gp{height:100dvh;overflow-y:auto}.modal-content.svelte-ta60gp>*{pointer-events:auto;margin:0 auto}.mockup-list-container.svelte-33nadc{background:var(--color-surface, #fff);border-radius:8px;padding:2rem;max-width:900px;width:100%;margin:2rem auto;max-height:calc(100dvh - 4rem);overflow-y:auto;box-shadow:0 10px 40px #0003}.mockup-list-header.svelte-33nadc{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.mockup-list-header.svelte-33nadc h2:where(.svelte-33nadc){font-size:1.5rem;font-weight:600;color:var(--color-text, #111);margin:0}.new-mockup-btn.svelte-33nadc{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.new-mockup-btn.svelte-33nadc:hover{background:var(--color-primary-dark, #2563eb)}.new-mockup-btn.primary.svelte-33nadc{margin-top:1rem}.empty-state.svelte-33nadc{text-align:center;padding:4rem 2rem;color:var(--color-text-muted, #666)}.empty-state.svelte-33nadc p:where(.svelte-33nadc){font-size:1rem;margin-bottom:1.5rem}.mockup-grid.svelte-33nadc{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mockup-card.svelte-33nadc{background:var(--color-surface-alt, #f5f5f5);border:2px solid var(--color-border, #ccc);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.75rem}.mockup-card.svelte-33nadc:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-surface, #fff);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mockup-card.current.svelte-33nadc{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #eff6ff)}.mockup-card-header.svelte-33nadc{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mockup-card-title.svelte-33nadc{font-size:1rem;font-weight:600;color:var(--color-text, #111);margin:0;flex:1;word-break:break-word}.mockup-card-actions.svelte-33nadc{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.copy-btn.svelte-33nadc{background:transparent;border:1px solid var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn.svelte-33nadc:hover{background:var(--color-primary, #3b82f6);color:#fff}.delete-btn.svelte-33nadc{background:transparent;border:none;color:var(--color-text-muted, #666);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.delete-btn.svelte-33nadc:hover{background:#ef4444;color:#fff}.mockup-card-info.svelte-33nadc{display:flex;gap:1rem;font-size:.875rem}.mockup-card-stat.svelte-33nadc{display:flex;flex-direction:column;gap:.25rem}.stat-label.svelte-33nadc{color:var(--color-text-muted, #666);font-size:.75rem;text-transform:uppercase}.stat-value.svelte-33nadc{color:var(--color-text, #111);font-weight:500}.mockup-card-footer.svelte-33nadc{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border, #ccc)}.mockup-card-date.svelte-33nadc{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.date-label.svelte-33nadc{color:var(--color-text-muted, #666);text-transform:uppercase}.date-value.svelte-33nadc{color:var(--color-text, #111)}