:root{--ink:#19171e;--panel:#221f28;--panel2:#29252f;--cream:#f1eee7;--muted:#a7a0ad;--line:#3b3542;--coral:#ff885f;--celadon:#c8d9a7;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--celadon);outline-offset:5px}button:disabled:hover{transform:none}button,a{touch-action:manipulation}fieldset{border:0;margin:0;padding:0}button{border:0}input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}input:focus-visible+span{outline:3px solid var(--celadon);outline-offset:3px}.wrap{width:min(1400px,calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:99;top:10px;left:12px;background:var(--cream);color:var(--ink);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:68px}.brand{font-family:Manrope,var(--sans);font-size:25px;font-weight:800;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.brand svg{width:29px;height:29px;fill:var(--coral);transform:rotate(180deg)}.brand-dot{font:10px var(--sans);align-self:flex-start;margin-top:5px;margin-left:-6px}.site-header nav{display:flex;gap:28px;font-size:12px}.site-header nav a:hover,.text-link:hover{color:var(--coral)}.header-note{margin-left:auto;font-size:11px;color:#c3bdc9;display:flex;align-items:center;gap:11px}.tiny-star{color:var(--celadon);font-size:26px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding-block:67px 52px;gap:40px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.75px;margin:0 0 25px;display:flex;align-items:center;gap:10px}.small-line{display:inline-block;width:20px;height:1px;background:var(--coral)}h1{font-family:var(--serif);font-size:clamp(48px,5.35vw,81px);font-weight:400;letter-spacing:-3.7px;line-height:1.07;margin:0}h1 em{color:var(--coral);font-weight:400}.intro-copy{padding-bottom:5px;margin-right:25px}.intro-copy p{font-size:14px;line-height:1.85;color:#bfb8c5;margin:0 0 21px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;background:none;padding:0;font-weight:500;transition:color .2s}.text-link span{font-size:18px}.studio{display:grid;grid-template-columns:390px minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;align-items:start;scroll-margin-top:25px}.studio-controls{padding:29px 28px 31px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:31px}.step-number{font-size:9px;font-weight:600;letter-spacing:1.35px;margin:0}.live-status{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.live-status:before{content:'';width:5px;height:5px;flex:none;background:var(--muted);border-radius:100%}.live-status.ready:before{background:var(--celadon)}.field-label{font-size:14px;font-weight:500;display:block;margin-bottom:14px}.textarea-wrap{position:relative}textarea{resize:vertical;min-height:125px;max-height:220px;border:1px solid #4a414f;border-radius:5px;background:#24202a;width:100%;color:var(--cream);font-size:14px;padding:17px 16px 28px;line-height:1.65}textarea::placeholder{color:#948b9c}textarea:focus{border-color:var(--coral)}.character-count{position:absolute;bottom:12px;right:13px;font-size:9px;color:#968b9e;pointer-events:none}.field-hint{color:var(--muted);font-size:10px;line-height:1.6;margin:10px 0 15px}.inspiration{display:flex;gap:7px;flex-wrap:wrap}.inspiration button{border:1px solid #4b404d;padding:7px 10px;border-radius:30px;font-size:10px;background:transparent;color:#c6bdcc;transition:background .2s,border .2s}.inspiration button:hover{background:#342a36;border-color:var(--coral)}.tone-field{margin-top:29px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented label{position:relative;cursor:pointer}.segmented span{display:block;text-align:center;padding:12px 4px;border:1px solid #4b404d;border-radius:4px;font-size:11px;transition:all .2s}.segmented input:checked+span{color:var(--celadon);border-color:#98a67e;background:#303429}.button{min-height:46px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-1px)}.button span:last-child{font-size:19px;font-weight:400}.button-primary{background:var(--coral);color:#261b19}.button-primary:hover{background:#ff9b79}.generate-button{width:100%;margin-top:29px}.generation-note{font-size:9px;text-align:center;color:var(--muted);line-height:1.6;margin:12px 0 0}.sample-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:23px;margin-top:27px;font-size:10px;color:var(--muted);align-items:center}.sample-row .text-link{color:var(--cream);font-size:10px}.quote-choices{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.quote-choices .panel-heading{margin-bottom:15px}.sample-pill{font-size:9px;background:#3e3744;padding:3px 7px;border-radius:2px}.quote-choice{display:flex;gap:12px;width:100%;text-align:left;padding:14px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:4px;background:transparent;line-height:1.5;color:#c9c1cf;font-family:var(--serif);font-size:17px}.quote-choice.selected{border-color:var(--celadon);color:var(--cream);background:#2b3026}.quote-choice .choice-index{font:10px var(--sans);color:var(--muted);margin-top:4px}.button-secondary{background:var(--celadon);color:#24291c;width:100%;margin-top:15px}.status-message{font-size:11px;padding:12px 13px;background:#34303c;border-left:2px solid var(--celadon);color:#e8e1ec;line-height:1.7;margin:20px 0 0;overflow-wrap:anywhere}.status-message.error{border-color:var(--coral);background:#382a2c}.visual-studio{background:#24212a;border-left:1px solid var(--line);padding:26px 32px 23px;min-width:0}.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.preview-label{font-size:8px;letter-spacing:1px;color:#b6adbf;white-space:nowrap}.preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:448px;background:#302a35;border-radius:4px;overflow:hidden;background-image:radial-gradient(ellipse at 50% 65%,#4b3944 0,transparent 64%)}.quote-card{position:relative;overflow:hidden;width:330px;max-width:84%;isolation:isolate;box-shadow:0 12px 55px #0c071455;transition:aspect-ratio .25s;aspect-ratio:4/5}.quote-card.format-story{aspect-ratio:9/16;width:247px}.quote-card.format-square{aspect-ratio:1;width:380px}.quote-card>img,.card-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.card-shade{z-index:-1;background:linear-gradient(180deg,rgba(12,11,19,.22),rgba(12,11,19,.08) 30%,rgba(12,11,19,.26) 68%,rgba(12,11,19,.65))}.card-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:30px 24px;color:#fff7eb;text-align:center;text-shadow:0 1px 12px #1116}.card-kicker{font-size:6px;letter-spacing:2px;font-weight:600;line-height:1.4;margin-top:3px}.card-content blockquote{margin:auto 0;font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.22;letter-spacing:-.7px;white-space:normal;overflow-wrap:anywhere;max-width:100%}.format-story .card-content blockquote{font-size:25px}.format-square .card-content blockquote{font-size:29px}.card-footer{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:5px;letter-spacing:2px}.card-mark{font-size:14px;line-height:1}.preview-stamp{position:absolute;right:19px;bottom:23px;width:77px;height:77px;border-radius:50%;border:1px solid #d4c7bc6b;background:#c8d9a7;color:#282d22;transform:rotate(-13deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.preview-stamp span{font-size:7px;font-weight:700;text-align:center;line-height:1.3;letter-spacing:.5px}.preview-stamp svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.4}.preview-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0}.format-options{display:flex;align-items:center;gap:6px}.format-options label{cursor:pointer;position:relative}.format-options label>span{display:flex;align-items:center;gap:6px;padding:8px 8px;border-radius:3px;font-size:10px;color:#b7adbf;border:1px solid transparent}.format-options input:checked+span{background:#37313e;color:var(--cream);border-color:#544b5e}.format-options small{font-size:8px;color:#a79bad}.ratio-icon{display:block;border:1px solid currentColor;border-radius:1px;width:9px;height:11px}.story-icon{width:7px;height:12px}.square-icon{width:10px;height:10px}.copy-text-button{padding:7px 0;background:none;color:#c6becd;font-size:9px;white-space:nowrap;display:flex;gap:8px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-light{background:var(--cream);color:var(--ink)}.button-outline{background:transparent;border:1px solid #6b6073}.share-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:18px}.share-actions>span{font-size:9px;color:#aa9eb3;margin-right:auto}.share-actions button{font-size:9px;background:none;padding:4px 0}.share-actions button:hover:not(:disabled){color:var(--coral)}.preview-disclaimer{font-size:9px;color:#afa2b7;line-height:1.6;margin:12px 0 0}.how-section{padding-block:74px 60px;display:grid;grid-template-columns:330px 1fr;gap:60px;border-bottom:1px solid var(--line)}.how-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:18px}h2{font-family:var(--serif);font-weight:400;font-size:37px;letter-spacing:-1px;line-height:1.12;margin:0}.how-heading h2 em{color:var(--celadon);font-weight:400}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:6px}.how-steps article>span{font-size:10px;color:var(--coral);display:block;margin-bottom:24px}.how-steps h3{font-size:14px;font-weight:500;margin:0 0 11px}.how-steps p{font-size:11px;color:var(--muted);line-height:1.8;margin:0;max-width:180px}.honesty-note{display:flex;align-items:center;justify-content:center;gap:21px;padding-block:35px;border-bottom:1px solid var(--line)}.honesty-note>span{color:var(--celadon);font-size:36px}.honesty-note p{font-size:11px;line-height:1.9;margin:0}.honesty-note small{font-size:10px;color:var(--muted);display:block;max-width:650px;line-height:1.7}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-block:30px 36px;gap:20px}.footer-brand{font-family:Manrope,var(--sans);font-weight:700;font-size:15px;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.footer-brand span{color:var(--coral);font-size:18px}.site-footer p,.site-footer>a:last-child{font-size:9px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;background:var(--cream);color:var(--ink);padding:14px 22px;max-width:calc(100vw - 32px);border-radius:5px;box-shadow:0 8px 35px #0004;font-size:12px}.busy{opacity:.65}.busy .generate-button span:last-child{animation:pulse 1s infinite}.error-page{max-width:650px;margin:15vh auto;padding:30px}.error-page h1{margin:25px 0}.error-page p{line-height:1.8;color:var(--muted)}.error-page .button{display:inline-flex;margin-top:20px} [hidden]{display:none!important}@keyframes pulse{50%{opacity:.2}}@media(min-width:1600px){.studio{grid-template-columns:430px 1fr}.studio-controls{padding:34px}.preview-stage{min-height:480px}.quote-card{width:355px}.quote-card.format-story{width:262px}.quote-card.format-square{width:412px}.card-content blockquote{font-size:32px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header{gap:35px}.header-note{font-size:9px}.intro-copy{margin-right:0}.intro-copy p{font-size:12px}h1{font-size:60px}.studio{grid-template-columns:340px 1fr}.studio-controls{padding:26px 22px}.visual-studio{padding:26px 24px 23px}.visual-toolbar .step-number{font-size:8px;letter-spacing:1px}.preview-label{font-size:7px}.preview-stamp{right:10px;width:62px;height:62px}.preview-stamp span{font-size:6px}.format-options label>span{padding:7px 6px;gap:4px;font-size:9px}.format-options small{display:none}.how-section{grid-template-columns:260px 1fr;gap:30px}.how-steps{gap:22px}}@media(max-width:900px){.header-note{display:none}.site-header{height:88px;justify-content:space-between}.intro{padding-block:48px 36px;gap:30px}h1{font-size:51px;letter-spacing:-2.6px}.intro-copy{max-width:200px}.intro-copy p{font-size:12px}.intro-copy .text-link{font-size:10px;line-height:1.6}.desktop-break{display:none}.eyebrow{font-size:8px;letter-spacing:1.2px}.studio{grid-template-columns:300px minmax(0,1fr)}.studio-controls{padding:22px 18px}.visual-studio{padding:22px 18px}.visual-toolbar{flex-wrap:wrap;gap:7px}.visual-toolbar .step-number{font-size:7px}.preview-stage{min-height:397px}.quote-card{width:285px;max-width:88%}.quote-card.format-story{width:209px}.quote-card.format-square{width:285px}.card-content{padding:23px 18px}.card-content blockquote,.format-square .card-content blockquote{font-size:25px}.format-story .card-content blockquote{font-size:23px}.preview-stamp{display:none}.preview-settings{flex-wrap:wrap;gap:8px}.export-actions{grid-template-columns:1fr}.button{min-height:43px}.share-actions{gap:10px}.share-actions>span{width:100%;margin:0}.how-section{grid-template-columns:1fr;gap:35px}.how-heading h2 br{display:none}.how-steps p{max-width:200px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.site-header{height:76px}.brand{font-size:22px}.brand svg{width:25px;height:25px}.site-header nav{gap:18px;font-size:10px}.site-header nav a:last-child{display:none}.intro{display:block;padding-block:36px 30px}.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:20px}h1{font-size:clamp(41px,9.6vw,62px);letter-spacing:-2.5px;line-height:1.09}.intro-copy{max-width:100%;margin-top:22px;padding:0}.intro-copy p{font-size:12px;line-height:1.75;margin-bottom:0;max-width:320px}.intro-copy p br{display:none}.intro-copy .text-link{display:none}.studio{grid-template-columns:1fr}.studio-controls{padding:24px 22px}.panel-heading{margin-bottom:25px}.textarea-wrap textarea{min-height:113px}.inspiration button{font-size:10px}.tone-field{margin-top:23px}.generate-button{margin-top:23px}.visual-studio{border-left:0;border-top:1px solid var(--line);padding:24px 19px}.visual-toolbar{flex-wrap:nowrap;margin-bottom:17px}.visual-toolbar .step-number{font-size:7px;letter-spacing:.8px}.preview-label{font-size:7px}.preview-stage{min-height:415px}.quote-card{width:306px;max-width:88%}.quote-card.format-story{width:220px}.quote-card.format-square{width:306px}.card-content{padding:27px 21px}.card-content blockquote,.format-square .card-content blockquote{font-size:27px}.format-story .card-content blockquote{font-size:23px}.preview-settings{flex-wrap:nowrap;margin-block:17px}.format-options label>span{font-size:9px;padding:8px 6px;gap:5px}.export-actions{grid-template-columns:1fr 1fr;gap:8px}.export-actions .button{font-size:10px;padding:11px 12px;gap:6px}.export-actions .button span{font-size:17px}.share-actions{gap:12px}.share-actions>span{width:auto;margin-right:auto}.share-actions button{font-size:8px}.preview-disclaimer{font-size:8px}.how-section{padding-block:43px 36px;gap:30px}.how-heading h2{font-size:33px}.how-heading h2 br{display:block}.how-steps{grid-template-columns:1fr;gap:23px}.how-steps article{display:grid;grid-template-columns:24px 1fr;column-gap:14px}.how-steps article>span{grid-row:span 2;margin:2px 0 0}.how-steps h3{margin-bottom:7px;font-size:13px}.how-steps p{max-width:300px;font-size:11px}.honesty-note{justify-content:flex-start;padding-block:25px;align-items:flex-start;gap:15px}.honesty-note>span{font-size:29px}.honesty-note small{font-size:9px}.site-footer{padding-block:25px;flex-wrap:wrap;gap:12px}.site-footer p{margin:0;font-size:8px}.site-footer>a:last-child{width:100%;font-size:9px}.footer-brand{font-size:14px}.toast{font-size:11px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.brand img{display:block;width:40px;height:40px;object-fit:contain;flex:none}.footer-brand{display:inline-flex;align-items:center;gap:7px}.footer-brand img{display:block;object-fit:contain;flex:none}