/* Shared components extend the existing SeaArt homepage theme. */
.simple-header{justify-content:space-between;gap:20px;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.simple-header .landing-cta{font-size:14px;padding:11px 25px;min-height:42px}.site-footer{background:#fff;border-top:1px solid var(--line);padding:43px 0 40px}.footer-inner{max-width:1312px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;gap:55px}.footer-brand p{font-size:13px;line-height:1.6;color:var(--muted);margin:15px 0 18px}.footer-brand small{font-size:12px;color:#a095a7}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 55px;align-content:start}.footer-links a{font-size:14px;color:#6c6076;line-height:1.6}.footer-links a:hover{color:var(--purple-dark)}
.landing-page{font-size:16px;line-height:1.6}.landing-page h1,.landing-page h2,.landing-page h3{color:#292130}.landing-page p{color:#82768c}.landing-page main{overflow:clip}.landing-container{max-width:1280px;padding:0 48px;margin:auto}.landing-hero{position:relative;padding:72px 48px 52px;background:radial-gradient(ellipse at 25% 45%,#f0e2fdab,transparent 60%),radial-gradient(ellipse at 85% 20%,#eae5fa80,transparent 60%)}.landing-hero-inner{max-width:1184px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(34px,3.5vw,52px);line-height:1.14;letter-spacing:-1.7px;font-weight:600;margin:0 0 24px}.hero-copy>p{font-size:17px;line-height:1.8;margin:0 0 30px;max-width:610px}.landing-cta{padding:14px 31px;min-height:48px;font-size:15px}.landing-page figure{margin:0}.landing-page figcaption,.visual-caption{font-size:12px;line-height:1.6;color:#95849f;margin:12px 0 0}.image-mosaic{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:180px 180px;gap:12px}.image-mosaic figure{position:relative;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #3423440a}.image-mosaic .mosaic-tall{grid-row:span 2}.image-mosaic img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.image-mosaic figure:hover img{transform:scale(1.04)}.image-mosaic figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#190e2ac4);color:white;padding:30px 15px 12px;margin:0;font-size:12px}.image-mosaic .visual-caption{grid-column:span 2;font-size:11px;margin:0}.hero-cinema .landing-hero-inner{display:flex;flex-direction:column;gap:32px;max-width:1050px}.hero-cinema .hero-copy{text-align:center;max-width:870px}.hero-cinema .hero-copy h1{font-size:clamp(38px,3.9vw,55px)}.hero-cinema .hero-copy>p{max-width:675px;margin-left:auto;margin-right:auto}.cinema-visual{width:100%;max-width:900px}.cinema-visual video{width:100%;aspect-ratio:2.05;object-fit:cover;border-radius:22px;box-shadow:0 14px 45px #33174412;display:block;background:#281e30}.cinema-visual figcaption{text-align:center}.hero-motion .landing-hero-inner{grid-template-columns:.88fr 1.12fr;gap:45px}.motion-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.motion-pair figure{min-width:0}.motion-pair img,.motion-pair video{display:block;object-fit:cover;width:100%;aspect-ratio:.76;border-radius:17px;background:#e9deee}.motion-pair figcaption{font-size:13px;color:#685272;margin-top:9px}.motion-pair .visual-caption{grid-column:span 2;margin:0}.proof-visual{background:#fff;padding:12px;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 35px #35203f0b;transform:rotate(1deg)}.proof-visual img{display:block;width:100%;height:auto;aspect-ratio:1.5;border-radius:13px;object-fit:cover}.proof-visual figcaption{padding:2px 7px 4px;font-size:12px}.hero-background .landing-hero-inner{grid-template-columns:.9fr 1.1fr}.checker-visual{transform:rotate(-1deg);box-shadow:0 20px 55px #60307912}.prompt-preview{border:1px solid #dcc7ee;border-radius:22px;background:#ffffffd9;padding:27px;box-shadow:0 15px 45px #a778c912;position:relative}.prompt-preview-top{display:flex;justify-content:space-between;align-items:center;color:#9b7dab;font-size:13px;border-bottom:1px solid #ece3f2;padding-bottom:16px}.prompt-spark{font-size:24px;color:var(--purple)}.prompt-preview>p{font-size:23px;line-height:1.85;letter-spacing:-.4px;margin:22px 0}.prompt-preview mark{background:#eee0f880;color:#67467d;border-radius:5px;padding:2px 4px}.prompt-preview mark:nth-of-type(2){background:#e7e2f9aa}.prompt-preview mark:nth-of-type(3){background:#f7ecdccc}.prompt-preview mark:nth-of-type(4){background:#edeaf0}.prompt-legend{display:flex;gap:7px;flex-wrap:wrap}.prompt-legend span{font-size:11px;color:#9b82ac;border:1px solid #e8deef;border-radius:20px;padding:4px 10px}.prompt-preview>small{display:block;margin-top:25px;font-size:12px;color:#a18aa9}.landing-section{margin-top:86px}.section-copy{max-width:755px;margin:0 0 34px}.landing-page h2{font-size:clamp(26px,2.6vw,35px);letter-spacing:-1px;line-height:1.25;font-weight:600;margin:0 0 20px}.landing-page h3{font-size:18px;line-height:1.45;letter-spacing:-.3px;font-weight:600;margin:0 0 12px}.section-copy>p,.practical-intro>p{font-size:16px;line-height:1.85;margin:0}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.usecase-grid article{padding:29px;background:#fff;border:1px solid var(--line);border-radius:17px}.usecase-grid p{font-size:14px;line-height:1.85;margin:0}.line-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:#f4eafa;color:#a166c2;border:1px solid #eadcf3;border-radius:11px;font-size:23px;margin-bottom:21px}.step-grid{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step-grid li{border-top:1px solid #e3d7ee;padding-top:25px}.step-number{font-size:32px;letter-spacing:-1px;color:#c5a4db;font-weight:600;display:block;margin-bottom:16px;line-height:1.1}.step-grid h3{font-size:18px}.step-grid p{font-size:14px;line-height:1.85;margin:0}.page-cinema .steps-section{background:#f0e8f6;border:1px solid #e7daef;border-radius:21px;padding:35px}.page-motion .step-grid{display:block;border-left:1px solid #decce9;padding-left:27px;margin-left:17px;max-width:1000px}.page-motion .step-grid li{display:flex;gap:30px;border:0;position:relative;padding:12px 0 24px}.page-motion .step-number{margin-top:3px;font-size:24px;flex-shrink:0;min-width:30px}.page-motion .step-grid li::before{content:'';position:absolute;top:25px;left:-32px;width:9px;height:9px;border-radius:50%;background:#c596df;border:2px solid #faf9fc}.prompt-examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prompt-example{display:flex;flex-direction:column;padding:25px;background:#fff;border:1px solid #e8deef;border-radius:16px;position:relative}.prompt-example h3{font-size:16px;color:#785a8d}.prompt-example p{font-size:14px;line-height:1.9;margin:0 0 25px}.copy-button{align-self:flex-start;margin-top:auto;border:1px solid #dfcbe9;border-radius:20px;font-size:12px;line-height:1.4;padding:8px 14px;background:#fbf7fe;color:#9961b9;cursor:pointer}.copy-button:hover{background:#eee0f7;border-color:#c69ddd}.practical-section{background:linear-gradient(125deg,#f2ebfa,#f8f5fb);border:1px solid #e9dff2;border-radius:23px;padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.practical-intro p{font-size:15px}.check-list{display:grid;gap:23px}.check-list article{display:flex;gap:13px}.check-icon{height:25px;width:25px;display:grid;place-items:center;border:1px solid #dcc6ea;background:#fff9;border-radius:50%;color:#a96bcc;flex-shrink:0;font-size:13px;margin-top:2px}.check-list h3{font-size:16px;margin-bottom:7px}.check-list p{font-size:14px;line-height:1.8;margin:0}.related-section>h2{font-size:27px;margin-bottom:26px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.related-grid a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:white;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}.related-grid a:hover{transform:translateY(-4px);border-color:#c898e2;box-shadow:0 10px 25px #6e3d8209}.related-grid h3{font-size:17px}.related-grid p{font-size:14px;line-height:1.7;margin:0 0 20px}.related-label{font-size:12px;color:#a062c4;margin-top:auto}.landing-faq{max-width:1025px;margin:90px auto 0}.landing-faq h2{text-align:center;margin-bottom:33px}.faq-item{border-bottom:1px solid #e7deec}.faq-item h3{margin:0;font-size:16px}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:22px 3px;color:#514359;font-size:16px;line-height:1.5;font-weight:600}.faq-symbol{font-size:25px;font-weight:400;color:#a57bbb;line-height:1;flex-shrink:0;min-width:19px;text-align:center}.faq-trigger:hover{color:var(--purple-dark)}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}.faq-answer>div{overflow:hidden;min-height:0}.faq-answer p{padding:0 37px 22px 3px;margin:0;font-size:14px;line-height:1.9}.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}.landing-final-cta{text-align:center;position:relative;padding:77px 24px 84px;margin-top:54px;background:radial-gradient(ellipse at 50% 100%,#e8d6f7aa,transparent 67%)}.landing-final-cta h2{max-width:800px;margin:0 auto 17px;font-size:clamp(27px,3vw,39px);letter-spacing:-1.2px;line-height:1.25}.landing-final-cta p{max-width:650px;margin:0 auto 26px;font-size:15px;line-height:1.8}.landing-toast{position:fixed;z-index:60;bottom:25px;left:50%;padding:12px 22px;border-radius:12px;background:#3d284b;color:white;font-size:13px;opacity:0;transform:translate(-50%,20px);transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100% - 32px);text-align:center}.landing-toast.visible{opacity:1;transform:translate(-50%,0)}.calculator-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calculator-section .fine-print{font-size:13px;margin-top:20px;color:#a08eac}.calculator-panel{padding:28px;border:1px solid #e3d3ed;border-radius:20px;background:#fff;box-shadow:0 10px 35px #75428b08}.dimension-inputs{display:flex;gap:12px;align-items:center}.dimension-inputs>span{color:#ac95b8;margin-top:20px}.dimension-inputs label{flex:1;min-width:0;font-size:12px;color:#8f789d}.dimension-inputs input,.builder-fields input,.builder-fields select{display:block;width:100%;min-width:0;border:1px solid #e3d7ed;background:#fcfaff;border-radius:10px;padding:12px;font-size:15px;color:#665171;margin-top:8px;outline:none}.dimension-inputs input:focus,.builder-fields input:focus,.builder-fields select:focus,#builder-result:focus{border-color:#b17cd2;box-shadow:0 0 0 3px #bd91dc20}.scale-label{font-size:12px;color:#8f789d;display:flex;align-items:center;justify-content:space-between;margin:22px 0}.scale-label select{padding:9px 12px;background:#f6effb;border:1px solid #e6d8f0;border-radius:9px;font-size:13px;min-width:110px}.calculator-panel output{display:block;border-radius:14px;background:linear-gradient(120deg,#eee0fa,#f0eafa);padding:20px;text-align:center}.calculator-panel output strong{display:block;color:#8e4daf;font-size:27px;font-weight:600;letter-spacing:-.6px}.calculator-panel output span{font-size:12px;color:#a07eb5}.calculator-error{font-size:13px!important;color:#aa4a67!important}.builder-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:start}.prompt-builder{background:#fff;border:1px solid #e2d4ec;border-radius:22px;padding:28px;box-shadow:0 12px 35px #6b3e8508}.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 17px}.builder-fields label{font-size:12px;color:#8b759b}.builder-fields select{max-width:none;font-size:14px}.builder-result-label{font-size:12px;color:#8b759b;display:block;margin:26px 0 8px}#builder-result{border:1px solid #e3d5ed;background:#fbf8fe;border-radius:12px;padding:15px;font-size:14px;line-height:1.85;min-height:160px;resize:vertical;color:#705e7e;height:auto}.prompt-builder .copy-button{margin-top:12px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.format-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:29px;display:grid;grid-template-columns:67px 1fr;gap:0 23px}.format-token{grid-row:span 2;display:grid;place-items:center;background:#efe0f9;border:1px solid #e1c9ef;color:#9960bb;border-radius:13px;width:67px;height:77px;font-size:17px;font-weight:600;letter-spacing:-.5px}.muted-token{background:#eeebf2;color:#9a8ea3;border-color:#e3dbe9}.format-grid h3{font-size:17px}.format-grid p{font-size:14px;line-height:1.8;margin:0}
@media(max-width:1000px){.landing-hero{padding:55px 32px 35px}.landing-hero-inner{gap:30px}.hero-copy h1{font-size:39px;letter-spacing:-1.1px}.hero-copy>p{font-size:15px}.landing-container{padding:0 32px}.image-mosaic{grid-template-rows:155px 155px}.landing-section{margin-top:65px}.usecase-grid{gap:12px}.usecase-grid article{padding:22px}.practical-section{padding:30px;gap:30px}.calculator-section,.builder-section{gap:30px}.prompt-example{padding:20px}.related-grid{gap:12px}.related-grid a{padding:20px}.footer-inner{padding:0 32px;gap:30px}.footer-links{gap:12px 30px}.hero-motion .landing-hero-inner{gap:25px}.prompt-preview{padding:22px}.prompt-preview>p{font-size:20px}}
@media(max-width:760px){.landing-hero{padding:43px 24px 25px}.landing-hero-inner,.hero-motion .landing-hero-inner,.hero-background .landing-hero-inner{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:630px}.hero-copy h1{font-size:39px;max-width:610px;margin-bottom:20px}.hero-copy>p{font-size:16px;max-width:570px;margin-bottom:25px}.image-mosaic{grid-template-rows:190px 190px;max-width:580px;width:100%;margin:auto}.hero-cinema .hero-copy h1{font-size:39px}.cinema-visual video{aspect-ratio:1.65}.motion-pair{max-width:590px;width:100%;margin:auto}.motion-pair img,.motion-pair video{aspect-ratio:.94}.proof-visual{max-width:550px;width:100%;margin:auto}.prompt-preview{max-width:590px;width:100%;margin:auto}.landing-container{padding:0 24px}.landing-page h2{font-size:29px}.section-copy{margin-bottom:26px}.section-copy>p{font-size:15px;line-height:1.85}.usecase-grid{grid-template-columns:1fr}.usecase-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 17px;padding:24px}.line-icon{grid-row:span 2;margin:0}.usecase-grid h3{margin-bottom:8px}.step-grid{grid-template-columns:1fr;gap:23px}.step-grid li{display:flex;gap:24px;padding-top:22px}.step-number{font-size:26px;min-width:32px;margin-top:3px}.page-cinema .steps-section{padding:27px}.prompt-examples-grid{grid-template-columns:1fr}.prompt-example{padding:23px}.prompt-example p{margin-bottom:17px}.practical-section{grid-template-columns:1fr;gap:26px;padding:28px}.calculator-section,.builder-section{grid-template-columns:1fr;gap:0}.calculator-panel,.prompt-builder{max-width:590px;width:100%;margin:auto}.format-grid{grid-template-columns:1fr}.format-grid article{padding:24px}.related-grid{grid-template-columns:1fr}.related-grid a{padding:23px}.related-grid p{margin-bottom:15px}.landing-faq{margin-top:65px}.landing-faq h2{text-align:left}.faq-trigger{font-size:15px;padding:21px 0;gap:20px}.faq-answer p{padding-right:20px;font-size:14px}.landing-final-cta{margin-top:30px;padding:57px 24px 62px}.landing-final-cta h2{font-size:31px}.landing-final-cta p{font-size:14px}.footer-inner{flex-direction:column;padding:0 24px;gap:27px}.footer-brand p{margin:13px 0 8px}.footer-links{gap:14px 20px}.footer-links a{font-size:13px}.footer-brand small{font-size:11px}.site-footer{padding:32px 0}.simple-header{padding:0 24px}.simple-header .landing-cta{padding:10px 22px;font-size:13px;min-height:39px}}
@media(max-width:440px){.landing-hero{padding:34px 20px 22px}.hero-copy h1,.hero-cinema .hero-copy h1{font-size:34px;letter-spacing:-1.1px}.hero-copy>p{font-size:15px;line-height:1.85}.landing-cta{min-height:45px;padding:12px 27px;font-size:14px}.image-mosaic{grid-template-rows:145px 145px;gap:9px}.image-mosaic figure{border-radius:12px}.image-mosaic figcaption{font-size:11px;padding:25px 11px 9px}.image-mosaic .visual-caption{font-size:11px}.landing-container{padding:0 20px}.landing-section{margin-top:55px}.landing-page h2{font-size:26px;letter-spacing:-.8px}.usecase-grid article{padding:21px;grid-template-columns:32px 1fr;gap:0 13px}.line-icon{width:32px;height:32px;font-size:18px;border-radius:9px}.usecase-grid h3{font-size:17px}.usecase-grid p{font-size:14px}.step-grid h3{font-size:17px}.step-grid p{font-size:14px}.step-grid li{gap:19px}.page-motion .step-grid{padding-left:21px;margin-left:8px}.page-motion .step-grid li{gap:15px}.page-motion .step-grid li::before{left:-26px}.page-cinema .steps-section{padding:24px 20px}.motion-pair{gap:9px}.motion-pair img,.motion-pair video{border-radius:11px}.motion-pair .visual-caption{font-size:11px}.cinema-visual video{aspect-ratio:1.45;border-radius:15px}.cinema-visual figcaption{font-size:11px}.proof-visual{padding:9px;border-radius:16px;transform:none}.proof-visual figcaption{font-size:11px}.practical-section{padding:25px 21px;border-radius:18px}.practical-intro p{font-size:14px}.check-list h3{font-size:16px}.check-list p{font-size:14px}.prompt-preview{padding:21px}.prompt-preview>p{font-size:20px}.prompt-legend{gap:5px}.prompt-legend span{padding:4px 8px;font-size:10px}.prompt-builder,.calculator-panel{padding:22px 18px;border-radius:17px}.builder-fields{grid-template-columns:1fr;gap:15px}.builder-fields input,.builder-fields select{font-size:16px}.dimension-inputs input{padding:10px;font-size:16px}.dimension-inputs{gap:8px}.calculator-panel output strong{font-size:24px}.format-grid article{padding:21px;grid-template-columns:50px 1fr;gap:0 17px}.format-token{width:50px;height:64px;font-size:14px}.format-grid h3{font-size:16px}.landing-faq h2{margin-bottom:20px}.faq-trigger{font-size:14px;line-height:1.6;gap:15px}.faq-symbol{font-size:23px}.landing-final-cta h2{font-size:29px}.landing-final-cta p{font-size:14px}.footer-links{grid-template-columns:1fr;gap:13px}.footer-links a{font-size:14px}.simple-header{padding:0 20px}.simple-header .landing-cta{font-size:12px;padding:9px 19px;min-height:37px}}
@media(prefers-reduced-motion:reduce){.faq-answer{transition:none}.image-mosaic img{transition:none}}