@import"https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#1c1b1b;background:#fdf8f8;font-family:Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1c1b1b;--muted: #444748;--paper: #fdf8f8;--paper-low: #f7f3f2;--paper-mid: #f1edec;--paper-high: #ebe7e6;--paper-deep: #e5e2e1;--line: #c4c7c7;--line-dark: #747878;--teal: #356664;--teal-soft: #b6e9e6;--red: #862116;--shadow: 0 10px 30px -15px rgba(28, 27, 27, .18);--shadow-strong: 0 26px 70px -32px rgba(28, 27, 27, .38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffd1,#fdf8f8eb),#fdf8f8}body:before{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.58;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");content:""}body.preview-open{overflow:hidden}button,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.page-shell{overflow-x:hidden}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.section-kicker{font-family:"Noto Serif SC",serif}.site-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;margin:0;padding:22px max(32px,calc((100vw - 1440px)/2 + 64px));border-bottom:1px solid rgba(28,27,27,.1);background:#f9f8f6e6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-action,.hero-actions a,.trust-row span,.eyebrow,.generate-button,.template-strip button,.api-note{display:inline-flex;align-items:center}.brand{gap:12px;color:#1a1a1a;font-size:20px;font-weight:700}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:#f9f8f6;background:#1a1a1a;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:0}.nav-links{display:flex;gap:28px;color:#1c1b1b99;font-family:"Noto Serif SC",serif;font-size:14px;font-weight:500}.nav-links a{padding:8px 12px;border-radius:8px;transition:background .18s ease,color .18s ease}.nav-links a:hover{color:var(--ink);background:#3566640f}.nav-action{gap:8px;min-height:40px;padding:0 16px;border-radius:8px;color:var(--ink);background:transparent;font-size:14px;font-weight:700;transition:background .18s ease}.nav-action:hover{background:#3566640f}.hero-section{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(680px,1.22fr);gap:32px;width:min(1440px,calc(100% - 128px));min-height:820px;margin:0 auto;padding:80px 0 48px;align-items:center}.hero-copy{max-width:560px}.eyebrow{gap:8px;width:fit-content;margin-bottom:24px;padding:8px 12px;border:1px solid rgba(53,102,100,.2);border-radius:999px;color:var(--teal);background:#ffffff9e;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{color:var(--ink);font-size:clamp(42px,4.3vw,64px);font-weight:700;line-height:1.18;letter-spacing:0}.hero-subtitle{max-width:560px;margin-top:24px;color:var(--muted);font-size:18px;font-weight:400;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:46px}.primary-button,.secondary-button{gap:10px;min-height:56px;padding:0 28px;border-radius:12px;font-size:16px;font-weight:700;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}.primary-button{color:#fff;background:#000}.primary-button:hover{background:var(--teal);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-dark);color:var(--ink);background:transparent}.secondary-button:hover{background:var(--paper-mid)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px;color:#1c1b1bad;font-size:14px}.trust-row span{gap:7px}.trust-row svg{color:var(--teal)}.hero-studio{position:relative;padding:24px;border:1px solid rgba(196,199,199,.72);border-radius:16px;background:var(--paper-low);box-shadow:var(--shadow-strong)}.hero-studio:before{position:absolute;inset:auto -12px -12px auto;z-index:-1;width:100%;height:100%;border-radius:16px;background:var(--paper-deep);content:""}.studio-body{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(340px,1fr);gap:16px;align-items:stretch}.studio-controls,.studio-preview{min-width:0}.studio-preview{display:flex;flex-direction:column}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;color:#1c1b1b94;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.model-pill{padding:8px 12px;border-radius:999px;color:#fff;background:#1c1b1b;text-transform:none}.prompt-card,.template-select-card,.reference-upload-card{border:1px solid rgba(196,199,199,.72);border-radius:12px;background:#fff}.prompt-card{padding:20px}.template-select-card,.reference-upload-card{margin-top:12px;padding:16px}.prompt-card label,.template-select-card label,.reference-upload-head span,.control-grid span,.control-grid label,.case-card-head,.case-input,.section-kicker{display:block;color:#1c1b1b8f;font-family:Manrope,Noto Sans SC,sans-serif;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.prompt-card label,.template-select-card label{margin-bottom:12px}.prompt-card textarea{width:100%;min-height:192px;padding:0;resize:none;border:0;outline:0;color:var(--ink);background:transparent;font-family:"Noto Serif SC",serif;font-size:20px;font-weight:600;line-height:1.72}.template-select-card select,.control-grid select{width:100%;border:0;outline:0;color:var(--ink);background:transparent;cursor:pointer}.template-select-card select{font-size:16px;font-weight:700}.reference-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reference-upload-head span{margin-bottom:0}.reference-upload-head label{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;color:#fff;background:var(--ink);font-size:12px;font-weight:800;cursor:pointer;transition:background .18s ease}.reference-upload-head label:hover{background:var(--teal)}.reference-upload-head input{display:none}.reference-upload-card p{margin-top:12px;color:#1c1b1b8f;font-size:13px;line-height:1.5}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.reference-thumb{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid rgba(196,199,199,.82);border-radius:8px;background:var(--paper-mid)}.reference-thumb img{display:block;width:100%;height:100%;object-fit:cover}.reference-thumb button{position:absolute;top:6px;right:6px;display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:999px;color:#fff;background:#1c1b1bb8;cursor:pointer}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.control-grid div{min-height:84px;padding:16px;border:1px solid rgba(196,199,199,.6);border-radius:12px;background:var(--paper-mid)}.control-grid strong{display:block;margin-top:10px;color:var(--ink);font-size:17px;font-weight:800}.control-grid label{margin-bottom:10px}.control-grid select{font-size:17px;font-weight:800}.style-memory{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid rgba(53,102,100,.18);border-radius:12px;color:#1c1b1b9e;background:#b6e9e65c;font-size:13px;font-weight:700}.style-memory strong{color:var(--teal);text-align:right}.generate-button{justify-content:center;gap:8px;width:100%;min-height:54px;margin-top:12px;border:0;border-radius:12px;color:#fff;background:var(--teal);font-size:16px;font-weight:800;cursor:pointer;transition:background .18s ease,transform .18s ease}.generate-button:hover{background:#294f4d;transform:translateY(-1px)}.generate-button:disabled{cursor:wait;opacity:.72;transform:none}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 2px;color:#1c1b1b94;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.preview-toolbar strong{padding:6px 10px;border-radius:999px;color:#fff;background:var(--ink);letter-spacing:0;text-transform:none}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generation-output{overflow:hidden;display:flex;flex:1;flex-direction:column;min-height:520px;margin-top:0;border:1px solid rgba(196,199,199,.72);border-radius:12px;background:#151515}.output-placeholder,.output-error{display:grid;flex:1;min-height:520px;height:100%;place-items:center;align-content:center;gap:10px;padding:28px;color:#f9f8f6bd;text-align:center}.output-placeholder svg,.output-error svg{color:#9dd0cd}.output-placeholder strong{color:#fff;font-family:"Noto Serif SC",serif;font-size:22px}.output-placeholder.loading{background:linear-gradient(135deg,rgba(53,102,100,.22),transparent 46%),#151515}.output-error{color:#fff;background:#86211633}.generated-preview{display:flex;flex-direction:column;height:100%;margin:0}.preview-hint{padding:8px 12px;color:#f9f8f6b8;background:#35666447;font-size:12px;text-align:center}.preview-image-button{display:block;width:100%;padding:0;border:0;background:#151515;cursor:zoom-in}.preview-image-button img{display:block;width:100%;height:100%;min-height:460px;max-height:680px;object-fit:contain;background:#151515}.generated-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#f9f8f6ad;font-size:12px;font-weight:800}.preview-actions,.generated-preview a,.generated-preview button,.lightbox-actions,.lightbox-actions a,.lightbox-actions button{display:inline-flex;align-items:center}.preview-actions{gap:12px}.generated-preview a,.generated-preview button{gap:6px;border:0;color:#fff;background:transparent;font-size:12px;font-weight:800;cursor:pointer}.image-lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:26px;background:#121212d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lightbox-panel{overflow:hidden;display:flex;flex-direction:column;width:min(96vw,1180px);max-height:94vh;border:1px solid rgba(249,248,246,.18);border-radius:16px;background:#151515;box-shadow:0 30px 120px #00000075}.lightbox-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;color:#f9f8f6b8;font-size:13px;font-weight:800;background:#f9f8f60f}.lightbox-actions{gap:10px}.lightbox-actions a,.lightbox-actions button{justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid rgba(249,248,246,.14);border-radius:999px;color:#fff;background:#f9f8f614;font-size:12px;font-weight:800;cursor:pointer}.lightbox-panel img{display:block;width:100%;max-height:calc(94vh - 58px);object-fit:contain;background:#151515}.final-prompt{margin-top:12px;padding:14px;border:1px solid rgba(196,199,199,.56);border-radius:12px;background:var(--paper-mid);color:#1c1b1bad}.final-prompt summary{color:var(--ink);cursor:pointer;font-weight:800}.final-prompt p{margin-top:10px;white-space:pre-wrap;font-size:13px;line-height:1.72}.feature-strip{border-top:1px solid rgba(196,199,199,.52);border-bottom:1px solid rgba(196,199,199,.52);background:var(--paper)}.feature-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(1440px,100%);margin:0 auto;padding:24px 64px}.feature-strip-item{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-size:16px;font-weight:700}.feature-strip-item svg{color:var(--teal)}.feature-divider{width:1px;height:32px;background:#c4c7c7b3}.case-section,.workflow-section,.studio-section{width:min(1440px,calc(100% - 128px));margin:0 auto;padding:86px 0}.section-heading{display:grid;grid-template-columns:.42fr 1fr;gap:34px;margin-bottom:36px;align-items:end}.section-heading.compact{max-width:760px;grid-template-columns:1fr;gap:14px}.section-heading h2,.studio-copy h2{max-width:860px;color:var(--ink);font-size:clamp(30px,3.8vw,48px);font-weight:600;line-height:1.28;letter-spacing:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter-tab{padding:9px 16px;border:1px solid rgba(116,120,120,.44);border-radius:999px;color:#1c1b1bad;background:#ffffff80;font-size:13px;font-weight:800;cursor:pointer;transition:all .18s ease}.filter-tab:hover{border-color:var(--line-dark);color:var(--ink);background:var(--paper-mid)}.filter-tab.active{border-color:var(--ink);color:#fff;background:var(--ink)}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.case-grid-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(196,199,199,.62);border-radius:12px;background:var(--paper-low);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.case-grid-card:hover{border-color:#74787880;box-shadow:var(--shadow);transform:translateY(-4px)}.case-grid-thumb{position:relative;overflow:hidden;display:block;width:100%;padding:0;border:0;aspect-ratio:4 / 3;background:#151515;cursor:zoom-in}.case-grid-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .48s ease}.case-grid-card:hover .case-grid-thumb img{transform:scale(1.045)}.case-grid-tag{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:999px;color:#fff;background:var(--tag-color, var(--teal));font-size:12px;font-weight:800}.case-grid-body{display:flex;flex:1;flex-direction:column;padding:22px}.case-grid-body h3{margin-bottom:10px;color:var(--ink);font-size:22px;font-weight:600;line-height:1.34}.case-grid-prompt{display:-webkit-box;overflow:hidden;flex:1;margin-bottom:20px;color:#444748db;font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.case-grid-actions{display:flex;gap:10px;align-items:center}.case-action-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-weight:800;transition:all .16s ease}.use-btn{flex:1;height:40px;border:1px solid var(--line-dark);color:var(--ink);background:transparent;font-size:13px}.use-btn:hover{border-color:var(--ink);color:#fff;background:var(--ink)}.copy-btn{width:40px;height:40px;border:0;color:#1c1b1bad;background:var(--paper-mid)}.copy-btn:hover{color:var(--ink);background:var(--paper-deep)}.workflow-section{width:100%;padding:96px max(64px,calc((100vw - 1440px)/2 + 64px));border-top:1px solid rgba(196,199,199,.5);border-bottom:1px solid rgba(196,199,199,.5);background:var(--paper-mid)}.workflow-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}.workflow-grid:before{position:absolute;top:32px;left:10%;right:10%;height:1px;background:#c4c7c7e6;content:""}.workflow-card,.studio-panel{border:1px solid rgba(196,199,199,.62);border-radius:12px;background:var(--paper-low);box-shadow:var(--shadow)}.workflow-card{position:relative;z-index:1;min-height:300px;padding:32px}.workflow-number{display:grid;width:64px;height:64px;margin-bottom:36px;place-items:center;border-radius:999px;color:#fff;background:var(--ink);font-family:"Noto Serif SC",serif;font-size:24px;font-weight:600}.workflow-card svg{color:var(--teal)}.workflow-card h3{margin-top:28px;color:var(--ink);font-size:24px;font-weight:600;line-height:1.4}.workflow-card p,.studio-copy p,.api-note{color:var(--muted);line-height:1.72}.workflow-card p{margin-top:14px}.studio-section{padding:100px 0}.studio-panel{display:grid;grid-template-columns:.82fr 1fr;gap:32px;padding:40px;background:var(--paper-low)}.template-library-section{padding:100px 0 48px}.template-library-panel{padding:40px;border:1px solid rgba(196,199,199,.62);border-radius:12px;background:var(--paper-low);box-shadow:var(--shadow)}.template-library-panel .reference-copy{max-width:none}.template-library-panel .studio-copy p{max-width:860px}.template-library-panel .template-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-copy p{max-width:560px;margin-top:18px}.reference-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(420px,6fr);gap:32px;align-items:center}.reference-copy{max-width:620px}.reference-copy .template-strip{margin-top:32px}.template-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-strip button{justify-content:flex-start;gap:10px;min-height:58px;padding:0 16px;border:1px solid rgba(196,199,199,.72);border-radius:8px;color:var(--ink);background:#ffffff85;font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease}.template-strip button:hover{border-color:var(--teal);background:#b6e9e661}.api-note{grid-column:1 / -1;gap:12px;margin-top:18px;padding:18px;border-radius:8px;background:var(--paper-mid)}.reference-panel{padding:32px;border:1px solid rgba(196,199,199,.62);border-radius:12px;background:var(--paper-low);box-shadow:var(--shadow)}.reference-panel input{display:none}.reference-dropzone{display:flex;min-height:228px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;border:2px dashed rgba(116,120,120,.32);border-radius:12px;color:#444748c7;background:var(--paper);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease}.reference-dropzone:hover{border-color:var(--teal);background:var(--paper-mid)}.reference-dropzone svg{color:var(--teal)}.reference-dropzone strong{color:var(--ink);font-size:16px}.reference-dropzone span{font-size:13px}.reference-progress{display:flex;align-items:center;gap:14px;margin-top:22px}.reference-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--ink);background:var(--paper-deep)}.reference-progress-track{overflow:hidden;flex:1;height:8px;border-radius:999px;background:var(--paper-deep)}.reference-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.reference-progress small{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.reference-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.final-cta{width:min(800px,calc(100% - 48px));margin:0 auto;padding:88px 0 118px;text-align:center}.final-cta h2{margin-bottom:32px;color:var(--ink);font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.22}.final-cta .primary-button{display:inline-flex;align-items:center;width:auto;min-width:300px;height:64px;padding:0 38px;border-radius:14px;justify-content:center;gap:12px;font-size:18px;font-weight:800;line-height:64px;white-space:nowrap;box-shadow:var(--shadow)}.final-cta .primary-button svg{width:22px;height:22px;flex:0 0 auto}.site-footer{border-top:1px solid rgba(28,27,27,.1);background:#f9f8f6}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1440px,100%);margin:0 auto;padding:48px 64px;color:var(--ink)}.site-footer strong{font-family:"Noto Serif SC",serif;font-size:18px;opacity:.82}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.site-footer a,.site-footer span{color:#1c1b1b85;font-family:"Noto Serif SC",serif;font-size:12px;font-weight:700;letter-spacing:.08em}.site-footer a{text-decoration:underline;text-decoration-color:#35666480;text-underline-offset:5px;transition:color .18s ease}.site-footer a:hover{color:var(--teal)}@media(max-width:1180px){.site-nav{padding-inline:32px}.hero-section,.case-section,.studio-section{width:min(100% - 64px,1440px)}.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:58px}.hero-copy{max-width:820px}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-strip-inner{padding-inline:32px}.reference-layout{grid-template-columns:1fr}.reference-copy{max-width:820px}.template-library-panel .template-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.hero-section,.section-heading,.studio-panel{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:1fr}.workflow-grid:before{display:none}.feature-strip-inner,.site-footer-inner{flex-direction:column;align-items:flex-start}.feature-divider{display:none}.site-footer nav{justify-content:flex-start}}@media(max-width:700px){.site-nav{padding:14px 16px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.nav-links,.nav-action{display:none}.hero-section,.case-section,.studio-section{width:min(100% - 24px,1440px)}.hero-section{gap:34px;padding:46px 0 44px}h1{font-size:40px}.hero-subtitle{font-size:16px}.hero-actions a,.primary-button,.secondary-button{width:100%;justify-content:center}.hero-studio{padding:14px}.studio-body,.control-grid,.template-strip,.template-library-panel .template-strip{grid-template-columns:1fr}.feature-strip-inner{padding:20px 12px}.feature-strip-item{font-size:15px}.prompt-card textarea{min-height:168px;font-size:17px}.generation-output,.output-placeholder,.output-error{min-height:360px}.preview-image-button img{min-height:320px}.image-lightbox{padding:12px}.lightbox-panel{width:100%;max-height:96vh;border-radius:14px}.lightbox-topbar{align-items:flex-start;flex-direction:column}.case-grid{grid-template-columns:1fr}.workflow-section{padding:70px 12px}.studio-panel,.template-library-panel,.reference-panel{padding:22px}.reference-dropzone{min-height:190px;padding:24px 18px}.reference-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-progress{align-items:flex-start;flex-wrap:wrap}.api-note{align-items:flex-start}.final-cta{width:min(100% - 24px,800px);padding:64px 0 86px}.final-cta .primary-button{width:100%;min-width:0}.site-footer-inner{padding:38px 16px}}