/* Guided creation: one focused screen before any editing tools appear. */
body.flow-mode{background:#f6f5ef}.journey{--j-ink:#232921;--j-accent:#ef754e;color:var(--j-ink);min-height:100dvh;font-family:Montserrat,Arial,sans-serif}.j-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 5vw;border-bottom:1px solid #28302110}.j-wordmark{font-size:35px;letter-spacing:-2.1px;font-weight:700;padding:0;display:flex;align-items:center}.j-wordmark>span{color:var(--j-accent)}.j-wordmark small{font-size:8px;font-weight:500;letter-spacing:2.5px;margin-left:24px;border-left:1px solid #858d7b60;padding:8px 0 8px 20px}.j-local{font-size:8px;letter-spacing:1.6px;color:#7e8875;display:flex;align-items:center;gap:10px}.j-local i{width:5px;height:5px;border-radius:50%;background:#7d9870}.j-exit{font-size:11px;color:#8b947f;letter-spacing:.2px;padding:10px}.j-eyebrow{font-size:9px;letter-spacing:2.4px;line-height:1.7;font-weight:500;display:block}.j-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border-radius:40px;padding:21px 28px;background:#283323;color:#fff;font-size:14px;font-weight:500;line-height:1.3;min-height:60px;transition:transform .25s,background .25s;white-space:normal;text-align:left}.j-primary>span{font-size:24px;font-weight:400;line-height:1}.j-primary:hover{transform:translateY(-2px);background:#435737}.j-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.j-secondary{padding:17px 22px;border:1px solid #bcc6b2;border-radius:30px;font-size:12px}.j-text-button{font-size:12px;color:#88947c;padding:12px}.j-status{font-size:12px;line-height:1.9;max-width:760px;color:#78896a;overflow-wrap:anywhere}.j-status.ai-error{color:#a65534}.journey button:focus-visible,.journey summary:focus-visible{outline:2px solid var(--j-accent);outline-offset:5px}.journey p{margin:0}.welcome-screen{background:#18231b;color:#f3f1e7;display:flex;flex-direction:column;overflow:hidden;position:relative}.welcome-screen:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d8dec51c .65px,transparent .65px);background-size:5px 5px;mask-image:linear-gradient(90deg,transparent,#000)}.welcome-screen .j-header{border-color:#ffffff0e;z-index:2}.welcome-screen .j-local{color:#98a389}.welcome-screen .j-exit{color:#a1ac93}.welcome-main{flex:1;min-height:620px;padding:80px 8vw 65px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;position:relative}.welcome-copy{z-index:2;position:relative}.welcome-copy .j-eyebrow{color:#a3b392;margin-bottom:30px}.welcome-copy h1{font-size:clamp(56px,5.9vw,94px);line-height:1.06;letter-spacing:-.065em;font-weight:450;margin:0 0 35px;max-width:850px}.welcome-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#ef9d74;letter-spacing:-.045em}.welcome-copy>p{font-size:16px;color:#aab89c;line-height:1.9;margin-bottom:36px}.welcome-copy .j-primary{background:#ee8057;color:#202b1b;padding:22px 30px;min-width:310px}.welcome-copy .j-primary:hover{background:#f79a71}.welcome-secondary{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:23px;font-size:11px;color:#8c9c7f}.welcome-secondary button{padding:0;font-size:12px;color:#c1cbb5}.welcome-art{position:relative;width:100%;height:560px;perspective:1000px;isolation:isolate}.welcome-art:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse,#9c855c44,transparent 64%);filter:blur(40px)}.art-ring{position:absolute;left:23%;top:16%;width:300px;height:370px;border:76px solid;border-color:#d5c6a3 #9c9277 #514f3f #f2e8cb;border-radius:47%;transform:rotate(-24deg) rotateY(-25deg);box-shadow:20px 35px 40px #0005,inset 15px 8px 23px #0009,0 0 0 1px #e9dfc391;animation:welcome-ring 12s ease-in-out infinite}.art-ring:after{content:'';position:absolute;inset:-58px;border:3px solid #ee8a55;border-radius:45%;box-shadow:0 0 17px #ef814845}.art-orb{position:absolute;width:125px;height:125px;right:6%;top:23%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff6e4,#f3b18c 8%,#d36c39 46%,#4a281d 90%);box-shadow:20px 25px 30px #0005;animation:welcome-orb 9s ease-in-out infinite}.art-orbit{position:absolute;width:530px;height:390px;border:1px solid #cbd4b840;border-radius:50%;left:-8%;top:18%;transform:rotateX(67deg) rotate(-24deg)}.art-note{position:absolute;bottom:70px;right:5%;border:1px solid #fff2;border-radius:14px;background:linear-gradient(130deg,#fff1,#fff0);backdrop-filter:blur(10px);padding:22px;font-size:10px;line-height:1.7;letter-spacing:3px;color:#c7cfb7;transform:rotate(7deg)}.art-number{position:absolute;left:14%;bottom:20px;font-size:10px;letter-spacing:4px;color:#8e9c7e}.welcome-footer{display:flex;align-items:center;gap:45px;border-top:1px solid #dce5cb15;margin:0 5vw;padding:30px 0 38px;color:#a4b194;position:relative}.welcome-footer>span{font-size:11px;white-space:nowrap}.welcome-footer b{font-family:Georgia,serif;font-size:19px;font-weight:400;margin-right:10px;color:#d4dcc8}.welcome-footer small{font-size:7px;letter-spacing:1.2px;margin-left:auto;color:#687b5c}
.journey-progress{max-width:920px;margin:42px auto 0;display:flex;gap:23px;align-items:center;padding:0 30px}.journey-progress>span{font-size:9px;letter-spacing:1.3px;color:#7d8c70;white-space:nowrap}.journey-progress>div{height:3px;background:#e1e5d7;flex:1;overflow:hidden;border-radius:3px}.journey-progress i{display:block;height:100%;background:#809a6a;transition:width .4s}.question-main{max-width:880px;margin:0 auto;padding:55px 30px 28px;animation:question-arrive .4s ease both}.question-heading{display:flex;gap:25px;margin-bottom:40px}.question-number{font-family:Georgia,serif;color:#a8b39a;font-size:21px;padding-top:10px;min-width:35px}.question-heading h1{font-size:46px;line-height:1.15;font-weight:450;letter-spacing:-2px;max-width:760px;margin:0 0 18px;outline:none}.question-heading p{font-size:14px;line-height:1.9;color:#859077;max-width:670px}.question-body{margin-left:60px}.j-field{display:flex;flex-direction:column;gap:11px;margin-bottom:25px}.j-field>span,.j-label{font-size:12px;font-weight:550;line-height:1.6;color:#506046}.j-field input,.j-field textarea,.j-field select{width:100%;background:#fffdf9;border:1px solid #dce2d2;border-radius:12px;padding:18px 20px;font-size:16px;color:#35432d;font-family:inherit;line-height:1.7;transition:border-color .2s,box-shadow .2s;min-width:0}.j-field textarea{resize:vertical;min-height:118px}.j-field input::placeholder,.j-field textarea::placeholder{color:#a7af9b}.j-field input:focus,.j-field textarea:focus,.j-field select:focus{outline:none;border-color:#9db687;box-shadow:0 0 0 4px #96b17d15}.j-more{margin:25px 0;border-top:1px solid #dce3d2;border-bottom:1px solid #dce3d2}.j-more summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:18px 0;font-size:12px;color:#788c67;list-style:none}.j-more summary::-webkit-details-marker{display:none}.j-more summary>span{font-size:18px;line-height:1}.j-more[open] summary>span{transform:rotate(45deg)}.j-more>div{padding:12px 0 15px}.question-actions{display:flex;align-items:center;gap:25px;border-top:1px solid #dce3d2;margin:35px 0 0 60px;padding-top:25px}.j-back{font-size:12px;color:#879977;padding:10px 0;white-space:nowrap}.question-actions #save-status{font-size:9px;color:#9aa88b;margin-right:auto;line-height:1.6}.question-actions .j-primary{font-size:13px;padding:18px 25px;min-width:170px}.tutorial-footer{text-align:center;padding:25px 20px 40px;font-size:10px;color:#9ba68f}.j-validation{background:#fcf0e5;border:1px solid #e9c4a2;color:#a3623a;border-radius:12px;padding:18px;font-size:13px;line-height:1.8;margin-bottom:25px!important}.j-validation button{display:block;color:#99542d;font-size:13px;padding:8px 0}.j-ready{display:flex;gap:12px;align-items:center;background:#eaf0e1;border:1px solid #d6e2c6;border-radius:10px;padding:17px;font-size:12px;color:#6f855a;margin-bottom:25px}.j-ready>span{border-radius:50%;background:#819b69;color:#fff;width:21px;height:21px;display:grid;place-items:center}.j-help{font-size:11px;color:#8f9c80;line-height:1.9;margin:15px 0!important}.j-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.j-style{position:relative;display:flex;flex-direction:column;gap:7px;padding:15px;text-align:left;background:#fdfdf7;border:1px solid #dce3d2;border-radius:16px;overflow:hidden;transition:border-color .25s,transform .25s}.j-style:hover{transform:translateY(-3px);border-color:#9db186}.j-style.chosen{border-color:#78915d;box-shadow:0 0 0 2px #78915d22;background:#f7faef}.j-style strong{font-size:13px;font-weight:550;margin-top:4px}.j-style small{font-size:10px;color:#8c997c;line-height:1.6}.style-check{position:absolute;right:14px;top:14px;width:23px;height:23px;display:grid;place-items:center;background:#fffffff0;border-radius:50%;font-size:11px;color:#6a8056}.chosen .style-check{background:#728d5a;color:#fff}.style-art{width:100%;height:110px;border-radius:9px;position:relative;overflow:hidden;background:#1c2c21;display:block}.style-art i{position:absolute;width:68px;height:78px;border:15px solid #cad3bd;border-radius:45%;top:18px;left:36%;transform:rotate(-25deg);box-shadow:8px 7px 10px #0006}.style-art b{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffead8,#d6854e 50%,#693c25);top:25px;left:61%;box-shadow:5px 8px 12px #0004}.style-recommend .style-art{background:radial-gradient(ellipse,#516d43,#24361d)}.style-recommend .style-art i{border-width:1px;width:95px;height:95px;border-radius:50%;top:8px;left:32%;box-shadow:0 0 0 15px #b2c79518,0 0 0 30px #b2c7950a}.style-recommend .style-art b{width:43px;height:43px;left:43%;top:35px}.style-minimal .style-art{background:#e5eadb}.style-minimal .style-art i{width:55px;height:70px;border-radius:14px;border:0;box-shadow:8px 7px 15px #5a69454a;background:linear-gradient(120deg,#f9fff2,#9cae8f,#677d54);left:42%;top:21px;transform:rotate(-15deg)}.style-minimal .style-art b{display:none}.style-cinematic .style-art{background:radial-gradient(ellipse at 70% 40%,#684534,#1c211c 70%)}.style-cinematic .style-art i{left:56%;border-color:#a38860;scale:1.3;top:24px}.style-cinematic .style-art b{width:90px;height:2px;border-radius:0;background:#ded6c4;left:14%;top:43px;box-shadow:0 13px 0 #ded6c466}.j-upload{border:1px dashed #bccaa9;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;color:#6c8257;background:#f1f6e8;font-size:13px}.j-upload input{font-size:12px;max-width:100%}.j-upload small{font-size:10px;overflow-wrap:anywhere;color:#8a9d75}.j-motion{display:flex;align-items:center;gap:20px;padding:18px 0}.j-motion>span{flex:1}.j-motion strong{display:block;font-size:13px;font-weight:550}.j-motion small{display:block;font-size:11px;color:#93a083;line-height:1.7;margin-top:5px}.j-motion input{width:22px;height:22px;accent-color:#7e9d63}.j-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 28px}.j-page-grid label,.j-feature-grid label{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #dbe4cd;border-radius:9px;background:#fafcf5;font-size:12px;line-height:1.6;cursor:pointer}.j-page-grid input,.j-feature-grid input{accent-color:#77985b;flex-shrink:0;width:16px;height:16px;margin:0}.j-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.j-label{display:block}.j-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.j-contact-grid>.j-field:first-child{grid-column:1/-1}.j-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.j-review-grid article{background:#fcfdf6;border:1px solid #dde5d1;border-radius:12px;padding:18px}.j-review-grid article>div{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.j-review-grid article>div>span{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#8a9c77}.j-review-grid article button{font-size:17px;color:#7d9a63}.j-review-grid article p{font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#5c704a}.question-11{max-width:1000px}.question-7{max-width:980px}.generating-screen{background:#18231b;color:#eef1e3}.generating-screen .j-header{border-color:#fff1}.generation-main{text-align:center;padding:70px 24px 80px}.generation-main h1{font-size:64px;letter-spacing:-3px;font-weight:450;line-height:1.12;margin:24px 0}.generation-main>.j-eyebrow{color:#a5b78c}.generation-main>p{font-size:14px;line-height:1.9;color:#a2b78b}.generation-main #ai-status{margin:25px auto 5px;font-size:11px;color:#718b5b}.generation-orbit{position:relative;width:200px;height:200px;margin:0 auto 40px;perspective:600px}.generation-orbit i{position:absolute;inset:12px;border:1px solid #afc38b80;border-radius:50%;transform:rotateX(70deg);animation:orbit-turn 6s linear infinite}.generation-orbit i:nth-child(2){inset:24px;animation-delay:-2s;border-color:#e6ad78}.generation-orbit i:nth-child(3){inset:38px;animation-delay:-4s}.generation-orbit>span{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;font-weight:300;color:#edac79}.generation-tags{display:flex;justify-content:center;gap:10px;margin:28px 0}.generation-tags span{font-size:10px;color:#a7b991;border:1px solid #bacf9825;padding:8px 15px;border-radius:30px}.result-main{padding:45px 5vw 35px;max-width:1750px;margin:auto}.result-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:32px}.result-intro .j-eyebrow{color:#899a77;font-size:8px}.result-intro h1{font-size:42px;line-height:1.15;font-weight:450;letter-spacing:-1.8px;margin:12px 0 0}.result-intro h1 em{font-family:Georgia,serif;color:#7c9165;font-weight:400}.result-actions{display:flex;gap:12px;align-items:center}.result-actions .j-primary{font-size:12px;min-height:50px;padding:17px 23px}.result-preview{border-radius:15px;border:1px solid #ccd7be;overflow:hidden;box-shadow:0 15px 45px #384c2510;background:#fff}.result-browser{height:45px;display:flex;align-items:center;gap:17px;background:#edf2e5;padding:0 20px;font-size:10px;color:#879a71}.browser-lights{letter-spacing:4px;font-size:8px;color:#bac9a7}.result-browser select{margin-left:auto;background:transparent;border:0;font:inherit;color:#5d7548;max-width:120px}.result-browser button{font-size:18px;padding:3px 8px;color:#829966}.result-preview .canvas{height:clamp(540px,70dvh,850px);min-height:540px;flex:none}.result-editor{max-width:850px;margin:35px auto 0;padding:30px;border:1px solid #d6e1c8;border-radius:15px;background:#fbfdf7}.result-editor h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.result-editor>p{font-size:12px;color:#8b9d78;line-height:1.8;margin-bottom:18px}.result-editor #command-form{padding:9px 10px 9px 17px}.result-editor #command{font-size:14px;height:35px}.result-edit-tools{display:flex;gap:20px;align-items:center;margin:16px 0 12px}.result-edit-tools button{font-size:12px;color:#7a9560}.result-edit-tools #ai-cancel{margin-left:auto}.result-foot{display:flex;align-items:center;gap:25px;padding-top:24px;flex-wrap:wrap}.result-foot>button{font-size:11px;color:#829970}.result-foot>small{font-size:9px;color:#9cac8b;margin-left:auto}.flow-mode #toast{font-size:12px}
@keyframes question-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes welcome-ring{50%{transform:translateY(-18px) rotate(-18deg) rotateY(-15deg)}}@keyframes welcome-orb{50%{transform:translateY(23px)}}@keyframes orbit-turn{to{transform:rotateY(360deg) rotateX(70deg)}}
@media(max-width:1050px){.welcome-main{grid-template-columns:1.3fr 1fr;padding:70px 6vw 50px}.welcome-copy h1{font-size:65px}.welcome-art{scale:.8;transform-origin:center}.welcome-footer{gap:25px}.welcome-footer small{display:none}.j-local{display:none}.result-actions{flex-direction:column;align-items:stretch}.result-intro h1{font-size:36px}}
@media(max-width:700px){.j-header{height:78px;padding:0 22px;gap:14px}.j-wordmark{font-size:29px;letter-spacing:-1.8px}.j-wordmark small{font-size:6px;letter-spacing:1.6px;margin-left:13px;padding-left:12px}.j-exit{font-size:9px;padding:4px;text-align:right;max-width:115px}.welcome-main{display:flex;flex-direction:column;padding:50px 25px 15px;min-height:0;align-items:stretch}.welcome-copy .j-eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:26px}.welcome-copy h1{font-size:clamp(40px,10.3vw,65px);letter-spacing:-2px;line-height:1.13;margin-bottom:25px}.welcome-copy>p{font-size:13px;margin-bottom:26px}.welcome-copy .j-primary{min-width:0;width:100%;font-size:13px;padding:21px 24px}.welcome-art{height:330px;scale:.7;transform-origin:50% 0;margin:10px -20px -70px;width:calc(100% + 40px)}.art-ring{left:22%;top:0}.art-orb{top:8%;right:0}.art-orbit{width:450px;left:-5%;top:0}.art-note{bottom:-40px;right:0}.art-number{display:none}.welcome-footer{margin:0 25px;padding:24px 0;gap:16px;flex-wrap:wrap}.welcome-footer>span{font-size:8px}.welcome-footer b{font-size:13px;margin-right:5px}.welcome-secondary{font-size:10px;gap:13px;margin-top:20px}.welcome-secondary button{font-size:11px}.journey-progress{margin-top:25px;padding:0 24px;gap:15px}.journey-progress>span{font-size:7px;letter-spacing:1px}.question-main{padding:36px 24px 15px}.question-heading{display:block;margin-bottom:28px}.question-number{display:block;font-size:17px;margin-bottom:10px;padding:0}.question-heading h1{font-size:32px;letter-spacing:-1.2px;margin-bottom:15px;line-height:1.18}.question-heading p{font-size:12px;line-height:1.9}.question-body{margin-left:0}.j-field>span{font-size:11px}.j-field input,.j-field textarea,.j-field select{font-size:16px;padding:15px 16px;border-radius:10px}.j-field{margin-bottom:22px}.question-actions{margin:28px 0 0;padding-top:22px;gap:15px;flex-wrap:wrap}.question-actions .j-primary{margin-left:auto;min-width:140px;font-size:12px;padding:17px 20px;gap:20px}.question-actions #save-status{font-size:8px;max-width:90px;margin-right:0}.j-back{font-size:11px}.tutorial-footer{font-size:9px;line-height:1.8;padding:20px 30px 30px}.j-style-grid{gap:11px}.j-style{padding:10px;border-radius:12px}.style-art{height:90px}.j-style strong{font-size:11px;line-height:1.5}.j-style small{font-size:9px}.style-art i{scale:.8;left:27%;top:10px}.style-art b{left:65%;top:25px}.style-minimal .style-art i{left:35%;top:13px}.style-recommend .style-art i{left:21%;top:0}.style-recommend .style-art b{left:36%;top:25px}.style-cinematic .style-art i{left:50%;scale:1}.style-cinematic .style-art b{width:60px;left:12%;top:35px}.style-check{width:19px;height:19px;top:10px;right:10px;font-size:9px}.j-page-grid{grid-template-columns:repeat(2,1fr)}.j-feature-grid{grid-template-columns:1fr}.j-page-grid label,.j-feature-grid label{padding:14px;font-size:12px}.j-contact-grid{grid-template-columns:1fr}.j-review-grid{grid-template-columns:1fr}.j-review-grid article{padding:16px}.j-review-grid article p{font-size:12px}.j-ready{font-size:11px;line-height:1.6}.j-help{font-size:10px}.j-upload{padding:17px}.j-upload input{font-size:10px}.generation-main{padding:45px 24px}.generation-main h1{font-size:46px;letter-spacing:-2px}.generation-main>.j-eyebrow{font-size:7px}.generation-main>p{font-size:12px}.generation-orbit{width:170px;height:170px;margin-bottom:30px}.result-main{padding:30px 15px}.result-intro{display:block;padding:0 7px}.result-intro h1{font-size:34px}.result-actions{margin-top:24px;flex-direction:row;gap:8px}.result-actions .j-primary{font-size:11px;gap:18px;padding:15px 18px}.result-actions .j-secondary{font-size:10px;padding:13px 16px;line-height:1.6}.result-browser{padding:0 10px;gap:10px}.result-browser>span:nth-child(2){display:none}.result-browser select{font-size:10px}.result-preview .canvas{height:630px;min-height:0}.result-editor{padding:20px;margin-top:24px}.result-editor h2{font-size:21px}.result-editor #command{font-size:16px}.result-foot{padding:24px 6px 0;gap:18px}.result-foot>button{font-size:10px}.result-foot>small{margin-left:0;font-size:9px;width:100%;line-height:1.8}.question-11 .question-actions .j-primary{width:100%;margin-left:0;order:3}.question-11 .question-actions #save-status{margin-left:auto;max-width:none}}
@media(prefers-reduced-motion:reduce){.journey *, .journey *:before,.journey *:after{animation:none!important;transition:none!important}}