.planner-page.svelte-ap8nw9{min-height:100vh;background-color:var(--bg, #0a0f1c);color:var(--text, #ffffff);font-family:var(--font-body, system-ui, sans-serif)}.split-panel.svelte-ap8nw9{display:flex;min-height:100vh;width:100%}@media(max-width:1024px){.split-panel.svelte-ap8nw9{flex-direction:column}}.panel-left.svelte-ap8nw9{width:35%;min-width:400px;max-width:500px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg, #111827);border-right:1px solid var(--outline, rgba(255, 255, 255, .1));box-shadow:4px 0 24px #0003;z-index:10;overflow-y:auto}.panel-left.svelte-ap8nw9::-webkit-scrollbar{width:6px}.panel-left.svelte-ap8nw9::-webkit-scrollbar-track{background:transparent}.panel-left.svelte-ap8nw9::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:6px}@media(max-width:1024px){.panel-left.svelte-ap8nw9{width:100%;max-width:none;min-width:auto;border-right:none;border-bottom:1px solid var(--outline, rgba(255, 255, 255, .1));padding:2rem}}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9){margin-top:0;margin-bottom:2rem}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9){display:flex;flex-direction:column;gap:1rem}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn:where(.svelte-ap8nw9){display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-primary:where(.svelte-ap8nw9){background:var(--brand-gradient, linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%));background-size:200% auto;color:#fff;animation:gradient-shift 4s ease-in-out infinite;box-shadow:0 4px 15px #7c3aed66}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-primary:where(.svelte-ap8nw9):hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-primary:where(.svelte-ap8nw9):active{transform:translateY(0)}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-secondary:where(.svelte-ap8nw9){background:#ffffff0d;color:var(--text);border:1px solid var(--outline, rgba(255, 255, 255, .1))}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-secondary:where(.svelte-ap8nw9):hover{background:#ffffff1a;border-color:var(--outline, rgba(255, 255, 255, .2))}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-tertiary:where(.svelte-ap8nw9){background:transparent;color:var(--text);opacity:.8}.panel-left.svelte-ap8nw9 .content-wrapper:where(.svelte-ap8nw9) .cta-group:where(.svelte-ap8nw9) .btn.btn-tertiary:where(.svelte-ap8nw9):hover{color:var(--text);opacity:1;background:#ffffff0d}.panel-left.svelte-ap8nw9 .footer-wrapper:where(.svelte-ap8nw9){margin-top:auto}.panel-left.svelte-ap8nw9 .footer-wrapper:where(.svelte-ap8nw9) .app-footer{position:relative;bottom:auto;left:auto;padding:1rem 0 0}.panel-right.svelte-ap8nw9{flex:1;position:relative;background:var(--action, #00326e);overflow:hidden;display:flex;align-items:center;justify-content:center}.panel-right.svelte-ap8nw9 .preview-container:where(.svelte-ap8nw9){position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.panel-right.svelte-ap8nw9 .preview-container:where(.svelte-ap8nw9) .planner-view-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:0!important;min-height:0!important;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.panel-right.svelte-ap8nw9{min-height:auto;aspect-ratio:var(--mobile-aspect, 1404/1872)}}