html,body{min-height:100%;margin:0}body{color:#1f2a24;background:#f8f4ec;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-frame{border:0;width:100vw;height:100vh;display:block}.app-shell{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.app-shell-wide{width:min(1120px,100% - 36px);margin:0 auto;display:block}.account-shell{width:min(860px,100% - 36px);padding-bottom:56px}.auth-card,.app-card{background:#fffdf8;border:1px solid #1f2a2424;border-radius:28px;width:min(520px,100%);padding:28px;box-shadow:0 24px 80px #1f2a2424}.app-card{width:100%}.app-logo{color:#23483c;font-weight:900;text-decoration:none}.auth-card h1,.app-card h1,.app-card h2{letter-spacing:-.04em;margin:14px 0 10px}.auth-card p,.app-card p{color:#6f756f;line-height:1.6}.auth-form{gap:14px;margin-top:22px;display:grid}.auth-form label{gap:7px;font-weight:800;display:grid}.auth-form input,.auth-form select{color:#1f2a24;min-height:48px;font:inherit;background:#fffdf8;border:1px solid #1f2a2424;border-radius:999px;padding:0 16px}.split-fields{gap:14px;display:grid}.optional-label{color:#8a9189;font-size:12px;font-weight:800}.field-hint{color:#8a9189;margin-top:4px;font-size:12px;display:block}.auth-form button,.primary-action,.secondary-action,.link-button{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.auth-form button,.primary-action{color:#fffdf8;background:#23483c}.auth-form button:disabled{cursor:wait;opacity:.68}.secondary-action,.link-button{color:#23483c;background:#23483c14}.small-copy{margin-top:18px;font-size:14px}.form-error{color:#7c2d2d;background:#b84f4f1f;border-radius:16px;margin-top:14px;padding:12px;font-weight:800}.form-error form{margin:0 0 0 8px;display:inline-flex}.form-notice{color:#23483c;background:#23483c1a;border-radius:16px;margin-top:14px;padding:12px;font-weight:800}.app-nav{justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.app-nav-links{align-items:center;gap:10px;display:flex}.app-nav a{color:#23483c;font-weight:900;text-decoration:none}.dashboard-grid{gap:18px;display:grid}.account-grid,.account-stack{gap:22px;margin-top:22px;display:grid}.account-shell .hero-panel{padding:32px}.account-shell .app-card{box-shadow:0 16px 48px #1f2a241a}.account-shell .auth-form{gap:18px}.account-shell .account-metrics dd{overflow-wrap:anywhere;text-align:right;max-width:60%}.eyebrow{color:#23483c;letter-spacing:.08em;text-transform:uppercase;background:#23483c14;border-radius:999px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.app-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.app-actions form{margin:0}.compact-form{margin-top:18px}.big-stat{letter-spacing:-.06em;margin-top:18px;font-size:72px;font-weight:900}.account-metrics{gap:10px;margin:18px 0 0;display:grid}.account-metrics div,.generation-list li{border-top:1px solid #1f2a241a;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.account-metrics dt{color:#6f756f}.account-metrics dd{color:#23483c;margin:0;font-weight:900}.recent-panel{margin-top:18px}.generation-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.generation-list strong{color:#23483c}.stage-panel{margin-top:32px}.upload-placeholder{color:#6f756f;border:1px dashed #1f2a243d;border-radius:22px;gap:8px;margin-top:20px;padding:24px;display:grid}.stage-workflow{gap:18px;margin-top:22px;display:grid}.upload-zone{cursor:pointer;background:#23483c09;border:1px dashed #1f2a2447;border-radius:22px;place-items:center;min-height:340px;display:grid;overflow:hidden}.upload-zone.dragging{background:#23483c14;border-color:#23483c}.upload-prompt{text-align:center;color:#6f756f;gap:8px;display:grid}.upload-prompt strong{color:#23483c;font-size:20px}.upload-preview{width:100%;height:100%;position:relative}.upload-preview img,.before-after img{object-fit:cover;width:100%;height:100%;display:block}.upload-preview .secondary-action{background:#fffdf8f0;position:absolute;bottom:16px;right:16px}.hidden-input{display:none}.stage-tip{background:#23483c14;border-radius:16px;margin:0;padding:14px 16px}.stage-controls{gap:14px;display:grid}.stage-controls label{color:#23483c;gap:8px;font-weight:900;display:grid}.stage-controls select{color:#1f2a24;width:100%;min-height:48px;font:inherit;background:#fffdf8;border:1px solid #1f2a2424;border-radius:999px;padding:0 16px}.generate-action{width:100%}.primary-action:disabled{cursor:not-allowed;opacity:.55}.result-section{gap:16px;display:grid}.before-after{gap:14px;display:grid}.before-after figure{background:#fffdf8;border:1px solid #1f2a2424;border-radius:18px;margin:0;overflow:hidden}.before-after figcaption{color:#23483c;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;font-size:12px;font-weight:900}.before-after img{aspect-ratio:4/3;height:auto}.basic-plan-notice{color:#23483c;background:#23483c12;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.plan-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex}.plan-badge-basic{color:#23483c;background:#23483c24}.select-with-lock{gap:6px;display:grid}.unlock-cta{color:#23483c;text-underline-offset:3px;padding:0 4px;font-size:13px;font-weight:900;text-decoration:underline}.feedback-overlay{z-index:200;background:#1f2a248c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.feedback-modal{background:#fffdf8;border-radius:28px;gap:16px;width:min(520px,100%);padding:32px 28px 28px;display:grid;position:relative;box-shadow:0 32px 80px #1f2a2438}.feedback-close{cursor:pointer;color:#6f756f;background:0 0;border:none;padding:6px;font-size:18px;line-height:1;position:absolute;top:14px;right:16px}.feedback-eyebrow{color:#23483c;letter-spacing:.07em;text-transform:uppercase;background:#23483c1a;border-radius:999px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:900;display:inline-flex}.feedback-heading{letter-spacing:-.04em;color:#1f2a24;margin:0;font-size:26px;font-weight:900}.feedback-sub{color:#6f756f;margin:0;font-size:14px}.star-rating{gap:4px;display:flex}.star-btn{cursor:pointer;color:#d0c8bc;background:0 0;border:none;padding:0 2px;font-size:36px;line-height:1;transition:color .12s}.star-btn.star-active{color:#c88b3a}.feedback-textarea{width:100%;font:inherit;color:#1f2a24;resize:vertical;box-sizing:border-box;background:#fffdf8;border:1px solid #1f2a2424;border-radius:16px;padding:12px 14px;font-size:14px}.feedback-actions{align-items:center;gap:12px;display:flex}.feedback-upsell{color:#6f756f;margin:0;font-size:13px}.feedback-upsell a{color:#23483c;font-weight:900}.feedback-thanks{text-align:center;place-items:center;gap:10px;padding:24px 0;display:grid}.feedback-thanks-icon{color:#c88b3a;font-size:48px}.feedback-thanks strong{color:#1f2a24;font-size:22px}.upgrade-grid{gap:18px;margin-top:28px;display:grid}.plan-card{background:#fffdf8;border:1px solid #1f2a2424;border-radius:28px;align-content:start;gap:16px;padding:28px;display:grid}.plan-card.plan-featured{border-color:#b8814f7a;box-shadow:0 20px 60px #b8814f21}.plan-price{letter-spacing:-.06em;color:#1f2a24;font-size:52px;font-weight:900;line-height:1}.plan-price small{color:#6f756f;letter-spacing:0;font-size:16px;font-weight:700}.plan-features{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plan-features li{color:#1f2a24;border-top:1px solid #1f2a2414;align-items:flex-start;gap:8px;padding-top:8px;font-size:15px;display:flex}.plan-features li:before{content:"✓";color:#23483c;flex-shrink:0;font-weight:900}.plan-card h2{letter-spacing:-.04em;margin:4px 0 0}.upgrade-note{text-align:center;color:#6f756f;margin-top:24px;font-size:14px}.upgrade-note a{color:#23483c;font-weight:900}@media (min-width:600px){.upgrade-grid{grid-template-columns:1fr 1fr}}@media (min-width:760px){.dashboard-grid{grid-template-columns:1.4fr .8fr}.account-grid{grid-template-columns:1fr 1fr}.account-secondary-grid{align-items:start}.split-fields,.stage-controls,.before-after{grid-template-columns:1fr 1fr}}
