@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f8f4f0;--surface:#fffcf8;--ink:#352d2b;--muted:#96877f;--line:#e7ddd6;--accent:#9a5d53;--soft:#efe0d8;--shadow:0 10px 35px #553a2820}*{box-sizing:border-box}body{margin:0;background:#eae3dd;color:var(--ink);font-family:'Manrope',Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label.outline-button:focus-visible{outline:3px solid #bc8274;outline-offset:3px}button{color:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.app-shell{max-width:480px;min-height:100vh;margin:auto;background:var(--paper);position:relative;box-shadow:0 0 80px #72594b16}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px}.wordmark{display:flex;align-items:center;gap:9px;font-family:'DM Sans','Manrope',sans-serif;font-size:20px;line-height:1.1;letter-spacing:-.7px;font-weight:600}.wordmark small{display:block;font-family:'Manrope',sans-serif;font-size:8px;font-weight:600;letter-spacing:2.4px;margin-top:7px;color:var(--muted)}.brand-mark{width:37px;height:39px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:#f5ddd0}.brand-mark svg{width:25px;height:25px;fill:#f5ddd0;stroke:none}.version{font-size:9px;letter-spacing:1.2px;color:var(--muted);border:1px solid var(--line);padding:6px 8px;border-radius:7px}.demo-notice{margin:2px 24px 20px;padding:8px 11px;background:#ece7de;border:1px solid #e4ded2;border-radius:8px;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.2px;color:#76674e}.status-dot{width:5px;height:5px;border-radius:50%;background:#a78b58}main{padding:0 24px 120px}.screen{display:none;animation:appear .25s ease}.screen.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.9px;color:var(--accent)}h1{font-size:35px;font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.18;letter-spacing:-.7px;margin:11px 0 13px}h1 em{font-weight:500;color:var(--accent)}.intro{position:relative;padding:4px 0 12px}.intro:after{content:'✳';position:absolute;right:4px;bottom:27px;color:#cdb4a5;font-size:72px;font-weight:200;line-height:1;transform:rotate(14deg);opacity:.55;pointer-events:none}.intro p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.brand-summary{width:100%;border:1px solid var(--line);border-radius:15px;background:#fffcf7;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;margin:12px 0 28px;box-shadow:0 4px 12px #765e4710}.brand-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--soft);font-family:Georgia,serif;color:var(--accent);font-size:26px}.brand-avatar img{width:34px;height:34px;object-fit:contain}.summary-text{flex:1;min-width:0}.summary-text strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.summary-text small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.chevron{color:var(--accent);font-size:21px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:24px;line-height:1.25;margin:6px 0 0;letter-spacing:-.4px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.source-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:120px;background:transparent;border:1px solid var(--line);border-radius:13px;padding:13px 10px 11px;text-align:left}.source-card.selected{background:#f0e3db;border-color:#b98b7c}.source-icon{color:var(--accent);margin-bottom:11px;display:block}.source-icon svg{width:24px;height:24px}.source-card strong{font-size:11px;letter-spacing:-.2px}.source-card small{font-size:9px;color:var(--muted);margin-top:3px}.selected-mark{position:absolute;top:10px;right:10px;border-radius:50%;width:14px;height:14px;background:var(--accent);color:white;font-size:9px;text-align:center;line-height:14px}.source-card:not(.selected) .selected-mark{display:none}.demo-tag{position:absolute;top:10px;right:8px;font-size:6px;letter-spacing:.6px;background:#ede6df;padding:2px 4px;border-radius:3px;color:#9c8c80}.upload-zone{margin-top:12px;width:100%;border:1px dashed #cebbb0;border-radius:12px;display:flex;align-items:center;gap:11px;padding:15px 12px;background:#fbf8f4;cursor:pointer}.upload-zone strong{font-size:11px;display:block}.upload-zone small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.upload-zone>svg{width:19px;flex-shrink:0;margin-left:auto;color:var(--accent)}.upload-plus{font-size:25px;color:var(--accent);font-weight:400}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.upload-zone:focus-within{outline:2px solid var(--accent)}.form-heading{margin-top:28px}label,.field-label{display:block;font-size:11px;font-weight:600;margin:16px 0 7px}label span:not(.check-label span){color:var(--accent)}label small{font-size:9px;color:var(--muted);font-weight:400}input:not([type=file]):not([type=checkbox]),textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fffcf8;padding:12px 12px;color:var(--ink);font-size:12px;outline-offset:2px;min-height:44px}input::placeholder,textarea::placeholder{color:#b4a79e}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:.78fr 1.22fr;gap:10px}.segmented{display:flex;border:1px solid var(--line);padding:4px;border-radius:11px;gap:4px;background:#f0eae3}.segmented button{flex:1;border:0;background:transparent;padding:9px;border-radius:7px;font-size:11px;color:var(--muted)}.segmented button.selected{background:#fffcf8;box-shadow:0 2px 6px #4a392510;color:var(--ink)}.segmented span{font-size:9px;margin-left:6px;color:var(--muted)}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-card{border:1px solid var(--line);background:transparent;border-radius:10px;padding:6px 6px 10px;display:flex;flex-direction:column;text-align:left;overflow:hidden}.style-card.selected{border-color:#b98b7c;background:#f0e3db}.style-swatch{height:55px;width:100%;border-radius:6px;display:flex;justify-content:center;align-items:center;font-family:'Playfair Display',Georgia,serif;font-size:26px;line-height:1}.swatch-beige{background:#dcc9b8;color:#645142}.swatch-rose{background:#d4acaa;color:#743b43}.swatch-sage{background:#bfcec4;color:#426050}.style-card strong{font-size:8px;margin:7px 2px 2px;white-space:nowrap;letter-spacing:-.2px}.style-card small{font-size:7px;color:var(--muted);margin:0 2px}.check-label{display:flex;align-items:flex-start;gap:9px;margin:20px 0;line-height:1.5;font-size:10px;font-weight:500}.check-label input{accent-color:var(--accent);margin:2px 0 0;flex-shrink:0}.check-label small{display:block;font-size:9px;line-height:1.6;margin-top:4px}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:15px 13px;min-height:50px;background:var(--ink);color:#fffcf8;font-size:12px;font-weight:600;box-shadow:0 7px 17px #41282018}.primary-button svg:first-child{width:19px;height:19px}.primary-button svg:last-child{width:17px;height:17px;margin-left:auto}.primary-button span{margin-right:auto}.privacy-note{font-size:9px;text-align:center;color:var(--muted);line-height:1.7;margin:13px 10px 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;max-width:480px;width:100%;padding:12px 25px calc(12px + env(safe-area-inset-bottom));justify-content:space-around;border-top:1px solid #e7ddd6eb;background:#faf6f0f5;backdrop-filter:blur(18px);z-index:10}.nav-item{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:#a99a90;font-size:9px;min-width:68px}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--accent)}.nav-item.active span{font-weight:700}.screen-intro{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 25px}.logo-upload{display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:15px;border-radius:13px;background:#fffcf8}.logo-display{width:75px;height:75px;background:var(--soft);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);font:43px Georgia,serif;flex-shrink:0;overflow:hidden}.logo-display img{width:65px;height:65px;object-fit:contain}.logo-upload .outline-button{margin:0 0 5px;font-size:10px;display:inline-block}.logo-upload small{font-size:8px;color:var(--muted);display:block}.outline-button{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fffcf8;font-size:11px;font-weight:500;cursor:pointer}.text-button{background:none;border:0;padding:8px 0;color:var(--accent);font-size:11px;display:block;text-align:left}.danger{margin-top:20px}.info-note{display:flex;gap:10px;margin:20px 0;color:#6c806b;background:#e8ede5;border-radius:11px;padding:13px}.info-note svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.info-note p{font-size:10px;line-height:1.7;margin:0}.connection-card{margin-top:30px;border:1px solid var(--line);padding:18px;border-radius:14px}.connection-card h3{font-size:13px;margin:0 0 12px}.connection-card>div{display:flex;justify-content:space-between;font-size:10px;padding:7px 0;border-bottom:1px solid var(--line)}.connection-card b{font-size:9px;color:#a38568;font-weight:500}.connection-card p{font-size:10px;color:var(--muted);line-height:1.8;margin:12px 0 0}.hidden{display:none!important}.error{padding:10px;border-radius:8px;background:#f4dfdb;color:#90483d;font-size:10px}.ai-panel{margin-top:12px;padding:12px;border-radius:12px;background:#eee6e1;border:1px solid #e2d6cd}.ai-panel label{margin-top:0}.ai-panel p{font-size:9px;color:#8e6b60;margin:7px 0 0;line-height:1.7}.toast{position:fixed;z-index:30;bottom:100px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:86vw;border-radius:10px;padding:12px 18px;background:#352d2bf3;box-shadow:var(--shadow);color:white;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.back-button{margin:0 0 14px}.result-badge{display:inline-block;font-size:9px;background:#eee4d7;color:#856947;padding:5px 9px;border-radius:6px;margin:0 0 17px}.creative-preview{width:100%;aspect-ratio:1;border-radius:15px;position:relative;overflow:hidden;background:#dcc9b8;color:#534235;box-shadow:var(--shadow);isolation:isolate}.creative-preview.story{aspect-ratio:9/16}.creative-preview.rose{background:#d4acaa;color:#5f2f3a}.creative-preview.sage{background:#bfcec4;color:#2e5341}.creative-preview .art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#ffffff60,transparent 50%),linear-gradient(135deg,#ffffff22,transparent)}.creative-preview .art:before{content:'';position:absolute;width:67%;height:83%;border:1px solid currentColor;border-radius:50% 50% 6px 6px;right:-12%;top:-18%;opacity:.22;transform:rotate(-20deg);box-shadow:-22px 20px 0 #ffffff15,-44px 40px 0 #ffffff20}.creative-preview .art:after{content:'';position:absolute;border-radius:50%;width:70%;height:70%;right:-20%;bottom:-25%;background:#ffffff30;box-shadow:-25px -10px 0 #ffffff16}.creative-preview .media-image,.creative-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.creative-preview.has-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00000008 20%,#211b16be 100%);z-index:-1}.creative-preview.has-media{color:white}.creative-copy{position:absolute;left:8%;right:8%;bottom:10%;}.creative-preview.story .creative-copy{bottom:15%}.creative-kicker{display:block;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:13px;opacity:.8}.creative-copy h2{font-size:31px;line-height:1.15;margin:0 0 10px;max-width:95%;overflow-wrap:anywhere}.creative-copy .service-text{font-size:10px;opacity:.8;letter-spacing:.2px}.creative-price{font-family:'Playfair Display',Georgia,serif;font-size:24px;margin-top:9px}.creative-cta{display:inline-block;font-size:8px;letter-spacing:.2px;border:1px solid currentColor;border-radius:20px;padding:6px 12px;margin-top:13px}.brand-lockup{position:absolute;display:flex;align-items:center;gap:8px;max-width:72%;font-size:10px;font-weight:700;line-height:1.25;word-break:break-word}.brand-lockup img{width:37px;height:37px;object-fit:contain;background:#fffdf7d9;border-radius:5px;padding:3px}.brand-lockup.top-left{top:7%;left:8%}.brand-lockup.top-right{top:7%;right:8%;text-align:right;flex-direction:row-reverse}.brand-lockup.bottom-left{bottom:4%;left:8%}.brand-lockup.bottom-right{bottom:4%;right:8%;text-align:right;flex-direction:row-reverse}.demo-watermark{position:absolute;top:3%;left:50%;transform:translateX(-50%);font-size:6px;letter-spacing:1px;opacity:.6;white-space:nowrap}.medical-line{position:absolute;bottom:2%;left:8%;right:8%;font-size:5px;opacity:.75;text-align:center}.video-demo-label{position:absolute;top:25%;left:8%;right:8%;border:1px solid #ffffff66;border-radius:12px;padding:15px;background:#ffffff20;font-size:11px;display:flex;gap:10px;align-items:center}.video-demo-label svg{width:28px;height:28px;flex-shrink:0}.video-demo-label small{font-size:8px;display:block;margin-top:4px;opacity:.7}.result-explanation{font-size:10px;color:var(--muted);line-height:1.8;margin:17px 2px}.safety-note{font-size:9px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin-bottom:18px}.result-actions{display:flex;gap:8px;margin-top:10px}.result-actions button{flex:1;font-size:10px}.storyboard{background:#fffcf8;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px}.storyboard h3{font-size:12px;margin:0 0 8px}.storyboard p{font-size:10px;margin:7px 0;color:var(--muted)}.empty-state{border:1px dashed #cebbb0;border-radius:15px;text-align:center;padding:35px 22px;margin-top:25px;color:var(--muted)}.empty-state svg{width:30px;height:30px;color:#b99885;margin-bottom:12px}.empty-state h3{color:var(--ink);font-size:15px;font-weight:500;margin:0 0 7px}.empty-state p{font-size:11px;line-height:1.8;margin-bottom:18px}.draft-card{background:#fffcf8;border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:10px}.draft-card h3{font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:500;margin:0 0 7px}.draft-card p{font-size:10px;color:var(--muted);margin:0 0 12px}.draft-card .draft-actions{display:flex;justify-content:space-between;gap:10px}.draft-card .outline-button{font-size:10px}.draft-card .text-button{font-size:10px}#brand-screen>h1,#gallery-screen>h1{margin-top:9px}@media(min-width:600px){body{padding:30px 0}.app-shell{border-radius:26px;overflow:hidden;min-height:calc(100vh - 60px)}.bottom-nav{bottom:0;border-radius:17px 17px 0 0}.header{padding-top:26px}}@media(max-width:360px){.header{padding-left:18px;padding-right:18px}main{padding-left:18px;padding-right:18px}.demo-notice{margin-left:18px;margin-right:18px}h1{font-size:32px}.source-card{padding:11px 8px}.source-card strong{font-size:10px}.source-card small{font-size:8px}.demo-tag{font-size:5px}.creative-copy h2{font-size:27px}}

.creative-preview.has-media:after{pointer-events:none}.creative-copy,.brand-lockup,.medical-line,.demo-watermark{pointer-events:none}.creative-preview.logo-bottom .creative-copy{bottom:23%}.creative-preview.story.logo-bottom .creative-copy{bottom:19%}.file-input:focus-visible+*{outline-color:var(--accent)}

.ai-copy-tools{margin-top:8px}.ai-copy-tools>.outline-button{font-size:10px;padding:9px 11px}.ai-copy-tools>.outline-button:disabled{cursor:not-allowed;opacity:.58}.ai-copy-tools p{font-size:9px;color:var(--muted);line-height:1.6;margin:6px 1px 0}.ai-copy-results{display:grid;gap:6px;margin-top:8px}.ai-copy-option{border:1px solid #d8c2b6;border-radius:9px;background:#fbf7f2;color:var(--ink);padding:9px 11px;text-align:left;font-size:10px;line-height:1.5}.ai-copy-option:hover,.ai-copy-option:focus-visible{border-color:var(--accent);background:#f0e3db}