:root{--bg:#f6f7fb;--panel:#fff;--text:#16182d;--muted:#73778d;--line:#e7e8ef;--primary:#6757f5;--primary2:#8f63ff;--dark:#17192a;--green:#20a66a;--red:#d44d63;--shadow:0 18px 45px rgba(31,30,65,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.6px}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6f5bff,#a664ff);position:relative;box-shadow:0 9px 20px rgba(103,87,245,.25)}.brand-mark i{position:absolute;width:10px;height:18px;background:#fff;border-radius:7px;transform:skew(-17deg)}.brand-mark i:first-child{left:8px;top:7px}.brand-mark i:last-child{right:7px;top:7px;opacity:.68}.public-header{height:74px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}.public-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.public-header nav{display:flex;align-items:center;gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 18px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 20px rgba(103,87,245,.22)}.btn-ghost{background:#fff;border:1px solid var(--line)}.btn-dark{background:var(--dark);color:#fff}.btn-soft{background:#f0efff;color:#5545df}.btn-danger{background:#fff0f2;color:#c33951}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:92px 0 66px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(111,91,255,.19),rgba(111,91,255,0) 68%);right:-190px;top:-250px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.eyebrow{display:inline-flex;padding:7px 12px;background:#eceaff;color:#5848df;border-radius:99px;font-weight:800;font-size:12px}.hero h1{font-size:58px;line-height:1.08;letter-spacing:-3px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#5d4cf4,#a34ff0);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.9;color:var(--muted);max-width:650px}.hero-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.hero-form label{display:block;font-weight:800;margin-bottom:8px}.url-row{display:flex;gap:10px}.url-row input{flex:1}.field,input,select,textarea{width:100%;border:1px solid #dbdde7;background:#fff;border-radius:11px;padding:12px 14px;outline:none;transition:.2s}.field:focus,input:focus,select:focus,textarea:focus{border-color:#8a7dfb;box-shadow:0 0 0 4px rgba(103,87,245,.09)}.mini-screen{margin-top:20px;border-radius:18px;background:#151626;padding:12px;box-shadow:0 18px 45px rgba(21,22,38,.2);transform:rotate(1deg)}.browser-bar{height:30px;background:#242638;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:5px;padding:0 10px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#63677e}.sample-screen{height:320px;background:linear-gradient(145deg,#f8f7ff,#fff);border-radius:0 0 10px 10px;padding:26px;position:relative;overflow:hidden}.fake-title{width:48%;height:20px;background:#202236;border-radius:5px}.fake-sub{width:70%;height:9px;background:#dadbe8;border-radius:5px;margin-top:12px}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.fake-card{height:110px;border:1px solid #e7e6f0;background:#fff;border-radius:12px}.cursor-dot{position:absolute;width:28px;height:28px;border:2px solid #fff;background:#6958f5;border-radius:50%;left:62%;top:51%;box-shadow:0 4px 18px rgba(103,87,245,.4);animation:cursorMove 3s ease-in-out infinite}.cursor-dot:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(103,87,245,.25);border-radius:50%;animation:pulse 1.5s infinite}@keyframes cursorMove{0%,100%{transform:translate(-30px,35px)}50%{transform:translate(18px,-28px)}}@keyframes pulse{0%{transform:scale(.7);opacity:0}60%{opacity:1}100%{transform:scale(1.3);opacity:0}}.section{padding:70px 0}.section h2{font-size:38px;letter-spacing:-1.5px;margin:0 0 12px}.section-lead{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.feature-icon{width:40px;height:40px;border-radius:12px;background:#eeecff;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:16px}.feature-card h3{margin:0 0 8px}.feature-card p{color:var(--muted);line-height:1.7}.footer{border-top:1px solid var(--line);background:#fff;padding:28px 0}.footer .container{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 8px 26px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:#5f6277;font-weight:700}.side-nav a span{width:22px;text-align:center}.side-nav a:hover,.side-nav a.active{background:#f0efff;color:#5545df}.sidebar-bottom{margin-top:auto}.credit-card{background:linear-gradient(145deg,#17192a,#282947);color:#fff;border-radius:15px;padding:16px;margin-bottom:12px}.credit-card small{color:#b9bdd1}.credit-card strong{display:block;font-size:25px;margin:5px 0}.credit-card strong em{font-style:normal;font-size:10px;color:#aaaec5}.credit-card a{font-size:11px;color:#cfc9ff}.account-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px}.account-link:hover,.account-link.active{background:#f6f5ff}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6452ef,#b665f2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.account-link>span:nth-child(2){flex:1;display:flex;flex-direction:column}.account-link small{color:var(--muted);font-size:11px}.app-main{min-width:0}.app-topbar{height:78px;background:rgba(246,247,251,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.app-topbar h1{font-size:23px;margin:0;letter-spacing:-.6px}.top-actions{display:flex;gap:8px;align-items:center}.locale-pill{font-size:12px;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:9px}.icon-btn{width:34px;height:34px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center}.app-content{padding:30px 34px 60px;max-width:1380px}.page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 4px 18px rgba(28,30,60,.035)}.panel h2,.panel h3{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.muted{color:var(--muted)}.label{display:block;font-weight:750;margin-bottom:7px}.form-row{margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice input{display:none}.choice span{display:block;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;font-weight:700;cursor:pointer}.choice input:checked+span{border-color:#7769f5;background:#f2f0ff;color:#5545df}.duration-row{display:flex;gap:8px}.duration-row .choice{flex:1}.hint{font-size:12px;color:var(--muted);margin-top:6px}.advanced{border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.advanced summary{font-weight:800;cursor:pointer}.action-row{display:flex;gap:10px;align-items:center;margin-top:22px}.cost-box{background:#f7f7fb;border-radius:12px;padding:15px}.cost-line{display:flex;justify-content:space-between;padding:5px 0}.cost-line.total{border-top:1px solid var(--line);margin-top:5px;padding-top:11px;font-weight:800}.plan-list{display:flex;flex-direction:column;gap:9px}.plan-item{display:grid;grid-template-columns:31px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);padding:12px;border-radius:12px}.plan-num{width:30px;height:30px;border-radius:9px;background:#efedff;color:#5848df;display:flex;align-items:center;justify-content:center;font-weight:800}.plan-item strong{display:block}.plan-item small{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;background:#f0efff;color:#5747dc;font-size:11px;font-weight:800}.badge.green{background:#e9f8f1;color:#168257}.badge.gray{background:#f0f1f5;color:#686c7e}.badge.red{background:#fff0f2;color:#bb3a50}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;color:#8b8ea0;font-size:11px;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}.history-table td{padding:14px 10px;border-bottom:1px solid #f0f0f4;vertical-align:middle}.thumb{width:88px;height:52px;border-radius:9px;background:linear-gradient(145deg,#17192a,#6557e8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.table-actions{display:flex;gap:7px}.small-btn{padding:7px 9px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:27px;margin-top:6px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs a{padding:11px 14px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{color:#5848df;border-color:#6757f5}.plan-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-card{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff}.price-card.current{border:2px solid #7769f5}.price-card h3{margin:0}.price{font-size:26px;font-weight:800;margin:12px 0}.credits-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.manga-box{background:#121421;border-radius:16px;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.manga-box manga{width:100%;height:100%;object-fit:cover}.manga-placeholder{text-align:center}.manga-placeholder .play{width:58px;height:58px;border-radius:50%;background:#fff;color:#5d4cf4;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px}.panel-list{display:flex;flex-direction:column;gap:10px}.panel-card{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:35px 1fr auto;gap:12px}.panel-card p{margin:5px 0;color:var(--muted);line-height:1.5}.ai-editor{border:1px solid #dddafc;background:linear-gradient(145deg,#fbfaff,#fff);border-radius:16px;padding:18px}.upload-drop{border:1px dashed #bdb8e8;border-radius:12px;padding:17px;text-align:center;background:#fbfaff}.asset-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.asset-chip{display:inline-flex;align-items:center;gap:6px;background:#f1f0fb;padding:7px 9px;border-radius:8px;font-size:12px}.opening-preview{height:170px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#5f55a9,#17192a 65%);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;position:relative}.opening-preview .logo-orb{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,#7667ff,#b262ff);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;box-shadow:0 0 45px rgba(166,98,255,.5);animation:logoReveal 2.4s ease-in-out infinite}.opening-preview:after{content:"\f005";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;font-size:24px;left:61%;top:27%;animation:spark 2.4s infinite}.opening-preview img{max-width:45%;max-height:55%;animation:logoReveal 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 22px rgba(0,0,0,.25))}@keyframes logoReveal{0%{opacity:0;transform:scale(.65) translateY(15px)}45%,80%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(1.05)}}@keyframes spark{0%,35%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}70%{opacity:0}}.progress-stack{display:flex;flex-direction:column;gap:10px}.progress-step{display:flex;gap:10px;align-items:center;color:#9a9caf}.progress-step.done{color:#2b2e40}.progress-step.active{color:#5747dc;font-weight:800}.step-dot{width:24px;height:24px;border-radius:50%;background:#ececf2;display:flex;align-items:center;justify-content:center;font-size:11px}.progress-step.done .step-dot{background:#e7f7ef;color:#168257}.progress-step.active .step-dot{background:#eceaff;color:#5848df}.progress-bar{height:8px;border-radius:99px;background:#ececf2;overflow:hidden;margin:15px 0}.progress-bar>div{height:100%;background:linear-gradient(90deg,#6554f2,#9e63f5);transition:width .35s}.admin-badge{font-size:10px;color:#fff;background:#e4556b;border-radius:6px;padding:3px 7px;align-self:flex-start;margin:-17px 0 18px 48px}.admin-shell .sidebar{background:#171925;color:#fff;border:0}.admin-shell .sidebar .brand{color:#fff}.admin-shell .side-nav a{color:#aeb1c1}.admin-shell .side-nav a:hover,.admin-shell .side-nav a.active{background:#292b3d;color:#fff}.admin-shell .account-link:hover{background:#292b3d}.code-field{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.flash{position:fixed;top:16px;right:16px;z-index:100;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line);font-weight:700}.flash-success{border-color:#a9dfc7;color:#168257}.flash-error{border-color:#f3b6c0;color:#b9364b}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#eeeaff,#f7f8fb 42%)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.auth-card .brand{justify-content:center;margin-bottom:22px}.auth-card h1{text-align:center;margin:0 0 7px}.auth-card>p{text-align:center;color:var(--muted);margin:0 0 22px}.auth-note{background:#f7f7fb;border-radius:11px;padding:11px;font-size:12px;color:#676b7d;margin-top:14px}.error-box{background:#fff0f2;color:#b9364b;border-radius:10px;padding:10px;margin-bottom:14px}.info-list{display:grid;grid-template-columns:160px 1fr;gap:10px;border-top:1px solid var(--line);padding-top:15px}.info-list dt{color:var(--muted)}.info-list dd{margin:0;font-weight:700}.api-task{display:grid;grid-template-columns:1.1fr .8fr 1fr 1fr auto;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:12px 0}.api-task:first-child{padding-top:0}.api-task small{display:block;color:var(--muted);margin-bottom:5px}.search-row{display:flex;gap:10px;margin-bottom:16px}.right{text-align:right}@media(max-width:980px){.hero-grid,.page-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:20px 10px}.sidebar .brand span:last-child,.side-nav a:not(.active){font-size:0}.sidebar .brand{justify-content:center}.brand-mark{flex:0 0 auto}.side-nav a{justify-content:center}.side-nav a span{font-size:18px}.credit-card,.account-link>span:not(.avatar){display:none}.account-link{justify-content:center}.plan-cards{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.api-task{grid-template-columns:1fr 1fr}}@media(max-width:680px){.public-header nav a:not(.btn-primary){display:none}.hero{padding-top:55px}.hero h1{font-size:40px;letter-spacing:-2px}.feature-grid,.choice-grid,.plan-cards,.credits-packs,.stats-grid{grid-template-columns:1fr}.app-shell{display:block}.sidebar{height:auto;position:static;flex-direction:row;align-items:center}.sidebar .brand{padding:0}.side-nav{flex-direction:row;margin-left:auto}.sidebar-bottom{display:none}.app-topbar{padding:0 18px}.app-content{padding:20px 16px}.history-table{min-width:760px}.panel{overflow:auto}.api-task{grid-template-columns:1fr}.url-row{flex-direction:column}}

/* v0.2.2 public hero quick-create */
.hero-copy{position:relative;z-index:1}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-points span{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #e1defd;background:rgba(255,255,255,.72);border-radius:99px;color:#5e56a4;font-weight:750;font-size:13px}.hero-create-form{position:relative;z-index:2;padding:26px}.hero-create-form .form-row{margin-bottom:17px}.hero-create-form textarea{resize:vertical;min-height:82px}.hero-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-duration-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-choice input{position:absolute;opacity:0;pointer-events:none}.hero-choice span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:#fff;color:#55596c;font-size:13px;font-weight:750;text-align:center;cursor:pointer;transition:.18s}.hero-choice input:checked+span{border-color:#796af5;background:#f1efff;color:#5545df;box-shadow:0 0 0 3px rgba(103,87,245,.07)}.hero-choice span:hover{border-color:#b8b2ef}.hero-submit{width:100%;min-height:50px;font-size:15px;margin-top:2px;gap:10px}.hero-form-note{font-size:11px!important;line-height:1.6!important;text-align:center;margin:10px auto 0!important;color:#9598aa!important}.hero-create-form label{margin-bottom:7px}.hero-create-form:before{content:"";position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(135deg,rgba(103,87,245,.13),rgba(163,79,240,.04),transparent 55%);z-index:-1;pointer-events:none}@media(max-width:680px){.hero-choice-grid{grid-template-columns:1fr 1fr}.hero-duration-row{grid-template-columns:repeat(3,1fr)}.hero-create-form{padding:18px}.hero-points{margin-top:18px}}


/* v0.2.2 anonymous preview conversion flow */
.captcha-not-configured{font-size:11px;color:#a04955;background:#fff1f3;border-radius:9px;padding:9px}.hero-submit:disabled{opacity:.5;cursor:not-allowed}.public-preview-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);min-height:180px}.preview-progress{text-align:center;padding:22px 8px}.preview-progress strong{display:block;margin:12px 0;font-size:15px}.preview-progress small{color:var(--muted)}.preview-spinner{width:34px;height:34px;border:3px solid #e8e6f8;border-top-color:#6757f5;border-radius:50%;margin:auto;animation:previewSpin .8s linear infinite}@keyframes previewSpin{to{transform:rotate(360deg)}}.preview-thumb-wrap{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#17192a;border:1px solid #dddde8}.preview-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.preview-thumb-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,13,25,.55));pointer-events:none}.preview-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#5c4be7;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:18px;padding-left:3px}.preview-lock{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;text-align:center;background:rgba(19,20,37,.82);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:8px;font-size:11px;font-weight:750;backdrop-filter:blur(8px)}.preview-result h3{margin:6px 0 7px;font-size:21px}.preview-result p{color:var(--muted);font-size:13px;line-height:1.7}.preview-points{display:flex;flex-direction:column;gap:6px;margin:13px 0 18px}.preview-points span{font-size:12px;color:#55596c}.preview-retry{border:0;background:transparent;color:#777b90;text-decoration:underline;cursor:pointer;width:100%;margin-top:10px;font-size:12px}.hero-create-form.is-processing{opacity:.78}.turnstile-only{margin:4px 0 16px;min-height:65px}.cf-turnstile{min-height:65px}@media(max-width:680px){.public-preview-card{padding:17px}.preview-play{width:48px;height:48px}}



/* v0.2.5 admin LLM provider / prompt editor */
.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prompt-help{background:#f7f6ff;border:1px solid #e3e0ff;color:#615a8c;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.7;margin-bottom:14px}.api-task-card{border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px;background:#fff}.api-task-card:first-of-type{margin-top:0}.api-task-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.api-task-head strong{display:block;font-size:14px}.api-task-head small{display:block;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:3px}.task-enabled{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#5d6074}.task-enabled input{width:auto}.api-task-config{display:grid;grid-template-columns:.8fr 1.2fr 1.2fr;gap:10px}.api-task-config small{display:block;color:var(--muted);margin-bottom:5px}.prompt-editor{margin-top:13px;border-top:1px solid #f0f0f5;padding-top:12px}.prompt-editor summary{cursor:pointer;font-weight:800;color:#4f4c69;margin-bottom:10px}.prompt-editor textarea{min-height:145px;resize:vertical;line-height:1.6;font-size:12px;background:#fbfbfe}@media(max-width:980px){.provider-grid{grid-template-columns:1fr}.api-task-config{grid-template-columns:1fr}}@media(max-width:680px){.api-task-head{align-items:flex-start;flex-direction:column}.api-task-config{grid-template-columns:1fr}}

/* v0.2.5 multi-provider admin */
.provider-grid-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid-multi .panel:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:980px){.provider-grid-multi{grid-template-columns:1fr}.provider-grid-multi .panel:last-child:nth-child(odd){grid-column:auto}}

/* v0.3 responsive public landing page */
.landing-v03{background:#fff;color:#0d1230;overflow:hidden}.landing-v03 .container{width:min(1320px,calc(100% - 64px))}.landing-v03 h2{font-size:34px;letter-spacing:-1.2px}.public-header{height:86px;background:rgba(255,255,255,.96);border-bottom:1px solid #e9edf7;box-shadow:0 1px 0 rgba(26,36,73,.02)}.public-header .container{width:min(1320px,calc(100% - 64px))}.public-header nav{gap:42px;font-size:15px;font-weight:700}.public-header .btn{padding:12px 22px;border-radius:12px}.public-header .btn-primary{background:linear-gradient(100deg,#2559ec,#a54df0);box-shadow:0 8px 23px rgba(73,81,235,.18)}.public-header .brand{gap:0;font-size:30px;letter-spacing:-1.3px}.public-header .brand-mark{display:none}.public-header .brand>span:last-child{color:#0b102b}.public-header .brand>span:last-child::first-letter{color:inherit}.public-header .brand>span:last-child{background:linear-gradient(90deg,#0b102b 0 66%,#2865f3 66% 82%,#8e4ef2 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-hero{padding:42px 0 44px;background:radial-gradient(circle at 92% 28%,rgba(96,79,246,.09),transparent 34%),linear-gradient(180deg,#fff 0%,#fbfcff 100%)}.landing-hero-grid{display:grid;grid-template-columns:minmax(420px,.88fr) minmax(600px,1.12fr);gap:42px;align-items:center}.landing-hero-copy{padding:34px 0 10px}.landing-pill{display:inline-flex;align-items:center;border:1px solid #bcd0ff;background:#f7f9ff;color:#355de7;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:850;box-shadow:0 4px 16px rgba(37,89,236,.05)}.landing-hero-copy h1{font-size:52px;line-height:1.23;letter-spacing:-2.8px;margin:22px 0 22px;color:#0a102d}.landing-hero-copy h1 span{background:linear-gradient(100deg,#1f58ef,#9a4cf1 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-copy>p{font-size:16px;line-height:1.9;color:#525d78;font-weight:550;margin:0 0 30px}.landing-url-card{background:#fff;border:1px solid #e4e8f2;border-radius:18px;padding:20px 20px 16px;box-shadow:0 18px 35px rgba(36,53,95,.11);max-width:550px}.landing-url-card:before{display:none}.landing-url-card>label{font-size:13px;color:#151a36;margin:0 0 10px}.landing-url-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;border:1px solid #d9deea;border-radius:12px;overflow:hidden;background:#fff;min-height:54px}.landing-url-row:focus-within{border-color:#5877f4;box-shadow:0 0 0 3px rgba(53,92,231,.08)}.landing-url-icon{display:flex;align-items:center;justify-content:center;color:#63749a}.landing-url-icon svg{width:22px;height:22px}.landing-url-row input{border:0!important;box-shadow:none!important;border-radius:0;padding:14px 6px;font-size:14px;background:transparent}.landing-create-open{height:54px;border-radius:11px!important;margin:-1px!important;background:linear-gradient(105deg,#2f59ec,#5147f2 55%,#8c4df1);color:#fff;box-shadow:0 7px 18px rgba(58,77,231,.25);padding:0 23px!important;gap:12px;white-space:nowrap}.landing-mini-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.landing-mini-benefits span{background:#fafbfe;border:1px solid #eef0f6;border-radius:999px;padding:8px 7px;text-align:center;color:#39425e;font-size:10.5px;font-weight:750;white-space:nowrap}.landing-mini-benefits b{color:#2b69ed}.landing-options{border-top:1px solid #edf0f6;margin-top:16px;padding-top:17px;max-height:900px;opacity:1;transition:max-height .35s ease,opacity .25s ease,margin .35s ease,padding .35s ease;overflow:hidden}.landing-options.is-collapsed{max-height:0;opacity:0;pointer-events:none;margin-top:0;padding-top:0;border-top-color:transparent}.landing-options-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.landing-options-head strong{font-size:14px}.landing-options-head small{font-size:10px;color:#858da3;text-align:right}.landing-option-block{margin-bottom:15px}.landing-option-block>label{font-size:12px}.landing-options .hero-choice-grid{gap:7px}.landing-options .hero-choice span{min-height:39px;padding:7px 8px;font-size:11px}.landing-options textarea{min-height:74px;font-size:12px}.landing-options .turnstile-only{margin-top:8px;transform:scale(.9);transform-origin:left top;margin-bottom:-5px}.landing-preview-submit{min-height:47px}.landing-public-preview{max-width:550px;margin-top:18px;border-radius:18px}.landing-team-strip{margin-top:52px}.landing-team-title{display:block;font-size:11px;color:#485169;font-weight:750;margin-bottom:16px}.landing-team-tags{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.landing-team-tags b{font-size:15px;color:#2d3855;letter-spacing:-.2px}.landing-team-tags b:nth-child(1){color:#18a6b5}.landing-team-tags b:nth-child(2){color:#315fd6}.landing-team-tags b:nth-child(3){font-family:serif;font-style:italic;color:#3274eb}.landing-team-tags b:nth-child(4){letter-spacing:2px;color:#202a43}.landing-team-tags b:nth-child(5){color:#d34e57}
.landing-product-preview{background:#fff;border:1px solid #dfe5f0;border-radius:20px;box-shadow:0 23px 54px rgba(31,48,91,.15);overflow:hidden;min-height:680px;transform:translateY(2px)}.sample-app-head{height:61px;border-bottom:1px solid #e7eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.sample-app-head>strong{font-size:20px;letter-spacing:-.7px}.sample-app-head>strong span{color:#3e62f3}.sample-app-actions{display:flex;gap:14px;align-items:center}.sample-done{background:#f5fbf8;border:1px solid #d9efe5;color:#192438;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800}.sample-done::first-letter{color:#15b776}.sample-download{background:linear-gradient(100deg,#3259ea,#7552ed);color:#fff;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:800}.sample-app-body{display:grid;grid-template-columns:38% 62%;min-height:619px}.sample-process-col{border-right:1px solid #e4e8f0;background:#fcfdff}.sample-stage{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:17px 14px;border-bottom:1px solid #e8ebf2;min-height:104px;position:relative}.sample-stage .stage-num{width:19px;height:19px;border-radius:50%;background:#2e66ec;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.sample-stage.purple .stage-num{background:#7354ee}.sample-stage strong{font-size:11px;display:block}.sample-stage small{display:block;font-size:8px;color:#75809a;margin:5px 0 8px}.sample-stage em{position:absolute;right:13px;bottom:13px;font-size:8px;font-style:normal;color:#26324f}.sample-progress{height:5px;background:#e9edfa;border-radius:99px;overflow:hidden;margin-right:28px}.sample-progress i{display:block;height:100%;width:88%;background:linear-gradient(90deg,#315eea,#8b5af2)}.sample-stage ul{padding:0;margin:7px 0 0;list-style:none}.sample-stage li{font-size:8px;margin:5px 0;color:#27324a}.sample-stage li:before{content:'\f00c';font-family:'Font Awesome 7 Free';font-weight:900;color:#1ab674;margin-right:6px}.sample-mini-thumbs{display:flex;gap:5px;margin-top:9px}.sample-mini-thumbs i{width:43px;height:28px;border-radius:4px;border:1px solid #cfd7e8;background:linear-gradient(150deg,#f7f9ff 0 30%,#dde8ff 31% 65%,#fff 66%)}.audio-wave{height:25px;display:flex;align-items:center;gap:2px;color:#7f58ed}.audio-wave i{width:2px;background:currentColor;border-radius:3px;height:8px}.audio-wave i:nth-child(2n){height:17px}.audio-wave i:nth-child(3n){height:23px}.audio-wave.small{height:20px}.sample-preview-col{padding:15px 15px 13px;background:#fff}.sample-preview-label{font-weight:850;font-size:11px;margin-bottom:8px}.sample-manga-frame{border:1px solid #bfc7d7;background:#0f1424;border-radius:7px;overflow:hidden;box-shadow:0 6px 18px rgba(12,20,49,.13)}.sample-browser-ui{height:23px;background:#f4f6fb;display:flex;align-items:center;gap:4px;padding:0 8px}.sample-browser-ui span{width:5px;height:5px;border-radius:50%;background:#c1c9d8}.sample-browser-ui b{font-size:6px;color:#6d7890;margin-left:6px}.sample-manga-content{height:207px;background:#fff;display:grid;grid-template-columns:38px 1fr;position:relative}.sample-manga-content aside{background:#f7f9fc;border-right:1px solid #e8ebf1;padding:13px 9px;display:flex;flex-direction:column;gap:11px}.sample-manga-content aside i{height:5px;background:#c6d1e6;border-radius:3px}.sample-manga-content main{padding:20px}.dv-title{height:10px;width:42%;background:#293656;border-radius:3px}.dv-sub{height:6px;width:68%;background:#d8deea;border-radius:3px;margin-top:8px}.dv-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.dv-cards span{height:49px;border:1px solid #dce2ed;border-radius:6px;background:linear-gradient(150deg,#fff,#f3f7ff)}.sample-caption{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(14,17,26,.86);color:#fff;border-radius:5px;padding:8px 15px;font-size:9px;white-space:nowrap}.sample-player{height:31px;background:#080a10;color:#fff;display:grid;grid-template-columns:18px 67px 1fr 16px;align-items:center;padding:0 8px;font-size:7px;gap:4px}.sample-player i{height:3px;background:linear-gradient(90deg,#fff 0 35%,#575c66 35%);border-radius:2px}.sample-panels-head{display:flex;justify-content:space-between;margin:12px 0 7px;font-size:9px}.sample-panels-head strong span{color:#11b881}.sample-panels-head small{color:#8791a7}.sample-panel-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.sample-panel-strip i{height:42px;border:1px solid #d9e0ea;border-radius:4px;background:linear-gradient(155deg,#f6f9ff,#dfe8fb)}.sample-panel-strip i.selected{border:2px solid #4163ed;box-shadow:0 0 0 2px rgba(62,97,238,.08)}.sample-transcript{border-top:1px solid #e8ebf2;margin-top:11px;padding-top:8px}.sample-transcript>strong,.sample-dialogue>strong{font-size:10px}.sample-transcript>div{display:grid;grid-template-columns:34px 1fr;gap:6px;margin-top:5px}.sample-transcript time{font-size:7px;color:#62718f}.sample-transcript p{font-size:7.5px;margin:0;color:#26334f}.sample-dialogue{margin-top:9px}.dialogue-row{display:grid;grid-template-columns:18px 1fr 28px;align-items:center;gap:5px;margin-top:5px;color:#5c57ea}.dialogue-row>span{width:16px;height:16px;border-radius:50%;background:#eef0ff;display:flex;align-items:center;justify-content:center;font-size:7px}.audio-wave.long{height:23px;gap:3px}.audio-wave.long i{flex:1;max-width:3px}.dialogue-row small{font-size:7px;color:#73809a}
.landing-feature-section{padding:44px 0 14px;background:#fff}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-feature-card{display:grid;grid-template-columns:68px 1fr;gap:20px;align-items:center;border:1px solid #e2e7f0;border-radius:17px;padding:24px 24px;background:#fff;box-shadow:0 9px 22px rgba(25,43,86,.07)}.landing-feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#2963ee,#9c4ef0);box-shadow:0 9px 18px rgba(79,77,236,.28)}.landing-feature-icon svg{width:38px;height:38px}.landing-feature-card h3{font-size:18px;margin:0 0 8px}.landing-feature-card p{font-size:11.5px;line-height:1.75;color:#536079;margin:0}
.landing-simple{padding:56px 0 48px;text-align:center;background:#fff}.landing-simple h2,.landing-usecases h2,.landing-pricing h2{text-align:center;margin:0 0 32px;font-size:29px;letter-spacing:-.8px}.landing-steps{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr 44px 1fr;align-items:start;gap:8px}.landing-steps article{position:relative;padding:0 4px}.step-badge{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:#2a61e7;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2}.step-badge.purple{background:#6b50ea}.step-circle{width:112px;height:112px;border-radius:50%;border:1px solid #cfd9fc;border-bottom-color:transparent;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:#3567ee;background:radial-gradient(circle,#f5f7ff 0 35%,#fff 36%)}.step-circle svg{width:38px;height:38px}.landing-steps h3{font-size:13px;margin:4px 0 7px}.landing-steps p{font-size:10.5px;line-height:1.7;color:#4c5871;margin:0}.step-arrow{align-self:center;color:#4364eb;font-size:26px;font-weight:400;margin-top:42px}
.landing-usecases{padding:28px 0 48px;background:#fff}.usecase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.usecase-card{border:1px solid #dfe5f0;border-radius:14px;padding:24px 14px;text-align:center;min-height:212px;background:#fff}.usecase-icon{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.usecase-icon svg{width:58px;height:58px}.usecase-card h3{font-size:15px;margin:0 0 10px}.usecase-card p{font-size:10.5px;line-height:1.65;margin:0;color:#4e5a72}.usecase-card.blue{color:#3165e9;background:linear-gradient(180deg,#f8faff,#fff)}.usecase-card.green{color:#11ad80;background:linear-gradient(180deg,#f6fffb,#fff)}.usecase-card.purple{color:#7650ed;background:linear-gradient(180deg,#fbf8ff,#fff)}.usecase-card.orange{color:#f08424;background:linear-gradient(180deg,#fffaf4,#fff)}.usecase-card p{color:#4e5a72}
.landing-pricing{padding:24px 0 54px;background:#fff}.landing-pricing h2{margin-bottom:9px}.pricing-switch{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 24px;font-size:10px;font-weight:800}.pricing-switch span{padding:7px 12px;border-radius:999px;color:#6b7387}.pricing-switch span.active{color:#1b2851;background:#edf2ff}.pricing-switch small{color:#21a669}.landing-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.landing-plan-card{position:relative;border:1px solid #dfe4ee;border-radius:14px;padding:22px 20px 18px;background:#fff;min-height:330px;box-shadow:0 5px 16px rgba(25,43,86,.04)}.landing-plan-card.popular{border:2px solid #7d51f0;box-shadow:0 14px 28px rgba(92,74,230,.12);transform:translateY(-3px)}.popular-tag{position:absolute;right:14px;top:-11px;background:linear-gradient(100deg,#3360ec,#8b50ee);color:#fff;border-radius:999px;padding:5px 11px;font-size:9px;font-weight:850}.landing-plan-card h3{font-size:18px;margin:0 0 5px}.plan-lead{font-size:10px;color:#64708a;min-height:28px;margin:0 0 15px}.landing-price{font-size:29px;font-weight:900;letter-spacing:-1px;margin-bottom:14px;color:#0d132d}.landing-price small{font-size:10px;font-weight:700;margin-left:3px}.landing-plan-card ul{padding:0;margin:0 0 18px;list-style:none;min-height:105px}.landing-plan-card li{font-size:10px;margin:7px 0;color:#26324c}.plan-action{height:38px;border:1px solid #dfe4ed;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:850;color:#1c2945}.plan-action.primary{border:0;color:#fff;background:linear-gradient(100deg,#2d5bea,#9a4bee)}
.landing-bottom-cta{padding:0 0 34px;background:#fff}.landing-cta-box{border-radius:17px;background:linear-gradient(105deg,#2059ea,#674fe9 56%,#a64cee);color:#fff;padding:28px 42px;display:grid;grid-template-columns:1fr 520px;align-items:center;gap:32px;box-shadow:0 17px 38px rgba(63,79,224,.20)}.landing-cta-box h2{font-size:27px;margin:0 0 7px;letter-spacing:-.7px}.landing-cta-box p{font-size:11px;margin:0 0 12px;color:#e7eaff}.landing-cta-points{display:flex;gap:9px;flex-wrap:wrap}.landing-cta-points span{font-size:9px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 9px}.landing-cta-form>div{display:grid;grid-template-columns:1fr auto;background:#fff;border-radius:10px;padding:3px}.landing-cta-form input{border:0!important;box-shadow:none!important;border-radius:8px;color:#26324a;padding:12px 14px;font-size:11px}.landing-cta-form button{border-radius:8px;background:linear-gradient(100deg,#345bea,#8951ee);color:#fff;white-space:nowrap;font-size:10px;padding:11px 16px}.landing-cta-form small{display:block;text-align:center;color:#edf0ff;font-size:9px;margin-top:8px}.landing-v03+.footer{background:#fff;border-top:0;padding:20px 0 28px}.landing-v03+.footer .container{width:min(1320px,calc(100% - 64px));font-size:11px}.landing-v03+.footer .brand{font-size:18px}.landing-v03+.footer .brand-mark{width:26px;height:26px;border-radius:8px}
@media(max-width:1120px){.landing-hero-grid{grid-template-columns:1fr}.landing-hero-copy{max-width:760px;margin:auto;text-align:center}.landing-url-card,.landing-public-preview{max-width:680px;margin-left:auto;margin-right:auto}.landing-team-tags{justify-content:center}.landing-product-preview{max-width:800px;margin:auto;width:100%}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{max-width:800px;margin:auto;width:100%}.usecase-grid{grid-template-columns:repeat(3,1fr)}.landing-plan-grid{grid-template-columns:repeat(2,1fr)}.landing-cta-box{grid-template-columns:1fr;text-align:center}.landing-cta-points{justify-content:center}.landing-cta-form{max-width:600px;width:100%;margin:auto}.desktop-only{display:none}}
@media(max-width:760px){.landing-v03 .container,.public-header .container,.landing-v03+.footer .container{width:min(100% - 28px,1320px)}.public-header{height:70px}.public-header .brand{font-size:23px}.public-header nav{gap:10px}.public-header nav a:not(.btn-primary):not(.btn-ghost){display:none}.public-header .btn{padding:10px 13px;font-size:11px}.landing-hero{padding-top:20px}.landing-hero-copy{padding-top:12px}.landing-hero-copy h1{font-size:38px;letter-spacing:-1.8px}.landing-hero-copy>p{font-size:14px}.landing-url-card{padding:15px}.landing-url-row{grid-template-columns:30px 1fr}.landing-create-open{grid-column:1/-1;width:100%;margin:7px 0 0!important}.landing-mini-benefits{grid-template-columns:1fr}.landing-mini-benefits span{font-size:10px}.landing-options-head{display:block;text-align:left}.landing-options-head small{display:block;text-align:left;margin-top:4px}.landing-product-preview{min-height:0}.sample-app-body{grid-template-columns:1fr}.sample-process-col{display:none}.sample-preview-col{padding:12px}.sample-manga-content{height:190px}.landing-feature-card{grid-template-columns:54px 1fr;padding:19px}.landing-feature-icon{width:52px;height:52px}.landing-feature-icon svg{width:31px}.landing-steps{grid-template-columns:1fr 1fr;gap:28px 12px}.step-arrow{display:none}.step-circle{width:96px;height:96px}.usecase-grid{grid-template-columns:1fr 1fr}.landing-plan-grid{grid-template-columns:1fr}.landing-plan-card.popular{transform:none}.landing-cta-box{padding:25px 18px}.landing-cta-box h2{font-size:22px}.landing-cta-form>div{grid-template-columns:1fr}.landing-cta-form button{width:100%}.landing-team-strip{margin-top:34px}}
@media(max-width:480px){.public-header nav .btn-ghost{display:none}.landing-hero-copy h1{font-size:32px}.usecase-grid{grid-template-columns:1fr}.landing-steps{grid-template-columns:1fr}.sample-app-actions{gap:5px}.sample-done{display:none}.sample-download{font-size:8px}.landing-feature-card p{font-size:10.5px}}

/* v0.3 responsive header, pricing, footer and legal pages */
.public-header .public-header-grid{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(250px,1fr);align-items:center;gap:24px;height:100%}
.public-main-nav{display:flex;align-items:center;justify-content:center;gap:46px;font-size:15px;font-weight:750;justify-self:center}
.public-main-nav a{white-space:nowrap;transition:color .18s ease}.public-main-nav a:hover{color:#5267e8}
.public-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;justify-self:stretch}
.public-header-actions .btn{white-space:nowrap}.public-logout-btn{background:linear-gradient(100deg,#202a56,#6c56e8)}

/* Keep the four circles fully visible. */
.step-circle{border-bottom-color:#cfd9fc!important;overflow:visible!important}
.landing-steps article{padding-top:8px;overflow:visible}.landing-simple{overflow:visible}.step-badge{top:-2px}

.pricing-lead{text-align:center;color:#66718b;font-size:13px;line-height:1.75;margin:0 auto 22px;max-width:780px}.pricing-lead small{display:block;font-size:10px;margin-top:4px}
.pricing-switch{display:flex!important;width:max-content;border:1px solid #e0e5ef;background:#f7f9fd;padding:4px;border-radius:999px;gap:3px!important;margin:0 auto 28px!important}
.pricing-switch button,.account-billing-switch button{border:0;background:transparent;color:#6a7388;font-weight:850;cursor:pointer;border-radius:999px;padding:9px 16px;transition:.18s ease}
.pricing-switch button.active,.account-billing-switch button.active{background:#fff;color:#1e2a50;box-shadow:0 3px 10px rgba(34,48,91,.09)}
.pricing-switch button small{color:#18a46f;margin-left:4px}.landing-plan-grid.five-plans{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.landing-plan-card{padding:22px 17px 18px;min-height:438px;display:flex;flex-direction:column}.landing-plan-card .landing-price{margin-bottom:8px}.landing-price>span{font-size:15px;margin-right:2px}.landing-price b{font-size:29px;letter-spacing:-1px}.annual-billing-note{font-size:9.5px;color:#66718b;min-height:16px;margin:-3px 0 9px}.credit-plan-summary{border:1px solid #e5e8f3;background:#f8f9ff;border-radius:10px;padding:10px 9px;margin:3px 0 13px;display:flex;flex-direction:column;gap:4px}.credit-plan-summary strong{font-size:10.5px;color:#5b51db}.credit-plan-summary span{font-size:9.5px;color:#505d77}.landing-plan-card ul{min-height:116px}.landing-plan-card .plan-action{margin-top:auto}
.upgrade-guide{margin:0 0 14px;border-top:1px dashed #dfe3ed;padding-top:10px;display:flex;flex-direction:column;gap:3px}.upgrade-guide span{font-size:8.5px;color:#8a92a5}.upgrade-guide strong{font-size:9.5px;line-height:1.45;color:#34415f}
.credit-explainer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px auto 16px}.credit-explainer>div{border:1px solid #e2e6ef;border-radius:13px;padding:16px 18px;background:#fbfcff}.credit-explainer strong{font-size:13px}.credit-explainer p{font-size:10.5px;line-height:1.7;color:#5d6880;margin:6px 0 0}
.pricing-details{border:1px solid #e0e5ef;border-radius:14px;background:#fff;overflow:hidden;margin-top:14px}.pricing-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;font-size:12px;font-weight:850;color:#273452}.pricing-details summary::-webkit-details-marker{display:none}.pricing-details summary span{font-size:18px;color:#6c58e9}.pricing-details[open] summary>span:last-child{transform:rotate(45deg)}.pricing-details-body{border-top:1px solid #e9ecf3;padding:0 18px 15px}.pricing-table-wrap{overflow-x:auto}.pricing-detail-table{width:100%;min-width:800px;border-collapse:collapse}.pricing-detail-table th,.pricing-detail-table td{padding:13px 12px;border-bottom:1px solid #edf0f5;text-align:right;font-size:10.5px;white-space:nowrap}.pricing-detail-table thead th{color:#7b8499;font-size:9.5px;background:#fafbfe}.pricing-detail-table th:first-child,.pricing-detail-table td:first-child{text-align:left}.pricing-detail-note{font-size:9.5px;color:#81899a;margin:11px 0 0}
.account-billing-switch{display:flex;width:max-content;border:1px solid var(--line);background:#f7f7fb;padding:4px;border-radius:999px;margin-bottom:18px}.plan-cards.plan-cards-five{grid-template-columns:repeat(5,minmax(0,1fr))}.plan-cards-five .price-card{min-width:0}.plan-cards-five .price{font-size:22px}

.public-footer{border-top:1px solid #edf0f6!important;padding:30px 0!important;background:#fff!important}.public-footer-inner{display:grid!important;grid-template-columns:1fr auto;gap:20px 30px;align-items:center!important;color:#6e768a!important}.public-footer-brand{display:flex;align-items:center;gap:16px}.public-footer-brand .brand{font-size:20px}.public-footer-brand .brand-mark{width:28px;height:28px}.public-footer-brand>span{font-size:11px}.public-footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;font-size:11px;font-weight:700}.public-footer-links a:hover{color:#5d57e9}.public-footer-copy{grid-column:1/-1;border-top:1px solid #f0f2f6;padding-top:15px;font-size:10px;color:#959cad;display:flex;gap:7px}.public-footer-copy span{margin-left:auto}

.legal-page{background:#f8f9fc;min-height:calc(100vh - 86px);padding:58px 0 72px}.legal-container{max-width:980px}.legal-hero{text-align:center;margin-bottom:28px}.legal-hero>span{display:inline-block;color:#5f56e7;background:#eeedff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;letter-spacing:.08em}.legal-hero h1{font-size:34px;letter-spacing:-1px;margin:12px 0 7px}.legal-hero p{color:#70798d;line-height:1.7;margin:0}.legal-card{background:#fff;border:1px solid #e2e6ef;border-radius:18px;padding:30px 34px;box-shadow:0 8px 28px rgba(31,43,78,.05)}.legal-card h2{font-size:17px;margin:28px 0 8px}.legal-card h2:first-child{margin-top:0}.legal-card p{color:#515d75;line-height:1.95;margin:0 0 10px}.legal-card a{color:#5855dd;text-decoration:underline}.legal-date{border-top:1px solid #eceff4;margin-top:28px!important;padding-top:18px}.company-overview{margin:0}.company-overview>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #edf0f5}.company-overview>div:last-child{border-bottom:0}.company-overview dt{font-size:12px;color:#7b8498;font-weight:800}.company-overview dd{margin:0;line-height:1.7;font-weight:400}.company-overview dd small{color:#81899b}.legal-source-note{font-size:10.5px;color:#858da0;text-align:center;line-height:1.7;margin-top:15px}.contact-card{text-align:center}.contact-card h2{font-size:22px}.legal-cta{text-decoration:none!important;margin:18px 0 26px}.contact-meta{border-top:1px solid #edf0f5;padding-top:20px;display:grid;grid-template-columns:120px 1fr;max-width:610px;margin:auto;text-align:left;gap:10px 18px}.contact-meta strong{color:#798298;font-size:11px}.contact-meta span{color:#34405c;font-size:12px}

@media(max-width:1240px){.landing-plan-grid.five-plans{grid-template-columns:repeat(3,1fr)}.plan-cards.plan-cards-five{grid-template-columns:repeat(3,1fr)}.landing-plan-card{min-height:420px}}
@media(max-width:1024px){.public-header .container,.landing-v03 .container,.landing-v03+.footer .container{width:min(100% - 36px,1320px)}.public-header .public-header-grid{grid-template-columns:minmax(150px,1fr) auto minmax(220px,1fr);gap:16px}.public-main-nav{gap:28px}.public-header-actions{gap:9px}.public-header-actions .btn{padding:11px 16px}.landing-hero-grid{gap:36px}.landing-feature-grid{gap:12px}.usecase-grid{grid-template-columns:repeat(3,1fr)}.credit-explainer{grid-template-columns:1fr}.landing-cta-box{grid-template-columns:1fr 420px}.landing-steps{padding:8px 10px 0}}
@media(max-width:860px){.public-header{height:auto;position:sticky}.public-header .public-header-grid{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";padding:12px 0 10px;row-gap:10px}.public-header .brand{grid-area:brand;justify-self:start}.public-main-nav{grid-area:nav;width:100%;justify-content:center;border-top:1px solid #f0f2f6;padding-top:9px;gap:0}.public-main-nav a{flex:1;text-align:center;max-width:160px;font-size:12px}.public-header-actions{grid-area:actions;justify-self:end}.landing-hero{padding-top:32px}.landing-hero-grid{grid-template-columns:1fr!important}.landing-hero-copy{text-align:left!important;max-width:760px}.landing-url-card,.landing-public-preview{max-width:none}.landing-team-tags{justify-content:flex-start!important}.landing-product-preview{max-width:760px}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{max-width:none}.landing-steps{grid-template-columns:1fr 1fr!important;gap:32px 18px}.step-arrow{display:none!important}.usecase-grid{grid-template-columns:repeat(2,1fr)}.landing-plan-grid.five-plans,.plan-cards.plan-cards-five{grid-template-columns:repeat(2,1fr)}.landing-cta-box{grid-template-columns:1fr!important;text-align:center}.landing-cta-points{justify-content:center}.landing-cta-form{max-width:600px;margin:auto;width:100%}.public-footer-inner{grid-template-columns:1fr}.public-footer-links{justify-content:flex-start}.public-footer-copy span{margin-left:auto}}
@media(max-width:620px){.public-header .container,.landing-v03 .container,.landing-v03+.footer .container{width:min(100% - 24px,1320px)}.public-header .brand{font-size:22px!important}.public-header-actions{gap:6px}.public-header-actions .btn{padding:9px 10px!important;font-size:10px!important;border-radius:9px}.public-main-nav a{font-size:11px}.landing-hero{padding-top:18px}.landing-hero-copy{padding-top:8px!important}.landing-hero-copy h1{font-size:34px!important;line-height:1.14;letter-spacing:-1.5px!important}.landing-hero-copy>p{font-size:13px!important;line-height:1.75}.landing-pill{font-size:9px}.landing-url-card{padding:14px!important}.landing-url-row{grid-template-columns:28px 1fr!important}.landing-create-open{grid-column:1/-1!important;width:100%}.landing-mini-benefits{grid-template-columns:1fr!important;gap:4px}.hero-choice-grid{grid-template-columns:1fr 1fr}.hero-duration-row{gap:6px}.turnstile-only{overflow-x:auto}.sample-app-head{padding:9px 10px}.sample-app-body{grid-template-columns:1fr!important}.sample-process-col{display:none!important}.sample-preview-col{padding:10px!important}.sample-manga-content{height:180px!important}.sample-panel-strip{grid-template-columns:repeat(4,1fr)}.sample-panel-strip i:nth-child(n+5){display:none}.landing-feature-section{padding-top:30px}.landing-feature-card{grid-template-columns:50px 1fr!important;gap:13px!important;padding:17px!important}.landing-feature-icon{width:48px!important;height:48px!important}.landing-simple h2,.landing-usecases h2,.landing-pricing h2{font-size:24px!important;margin-bottom:24px}.landing-steps{grid-template-columns:1fr!important;gap:30px!important}.step-circle{width:108px!important;height:108px!important}.usecase-grid{grid-template-columns:1fr!important}.landing-plan-grid.five-plans,.plan-cards.plan-cards-five{grid-template-columns:1fr!important}.landing-plan-card{min-height:0}.credit-explainer{grid-template-columns:1fr}.pricing-switch button{padding:8px 11px;font-size:10px}.pricing-switch button small{display:none}.landing-cta-box{padding:24px 16px!important}.landing-cta-form>div{grid-template-columns:1fr!important}.landing-cta-form button{width:100%}.public-footer-brand{display:block}.public-footer-brand>span{display:block;margin-top:7px}.public-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.public-footer-copy{display:block;line-height:1.8}.public-footer-copy span{display:block}.legal-page{padding:34px 0 50px}.legal-container{width:min(100% - 24px,980px)}.legal-hero h1{font-size:28px}.legal-card{padding:22px 18px}.company-overview>div{grid-template-columns:1fr;gap:6px}.contact-meta{grid-template-columns:1fr;gap:5px}.contact-meta span{margin-bottom:8px}}
@media(max-width:860px){.public-header .public-main-nav{gap:0!important}.public-header .public-main-nav a{display:block!important}}

/* =========================================================
   PageAI v0.4 — locale switcher, theme switcher, MacBook hero
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.language-control{display:inline-flex;align-items:center;position:relative;flex:0 0 auto}.language-flag-button{width:42px;height:40px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:none;transition:.18s ease}.language-flag-button:hover,.language-menu-control.is-open .language-flag-button{border-color:#8a7dfb;box-shadow:0 0 0 3px rgba(103,87,245,.08)}.language-current-flag{font-size:21px;line-height:1;transform:translateY(-1px)}.language-flag-button:after{content:"";position:absolute;right:4px;bottom:5px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.45}.language-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:230px;max-height:min(520px,70vh);overflow:auto;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 55px rgba(22,28,58,.18);direction:ltr}.language-menu-item{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;text-align:left;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:12px}.language-menu-item:hover,.language-menu-item.is-active{background:#f1efff;color:#5145dc}.language-menu-flag{font-size:20px;line-height:1}.language-menu-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.theme-toggle{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;transition:.2s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:#aaa4f6;box-shadow:0 6px 16px rgba(60,57,130,.10)}
.auth-page-tools{position:fixed;z-index:20;top:18px;right:22px;display:flex;align-items:center;gap:8px}.auth-page-tools .language-select{max-width:190px}

/* MacBook showcase. The user-supplied completed composite PNG is displayed as-is and scaled proportionally on every viewport. */
.toon-media-showcase{position:relative;width:min(790px,100%);margin:0 auto;filter:drop-shadow(0 26px 34px rgba(20,28,60,.14));isolation:isolate}.toon-media-composite{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;user-select:none;pointer-events:none}

/* Dark theme: persisted by JS/localStorage + cookie. */
html[data-theme="dark"]{color-scheme:dark;--bg:#0d1020;--panel:#171b2d;--text:#f3f5ff;--muted:#a4acc0;--line:#30364a;--dark:#090b13;--shadow:0 18px 45px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .public-header{background:rgba(13,16,32,.94);border-color:#292f43}
html[data-theme="dark"] .public-header .brand>span:last-child{background:linear-gradient(90deg,#f4f6ff 0 66%,#5f8bff 66% 82%,#b579ff 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .small-btn,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .language-flag-button{background:#171b2d;color:#edf0ff;border-color:#343b52}html[data-theme="dark"] .language-menu{background:#171b2d;border-color:#343b52;box-shadow:0 22px 55px rgba(0,0,0,.38)}html[data-theme="dark"] .language-menu-item:hover,html[data-theme="dark"] .language-menu-item.is-active{background:#29254d;color:#d7d2ff}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .field{background:#151a2b;color:#f1f3ff;border-color:#343b52}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7f889f}
html[data-theme="dark"] .landing-v03,html[data-theme="dark"] .landing-hero,html[data-theme="dark"] .landing-feature-section,html[data-theme="dark"] .landing-simple,html[data-theme="dark"] .landing-usecases,html[data-theme="dark"] .landing-pricing,html[data-theme="dark"] .landing-bottom-cta{background:#0d1020;color:#f2f4ff}
html[data-theme="dark"] .landing-hero{background:radial-gradient(circle at 92% 28%,rgba(111,91,255,.16),transparent 36%),linear-gradient(180deg,#0d1020,#111528)}
html[data-theme="dark"] .landing-hero-copy h1,html[data-theme="dark"] .landing-url-card>label,html[data-theme="dark"] .landing-feature-card h3,html[data-theme="dark"] .landing-simple h2,html[data-theme="dark"] .landing-usecases h2,html[data-theme="dark"] .landing-pricing h2{color:#f5f6ff}
html[data-theme="dark"] .landing-hero-copy>p,html[data-theme="dark"] .landing-team-title,html[data-theme="dark"] .landing-feature-card p,html[data-theme="dark"] .usecase-card p,html[data-theme="dark"] .pricing-lead{color:#a9b1c7}
html[data-theme="dark"] .landing-url-card,html[data-theme="dark"] .landing-feature-card,html[data-theme="dark"] .usecase-card,html[data-theme="dark"] .landing-plan-card,html[data-theme="dark"] .pricing-details,html[data-theme="dark"] .credit-explainer>div{background:#171b2d;border-color:#30364a;box-shadow:0 16px 34px rgba(0,0,0,.24)}
html[data-theme="dark"] .landing-url-row{background:#111628;border-color:#343b52}html[data-theme="dark"] .landing-mini-benefits span{background:#12172a;border-color:#2a3045;color:#c6ccdc}html[data-theme="dark"] .landing-team-tags b{color:#c9d1e5}
html[data-theme="dark"] .credit-plan-summary{background:#12172a;border-color:#30364a}html[data-theme="dark"] .credit-plan-summary span,html[data-theme="dark"] .upgrade-guide strong,html[data-theme="dark"] .annual-billing-note{color:#bac3d8}
html[data-theme="dark"] .pricing-details summary{color:#e6eaff}html[data-theme="dark"] .pricing-detail-table thead th{background:#12172a;color:#aeb7cc}html[data-theme="dark"] .pricing-detail-table th,html[data-theme="dark"] .pricing-detail-table td{border-color:#2b3145}
html[data-theme="dark"] .public-footer{background:#0b0e1b!important;border-color:#282e40!important;color:#9da6bb!important}html[data-theme="dark"] .public-footer-copy{border-color:#282e40}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .price-card,html[data-theme="dark"] .auth-card{background:#171b2d;border-color:#30364a;color:#eef1ff}
html[data-theme="dark"] .app-topbar{background:rgba(13,16,32,.94);border-color:#30364a}html[data-theme="dark"] .side-nav a{color:#aeb6cb}html[data-theme="dark"] .side-nav a:hover,html[data-theme="dark"] .side-nav a.active,html[data-theme="dark"] .account-link:hover,html[data-theme="dark"] .account-link.active{background:#252a42;color:#dcd8ff}
html[data-theme="dark"] .choice span{border-color:#343b52;background:#151a2b}html[data-theme="dark"] .choice input:checked+span{background:#29254d;border-color:#8377ff;color:#c9c3ff}html[data-theme="dark"] .cost-box,html[data-theme="dark"] .auth-note{background:#111628}
html[data-theme="dark"] .history-table td,html[data-theme="dark"] .history-table th,html[data-theme="dark"] .tabs{border-color:#2c3246}html[data-theme="dark"] .ai-editor,html[data-theme="dark"] .upload-drop{background:#17162a;border-color:#4a426d}
html[data-theme="dark"] .auth-wrap{background:radial-gradient(circle at 20% 10%,#252143,#0d1020 45%)}
html[data-theme="dark"] .legal-page{background:#0d1020}html[data-theme="dark"] .legal-card{background:#171b2d;border-color:#30364a}html[data-theme="dark"] .legal-card p{color:#bac2d4}html[data-theme="dark"] .company-overview>div{border-color:#30364a}
html[data-theme="dark"] .flash{background:#171b2d}

.extra-locale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.extra-locale-grid .choice span{font-size:11px;padding:10px 8px}

/* User app responsive polish for locale/theme controls. */
@media(max-width:1100px){.app-topbar{padding:0 22px}.top-actions{gap:6px}.top-actions .language-flag-button{width:40px;height:38px}.app-site-link{padding:9px 12px}.app-top-logout{padding:9px 12px}.extra-locale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.toon-media-showcase{width:min(760px,100%);margin-top:2px}.public-header .public-header-grid{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav"}.public-header-actions{max-width:100%;gap:6px}.public-header-actions .language-flag-button{width:38px;height:36px}.public-header-actions .theme-toggle{width:36px;height:36px;flex-basis:36px}.app-topbar{height:auto;min-height:72px;padding:10px 16px;gap:10px}.app-topbar h1{font-size:19px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .language-flag-button{width:38px;height:36px}.top-actions .theme-toggle{width:36px;height:36px;flex-basis:36px}.app-site-link{display:none}.app-top-logout{font-size:11px;padding:8px 10px}.extra-locale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.toon-media-showcase{width:min(700px,calc(100% + 10px));margin-left:-5px;margin-top:0;margin-bottom:4px}.public-header .public-header-grid{grid-template-areas:"brand brand" "actions actions" "nav nav";grid-template-columns:1fr;padding-top:10px}.public-header .brand{grid-area:brand;margin:auto}.public-header-actions{grid-area:actions;width:100%;justify-content:center}.public-header-actions .language-control{flex:0 0 auto}.public-header-actions .language-flag-button{width:38px;height:36px}.public-header-actions .btn{flex:0 0 auto}.public-main-nav{grid-area:nav}.app-shell{padding-bottom:70px}.sidebar{position:fixed!important;z-index:25;left:0;right:0;bottom:0;top:auto!important;height:64px!important;background:var(--panel);border-top:1px solid var(--line);border-right:0!important;padding:7px 14px!important;box-shadow:0 -8px 24px rgba(0,0,0,.08)}.sidebar .brand{display:none}.side-nav{width:100%;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.side-nav a,.side-nav a:not(.active){font-size:11px!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:6px 8px!important}.side-nav a span{font-size:17px!important}.sidebar-bottom{display:none!important}.app-topbar{position:sticky;top:0;align-items:flex-start;flex-direction:column;padding:10px 14px}.top-actions{width:100%;justify-content:flex-start}.top-actions .language-control{flex:0 0 auto}.top-actions .language-flag-button{width:38px;height:36px}.app-top-logout{margin-left:auto}.app-content{padding:18px 12px 88px}.page-grid{grid-template-columns:1fr}.extra-locale-grid{grid-template-columns:1fr}.auth-page-tools{top:10px;right:10px;left:10px;justify-content:flex-end}.auth-page-tools .language-control{flex:0 0 auto}.auth-page-tools .language-flag-button{width:40px;height:38px}.auth-wrap{padding-top:80px}.landing-hero-grid{gap:18px}.landing-product-preview{min-height:0!important}}
@media(max-width:420px){.public-header-actions .btn{padding:8px 8px!important;font-size:9px!important}.public-header-actions .language-control{max-width:none}.language-flag-button{width:34px!important;height:34px!important}.language-current-flag{font-size:18px}.language-menu{position:fixed;top:64px;right:10px;left:10px;width:auto;max-height:65vh}.theme-toggle{font-size:16px}.top-actions .icon-btn{display:none}.app-topbar h1{font-size:18px}}

html[dir="rtl"] .public-header-actions,html[dir="rtl"] .top-actions{direction:ltr}html[dir="rtl"] .landing-hero-copy,html[dir="rtl"] .landing-feature-card,html[dir="rtl"] .usecase-card,html[dir="rtl"] .landing-plan-card,html[dir="rtl"] .panel{text-align:right}html[dir="rtl"] .landing-url-row{direction:ltr}html[dir="rtl"] .pricing-detail-table th:first-child,html[dir="rtl"] .pricing-detail-table td:first-child{text-align:right}

/* v0.4.1 final responsive overrides */
@media(max-width:1120px){.toon-media-showcase{width:min(860px,100%);margin:10px auto 0}}
@media(max-width:680px){.language-menu{position:fixed;top:68px;right:12px;left:12px;width:auto;max-height:68vh;z-index:140}.app-topbar .language-menu{top:116px}.auth-page-tools .language-menu{top:58px}.toon-media-showcase{width:min(700px,calc(100% + 10px));margin-left:-5px}}
@media(max-width:420px){.toon-media-showcase{width:calc(100% + 6px);margin-left:-3px}.language-menu-item{padding:10px 12px}.public-header-actions .btn-ghost{display:inline-flex!important}}
html[dir="rtl"] .language-menu{direction:ltr;text-align:left}


/* =========================================================
   PageAI v0.4.3 — high quality icons + dark theme polish
   ========================================================= */
.btn i{font-size:.92em;margin-left:.48em}.btn i:first-child{margin-left:0;margin-right:.45em}.icon-btn i,.theme-toggle i{margin:0;font-size:15px}.nav-icon{display:inline-flex!important;align-items:center;justify-content:center}.nav-icon i{font-size:15px}.account-chevron{display:inline-flex!important;align-items:center;justify-content:center}.account-chevron i{font-size:11px}
.landing-url-icon i{font-size:18px}.landing-feature-icon i{font-size:30px}.step-circle i{font-size:34px}.usecase-icon i{font-size:52px}.step-arrow i{font-size:21px}.landing-mini-benefits b i{font-size:10px}.landing-plan-card li i{color:#20a66a;width:14px;margin-right:4px}.landing-cta-points i{margin-right:4px}.preview-play i{font-size:18px;margin-left:2px}.preview-points>span{display:flex;align-items:flex-start;gap:7px}.preview-points>span>i{color:#20a66a;margin-top:2px}.section-title-icon{color:#7657f5;margin-right:5px}.error-box{display:flex;align-items:flex-start;gap:8px}.error-box>i{margin-top:2px}.small-btn i{margin-right:5px}.asset-chip i{margin-right:4px}
.pricing-details summary span{display:inline-flex;transition:transform .2s ease}.pricing-details[open] summary>span:last-child{transform:rotate(45deg)}
.usecase-card.blue .usecase-icon{color:#3165e9}.usecase-card.green .usecase-icon{color:#11ad80}.usecase-card.purple .usecase-icon{color:#7650ed}.usecase-card.orange .usecase-icon{color:#f08424}

/* Dark mode — normalize every public/user/admin surface, not only section backgrounds. */
html[data-theme="dark"] .landing-pill{background:#171d34;border-color:#344d8a;color:#83a5ff}
html[data-theme="dark"] .landing-url-card>label,
html[data-theme="dark"] .landing-options-head strong,
html[data-theme="dark"] .landing-option-block>label,
html[data-theme="dark"] .landing-steps h3,
html[data-theme="dark"] .landing-plan-card h3,
html[data-theme="dark"] .landing-price,
html[data-theme="dark"] .landing-price b,
html[data-theme="dark"] .landing-price small,
html[data-theme="dark"] .credit-explainer strong,
html[data-theme="dark"] .pricing-detail-table tbody th,
html[data-theme="dark"] .pricing-detail-table tbody td,
html[data-theme="dark"] .preview-result h3{color:#f3f5ff}
html[data-theme="dark"] .landing-steps p,
html[data-theme="dark"] .plan-lead,
html[data-theme="dark"] .pricing-detail-note,
html[data-theme="dark"] .credit-explainer p,
html[data-theme="dark"] .upgrade-guide span,
html[data-theme="dark"] .preview-points span,
html[data-theme="dark"] .preview-retry,
html[data-theme="dark"] .hero-form-note{color:#aeb7cc}
html[data-theme="dark"] .landing-options{border-color:#30364a}
html[data-theme="dark"] .hero-choice span{background:#12172a;border-color:#343b52;color:#dce2f2}
html[data-theme="dark"] .hero-choice input:checked+span{background:#292653;border-color:#8377ff;color:#ddd9ff}
html[data-theme="dark"] .step-circle{border-color:#485474!important;background:radial-gradient(circle,#1c2340 0 35%,#12172a 36%);color:#7fa2ff}
html[data-theme="dark"] .step-arrow{color:#7f95ff}
html[data-theme="dark"] .usecase-card{border-color:#30364a}
html[data-theme="dark"] .usecase-card.blue{background:linear-gradient(180deg,#151d35,#171b2d);color:#6f97ff}
html[data-theme="dark"] .usecase-card.green{background:linear-gradient(180deg,#122b29,#171b2d);color:#43d3a9}
html[data-theme="dark"] .usecase-card.purple{background:linear-gradient(180deg,#241b39,#171b2d);color:#a884ff}
html[data-theme="dark"] .usecase-card.orange{background:linear-gradient(180deg,#302216,#171b2d);color:#ffad61}
html[data-theme="dark"] .usecase-card h3{color:currentColor}
html[data-theme="dark"] .usecase-card p{color:#adb6cb}
html[data-theme="dark"] .pricing-switch,
html[data-theme="dark"] .account-billing-switch{background:#111628;border-color:#343b52}
html[data-theme="dark"] .pricing-switch button,
html[data-theme="dark"] .account-billing-switch button{color:#aeb7cc}
html[data-theme="dark"] .pricing-switch button.active,
html[data-theme="dark"] .account-billing-switch button.active{background:#292f47;color:#f5f7ff;box-shadow:none}
html[data-theme="dark"] .landing-plan-card{color:#f3f5ff}
html[data-theme="dark"] .landing-plan-card.popular{border-color:#8b68ff;box-shadow:0 16px 34px rgba(92,74,230,.18)}
html[data-theme="dark"] .credit-plan-summary strong{color:#a89dff}
html[data-theme="dark"] .upgrade-guide{border-color:#3a4259}
html[data-theme="dark"] .upgrade-guide strong{color:#d9def0}
html[data-theme="dark"] .plan-action{background:#131829;border-color:#3a4259;color:#e8ebf7}
html[data-theme="dark"] .plan-action:hover{background:#1d2338;border-color:#56617e}
html[data-theme="dark"] .plan-action.primary{background:linear-gradient(100deg,#4269ef,#9b5af4);color:#fff;border:0}
html[data-theme="dark"] .pricing-details-body{border-color:#2b3145}
html[data-theme="dark"] .pricing-detail-table tbody tr:hover{background:#151a2b}
html[data-theme="dark"] .pricing-detail-note{color:#929db5}
html[data-theme="dark"] .public-preview-card{background:#171b2d;border-color:#30364a}
html[data-theme="dark"] .preview-spinner{border-color:#353b52;border-top-color:#8b7bff}
html[data-theme="dark"] .preview-thumb-wrap{border-color:#3c435a}
html[data-theme="dark"] .error-box{background:#351a25;color:#ff9fb0;border:1px solid #673044}
html[data-theme="dark"] .captcha-not-configured{background:#33231f;color:#ffc19b;border-color:#614333}
html[data-theme="dark"] .landing-team-tags b{filter:saturate(1.1) brightness(1.2)}
html[data-theme="dark"] .landing-cta-form>div{background:#f7f8fc}
html[data-theme="dark"] .landing-cta-form input{background:#f7f8fc!important;color:#26324a!important}
html[data-theme="dark"] .landing-cta-form input::placeholder{color:#8790a4!important}

/* User application and admin: dark theme contrast audit. */
html[data-theme="dark"] .app-main{background:#0d1020}
html[data-theme="dark"] .app-content{color:#eef1ff}
html[data-theme="dark"] .panel h2,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .panel h4,
html[data-theme="dark"] .stat strong,
html[data-theme="dark"] .price-card strong,
html[data-theme="dark"] .plan-item strong,
html[data-theme="dark"] .panel-card strong,
html[data-theme="dark"] .info-list dd,
html[data-theme="dark"] .history-table td,
html[data-theme="dark"] .api-task-head strong,
html[data-theme="dark"] .task-enabled{color:#eef1ff}
html[data-theme="dark"] .history-table th{color:#99a4bb}
html[data-theme="dark"] .history-table td{border-color:#2b3145}
html[data-theme="dark"] .plan-item,
html[data-theme="dark"] .panel-card,
html[data-theme="dark"] .api-task-card,
html[data-theme="dark"] .upload-drop{background:#14192a;border-color:#30364a}
html[data-theme="dark"] .prompt-help{background:#1d1a35;border-color:#49416e;color:#c9c3e8}
html[data-theme="dark"] .prompt-editor{border-color:#30364a}
html[data-theme="dark"] .badge.gray{background:#292f43;color:#bdc6d8}
html[data-theme="dark"] .badge.green{background:#153426;color:#6ed9aa}
html[data-theme="dark"] .badge.red{background:#3a1e28;color:#ff9daf}
html[data-theme="dark"] .badge:not(.green):not(.gray):not(.red){background:#29254d;color:#cfc8ff}
html[data-theme="dark"] .plan-num{background:#29254d;color:#c8c1ff}
html[data-theme="dark"] .locale-pill{background:#171b2d;border-color:#343b52;color:#dce1ef}
html[data-theme="dark"] .small-btn{background:#151a2b;color:#eef1ff;border-color:#343b52}
html[data-theme="dark"] .btn-soft{background:#29254d;color:#d6d0ff}
html[data-theme="dark"] .btn-danger{background:#3a1e28;color:#ff9daf}
html[data-theme="dark"] .field.code-field{background:#111628}
html[data-theme="dark"] .account-link b{color:#eef1ff}
html[data-theme="dark"] .account-link small{color:#a7b0c4}
html[data-theme="dark"] .tabs a{color:#aeb7cc}
html[data-theme="dark"] .tabs a.active{color:#cfc8ff}
html[data-theme="dark"] .opening-preview{border-color:#3c435a}
html[data-theme="dark"] .asset-chip{background:#242a40;border-color:#394159;color:#dbe0ee}
html[data-theme="dark"] .manga-placeholder{color:#dce1ef}
html[data-theme="dark"] .provider-grid .panel,
html[data-theme="dark"] .api-task-card{box-shadow:none}

/* Header/nav icon consistency. */
.side-nav .nav-icon{width:22px;flex:0 0 22px}.side-nav .nav-icon i{width:18px;text-align:center}.public-header-actions .btn i,.top-actions .btn i{font-size:11px}
@media(max-width:680px){.side-nav a .nav-icon{font-size:0!important}.side-nav a .nav-icon i{font-size:17px!important}.usecase-icon i{font-size:46px}.landing-feature-icon i{font-size:25px}.step-circle i{font-size:31px}}

/* v0.4.3 dark-mode contrast completion */
html[data-theme="dark"] .landing-plan-card li{color:#d7ddec}
html[data-theme="dark"] .landing-mini-benefits b{color:#83a5ff}
html[data-theme="dark"] .landing-options-head small{color:#9ea8bf}
html[data-theme="dark"] .landing-team-title{color:#aeb7cc}
html[data-theme="dark"] .landing-team-tags b{color:#cbd3e6}
html[data-theme="dark"] .pricing-switch small{color:#54d39b}
html[data-theme="dark"] .annual-billing-note{color:#9da8c0}
html[data-theme="dark"] .pricing-details summary{color:#eef1ff}
html[data-theme="dark"] .legal-hero h1,
html[data-theme="dark"] .legal-card h2,
html[data-theme="dark"] .company-overview dd,
html[data-theme="dark"] .contact-card h2,
html[data-theme="dark"] .contact-meta span{color:#eef1ff}
html[data-theme="dark"] .legal-hero p,
html[data-theme="dark"] .company-overview dt,
html[data-theme="dark"] .company-overview dd small,
html[data-theme="dark"] .legal-source-note,
html[data-theme="dark"] .contact-meta strong{color:#aab4ca}
html[data-theme="dark"] .legal-card a{color:#a79cff}
html[data-theme="dark"] .auth-note{background:#111628;color:#aeb7cc}
html[data-theme="dark"] .prompt-editor summary{color:#d9def0}
html[data-theme="dark"] .progress-step{color:#8f9ab1}
html[data-theme="dark"] .progress-step.done{color:#d6dbea}
html[data-theme="dark"] .progress-step.active{color:#b5aaff}
html[data-theme="dark"] .step-dot{background:#252b40;color:#aab4c9}
html[data-theme="dark"] .progress-step.done .step-dot{background:#153426;color:#6ed9aa}
html[data-theme="dark"] .progress-step.active .step-dot{background:#30295a;color:#cfc8ff}
html[data-theme="dark"] .progress-bar{background:#262c41}
html[data-theme="dark"] .flash-success{background:#153426;color:#79dfb1;border-color:#2c694d}
html[data-theme="dark"] .flash-error{background:#3a1e28;color:#ff9daf;border-color:#6a3445}
html[data-theme="dark"] .credit-card{background:linear-gradient(145deg,#161b2f,#252a49)}
html[data-theme="dark"] .credit-card small,
html[data-theme="dark"] .credit-card strong em{color:#b2bbd1}
html[data-theme="dark"] .credit-card a{color:#cfc8ff}
html[data-theme="dark"] .public-footer-links a{color:#c0c8da}
html[data-theme="dark"] .public-footer-links a:hover{color:#a89cff}
.step-dot i{font-size:5px}

/* v0.4.5 contact form + localized pricing */
.contact-page-container{max-width:1120px}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.contact-form-card{padding:30px}.contact-form-head{margin-bottom:22px}.contact-form-head h2{margin:0 0 8px}.contact-form-head p{margin:0;color:var(--muted)}.contact-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form .label span{color:#e5484d;font-size:11px}.contact-form .label small{font-weight:500;color:var(--muted)}.contact-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:10px 0 18px}.contact-consent input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:3px 0 0!important;padding:0!important;box-shadow:none!important}.contact-submit{min-width:220px}.contact-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-success{display:flex;gap:12px;align-items:flex-start;border:1px solid #b7ebcc;background:#f1fff6;border-radius:12px;padding:14px 16px;margin-bottom:18px;color:#147a42}.contact-success i{font-size:20px;margin-top:2px}.contact-success strong{display:block}.contact-success p{margin:3px 0 0}.contact-side{display:grid;gap:16px}.contact-side-card{padding:22px}.contact-side-card h3{margin:8px 0}.contact-side-card p{margin:7px 0}.contact-side-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eef3ff,#f4eaff);color:#635bff}.inline-status-form select{min-width:130px}.inquiry-details summary{cursor:pointer;font-weight:700}.inquiry-details p{white-space:normal;min-width:320px;max-width:540px}.fx-note{display:block;margin-top:6px;opacity:.8}.admin-language-control{position:relative}
[data-theme="dark"] .contact-success{background:#11261a;border-color:#295c3a;color:#8ee7ad}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.contact-two-col,.contact-side{grid-template-columns:1fr}.contact-form-card{padding:20px}.contact-submit{width:100%}}

/* v0.4.5 inquiry translation / reply console */
.inquiry-admin-list{display:grid;gap:14px;margin-top:16px}.inquiry-admin-card{border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.inquiry-admin-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px}.inquiry-primary{min-width:0}.inquiry-subject{display:grid;gap:4px}.inquiry-subject strong{font-size:15px;line-height:1.5}.inquiry-subject small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:680px}.inquiry-summary-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.language-badge{gap:6px}.language-badge small{opacity:.7}.btn-sm{padding:8px 11px;font-size:12px}.inquiry-admin-detail{border-top:1px solid var(--line);padding:20px;background:color-mix(in srgb,var(--card) 96%,var(--bg))}.inquiry-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px}.inquiry-detail-grid h4{margin:0 0 10px}.inquiry-meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}.inquiry-meta-list div{display:grid;grid-template-columns:92px 1fr;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px}.inquiry-meta-list dt{color:var(--muted);font-size:12px}.inquiry-meta-list dd{margin:0;font-size:13px}.inquiry-language-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inquiry-text-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel)}.inquiry-text-box.translated{border-color:color-mix(in srgb,#7c5cff 34%,var(--line))}.inquiry-text-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.inquiry-text-head span{font-size:12px;font-weight:800}.inquiry-text-head small{color:var(--muted)}.inquiry-text-box strong{display:block;margin-bottom:8px}.inquiry-text-box p{margin:0;line-height:1.75;white-space:normal}.inline-action-form{margin-top:10px}.reply-compose-form{display:grid;gap:10px}.reply-compose-form textarea{width:100%;min-height:190px}.reply-preview{margin-top:14px;border:1px solid color-mix(in srgb,#7c5cff 36%,var(--line));border-radius:14px;overflow:hidden}.reply-preview-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:color-mix(in srgb,#7c5cff 8%,var(--card))}.reply-preview-ja,.reply-preview-target{padding:13px 14px}.reply-preview-ja{border-bottom:1px solid var(--line)}.reply-preview small{display:block;color:var(--muted);font-weight:700;margin-bottom:6px}.reply-preview p{margin:0;line-height:1.75}.reply-preview .action-row{padding:12px 14px;border-top:1px solid var(--line);align-items:center}.reply-history{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.reply-history summary{cursor:pointer;font-weight:800}.reply-history-list{display:grid;gap:10px;margin-top:12px}.reply-history-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.reply-history-item>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reply-history-item p{margin:8px 0 0;line-height:1.7}.inquiry-status-row{display:flex;justify-content:flex-end;margin-top:16px}.inquiry-status-row label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.empty-state{text-align:center;padding:40px;color:var(--muted)}.empty-state i{font-size:30px;margin-bottom:8px}
@media(max-width:1100px){.inquiry-detail-grid{grid-template-columns:1fr}.inquiry-language-columns{grid-template-columns:1fr}}@media(max-width:760px){.inquiry-admin-summary{align-items:flex-start;flex-direction:column}.inquiry-summary-meta{justify-content:flex-start}.inquiry-meta-list{grid-template-columns:1fr}.inquiry-admin-detail{padding:14px}.inquiry-subject small{max-width:85vw}}

/* v0.4.6: separate administrator authentication surface */
.admin-auth-card{position:relative}.admin-login-badge{width:max-content;margin:0 auto 14px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#fff0f2;color:#b9364b;font-size:11px;font-weight:850;letter-spacing:.05em}.admin-auth-card .auth-note{display:flex;align-items:flex-start;gap:8px}.admin-auth-card .btn i{font-size:13px}html[data-theme="dark"] .admin-login-badge{background:#39212b;color:#ff9cad}

/* v0.5 — compact generation controls, responsive hero media and detailed pricing */
.hero-create-form.options-expanded .landing-mini-benefits{display:none}
.toon-media-showcase picture{display:block;width:100%}.toon-media-showcase source{display:none}

.purpose-tier-selector{display:flex;flex-direction:column;gap:8px;min-width:0}.purpose-group-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.purpose-group-btn{border:1px solid #e0e4ee;background:#f8f9fc;color:#59647a;border-radius:10px;padding:9px 8px;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purpose-group-btn.active{border-color:#7568f2;background:#eeeaff;color:#5546da;box-shadow:0 0 0 2px rgba(103,87,245,.06)}.purpose-option-row{display:flex;gap:6px;min-height:34px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:1px 1px 4px}.purpose-chip{flex:0 0 auto}.purpose-chip[hidden]{display:none!important}.purpose-chip input{position:absolute;opacity:0;pointer-events:none}.purpose-chip span{display:block;border:1px solid #e1e5ee;background:#fff;color:#526078;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap;transition:.16s ease}.purpose-chip input:checked+span{border-color:#7568f2;background:#f0edff;color:#5546da}

.manga-language-control{position:relative;min-width:0}.manga-language-line{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.manga-main-language{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin:0!important}.manga-main-language>span{font-size:9px;color:#80899d;font-weight:800}.manga-main-language select{width:auto;max-width:190px;padding:8px 30px 8px 9px;border-radius:9px;font-size:10.5px;font-weight:750}.manga-language-add{position:relative;display:flex;align-items:center;min-width:160px;flex:0 1 220px}.manga-language-add>i{position:absolute;left:9px;color:#8a93a6;font-size:10px;z-index:2}.manga-language-add input{height:36px;padding:8px 9px 8px 27px;border-radius:9px;font-size:10.5px}.manga-language-menu{position:absolute;top:41px;left:0;width:min(320px,80vw);max-height:260px;overflow:auto;background:#fff;border:1px solid #e0e4ed;border-radius:11px;padding:5px;box-shadow:0 16px 36px rgba(29,37,73,.16);z-index:30}.manga-language-menu button{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;width:100%;border:0;background:transparent;padding:8px 9px;border-radius:8px;cursor:pointer;text-align:left;color:#34405b}.manga-language-menu button:hover{background:#f2f0ff}.manga-language-menu b{font-size:10.5px}.manga-language-menu small{font-size:8.5px;color:#9299aa}.manga-language-chips{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}.manga-language-chips::-webkit-scrollbar{display:none}.manga-language-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;background:#f1f0ff;color:#5748da;border:1px solid #ddd9ff;border-radius:999px;padding:5px 6px 5px 9px;font-size:9.5px;font-weight:750}.manga-language-chip button{border:0;background:transparent;color:inherit;width:18px;height:18px;border-radius:50%;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.manga-language-chip button:hover{background:#ddd8ff}

.pricing-matrix-wrap{margin-top:0}.pricing-matrix-table{min-width:1080px;table-layout:fixed}.pricing-matrix-table thead th:first-child{width:165px;position:sticky;left:0;z-index:3}.pricing-matrix-table tbody th{width:165px;position:sticky;left:0;background:#fff;z-index:2;color:#536079!important;font-weight:850}.pricing-matrix-table th,.pricing-matrix-table td{text-align:center!important;vertical-align:top;white-space:normal!important;line-height:1.55}.pricing-matrix-table thead th{font-size:10px!important;color:#3d4965!important}.pricing-matrix-table tbody td{font-size:10px}.pricing-text-cell{min-width:160px}.pricing-feature-cell{text-align:left!important}.pricing-feature-cell span{display:flex;gap:5px;align-items:flex-start;margin:0 0 5px;font-size:9px;line-height:1.35}.pricing-feature-cell i{color:#20a66a;margin-top:2px;flex:0 0 auto}.pricing-ok{color:#18a46f}.pricing-no{color:#a5adbb}.pricing-consult{color:#6655e9}.pricing-support-note{display:flex;align-items:flex-start;gap:7px;font-size:9.5px;line-height:1.6;color:#7c8598;margin:12px 0 0}.pricing-support-note i{color:#6959e9;margin-top:2px}.account-pricing-details{margin-top:22px}.account-pricing-details .pricing-details-body{padding-top:12px}

html[data-theme="dark"] .purpose-group-btn{background:#12172a;border-color:#343b52;color:#aeb7cc}html[data-theme="dark"] .purpose-group-btn.active{background:#292653;border-color:#8377ff;color:#ddd9ff}html[data-theme="dark"] .purpose-chip span{background:#12172a;border-color:#343b52;color:#dce2f2}html[data-theme="dark"] .purpose-chip input:checked+span{background:#292653;border-color:#8377ff;color:#ddd9ff}html[data-theme="dark"] .manga-main-language>span{color:#9ca6bd}html[data-theme="dark"] .manga-language-menu{background:#171b2d;border-color:#343b52;box-shadow:0 18px 40px rgba(0,0,0,.38)}html[data-theme="dark"] .manga-language-menu button{color:#dde2f1}html[data-theme="dark"] .manga-language-menu button:hover{background:#29254d}html[data-theme="dark"] .manga-language-menu small{color:#909bb3}html[data-theme="dark"] .manga-language-chip{background:#29254d;border-color:#4a4372;color:#d7d2ff}html[data-theme="dark"] .pricing-matrix-table tbody th{background:#171b2d;color:#c8d0e2!important}html[data-theme="dark"] .pricing-matrix-table thead th:first-child{background:#12172a}html[data-theme="dark"] .pricing-matrix-table thead th{color:#c1c9db!important}html[data-theme="dark"] .pricing-support-note{color:#a4aec4}

@media(max-width:860px){.purpose-group-row{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.purpose-group-row::-webkit-scrollbar{display:none}.purpose-group-btn{flex:0 0 auto;min-width:135px}.manga-language-line{overflow:visible}.manga-main-language select{max-width:165px}.manga-language-add{min-width:145px;flex-basis:180px}.pricing-matrix-table{min-width:1000px}.toon-media-showcase{filter:drop-shadow(0 18px 24px rgba(20,28,60,.12))}}
@media(max-width:620px){.purpose-group-btn{min-width:122px;padding:8px 9px;font-size:9.5px}.purpose-option-row{margin-right:-4px}.purpose-chip span{padding:7px 10px;font-size:9.5px}.manga-language-line{display:grid;grid-template-columns:minmax(135px,.9fr) minmax(150px,1.1fr);gap:6px}.manga-main-language{min-width:0}.manga-main-language>span{display:none}.manga-main-language select{width:100%;max-width:none;height:36px}.manga-language-add{min-width:0;max-width:none;width:100%}.manga-language-chips{grid-column:1/-1;min-height:0}.manga-language-chips:empty{display:none}.manga-language-menu{position:fixed;left:12px;right:12px;top:auto;bottom:82px;width:auto;max-height:45vh}.pricing-details-body{padding-left:10px;padding-right:10px}.pricing-matrix-table{min-width:920px}.pricing-matrix-table thead th:first-child,.pricing-matrix-table tbody th{width:145px}.pricing-matrix-table th,.pricing-matrix-table td{padding:10px 8px!important}.landing-language-block{margin-bottom:14px}.toon-media-showcase{width:100%!important;margin-left:0!important}}

/* v0.5.2 — ten use cases, FAQ accordion and dedicated how-to guide */
.usecase-grid{grid-auto-rows:1fr}.usecase-card{height:100%}
.landing-faq{padding:44px 0 54px;background:#f8f9fc}.faq-container{max-width:1040px}.faq-heading{text-align:center;margin:0 auto 26px;max-width:720px}.faq-heading .landing-pill{gap:7px}.faq-heading h2{font-size:30px;letter-spacing:-.8px;margin:14px 0 8px;color:#0d132d}.faq-heading p{font-size:12px;line-height:1.8;color:#68738b;margin:0}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid #e0e5ef;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(28,42,79,.035)}.faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:32px 1fr 28px;align-items:center;gap:10px;padding:17px 18px;color:#1c2945}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary strong{font-size:13px;line-height:1.55}.faq-q,.faq-a{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.faq-q{background:#eeefff;color:#6554e7}.faq-a{background:#eaf9f4;color:#15946c;flex:0 0 28px}.faq-toggle{display:flex;align-items:center;justify-content:center;color:#6b5ae8;transition:transform .18s ease}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{border-top:1px solid #edf0f5;background:#fbfcff;padding:15px 18px;display:flex;align-items:flex-start;gap:12px}.faq-answer p{margin:2px 0 0;color:#59657c;font-size:11.5px;line-height:1.85}

.guide-page{background:#fff;color:#172039}.guide-hero{padding:58px 0 46px;background:radial-gradient(circle at 15% 20%,rgba(83,91,242,.10),transparent 32%),linear-gradient(180deg,#fbfcff,#fff)}.guide-hero-inner{text-align:center;max-width:1080px}.guide-hero .landing-pill{gap:7px}.guide-hero h1{font-size:45px;line-height:1.18;letter-spacing:-2px;margin:18px 0 12px;color:#0b1230}.guide-hero>div>p{max-width:760px;margin:0 auto;color:#64708a;line-height:1.9;font-size:14px}.guide-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.guide-step-index{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:36px auto 0;max-width:1040px}.guide-step-index a{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:1px solid #e2e6f0;background:#fff;border-radius:11px;padding:10px 5px;color:#58647d;font-size:9px;font-weight:800;min-height:70px}.guide-step-index a:hover{border-color:#8c7df4;color:#5a4cdd;box-shadow:0 6px 18px rgba(84,75,220,.08)}.guide-step-index a span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#efedff;color:#6352df;font-size:10px;font-weight:900}
.guide-flow-section{padding:54px 0 68px}.guide-flow{display:grid;gap:46px}.guide-step-card{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);gap:44px;align-items:center;scroll-margin-top:120px}.guide-step-card.reverse .guide-step-copy{order:2}.guide-step-card.reverse .guide-ui-frame{order:1}.guide-step-copy{padding:12px 8px}.guide-step-number{display:inline-flex;color:#6755e8;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}.guide-step-copy h2{font-size:25px;letter-spacing:-.65px;margin:0 0 10px}.guide-step-copy p{font-size:12px;line-height:1.9;color:#5d6880;margin:0}.guide-tip{display:flex;align-items:flex-start;gap:8px;margin-top:15px;border-radius:11px;padding:11px 12px;background:#f5f4ff;color:#5e55a5;font-size:10px;line-height:1.7;font-weight:700}.guide-tip i{margin-top:3px;color:#765fe9}
.guide-ui-frame{border:1px solid #dfe4ee;border-radius:18px;background:#fff;box-shadow:0 22px 48px rgba(32,46,86,.10);padding:18px;min-width:0}.guide-ui-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf0f5;padding-bottom:12px;margin-bottom:14px}.guide-ui-top strong{font-size:12px}.guide-ui-top small{margin-left:auto;color:#8b93a5;font-size:9px}.guide-ui-dot{width:9px;height:9px;border-radius:50%;background:#7059eb}.guide-ui-dot.green{background:#1dac7d}.guide-url-row{grid-template-columns:32px 1fr auto!important;min-height:48px}.guide-url-row input{font-size:11px!important}.guide-url-row .btn{height:46px!important;padding:0 14px!important;font-size:9px!important}.guide-form-label{font-size:10px;font-weight:800;margin:14px 0 7px}.guide-purpose-groups{gap:5px}.guide-purpose-groups .purpose-group-btn{font-size:8.5px;padding:8px 5px}.guide-compact-row{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.guide-choice,.guide-language-pill{border:1px solid #e0e4ed;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;color:#68738a}.guide-choice.active{border-color:#7969ee;background:#efedff;color:#5848d9}.guide-language-pill{margin-left:auto;background:#f8f9fc}.guide-preview-picture{display:block;max-width:560px;margin:-10px auto -18px}.guide-preview-picture img{width:100%;height:auto;display:block}.guide-preview-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid #eef1f5;padding-top:11px}.guide-preview-actions span{font-size:9.5px;color:#24936f}.guide-preview-actions .btn{font-size:9px;padding:8px 12px}.guide-auth-ui{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9ff,#f3f1ff);padding:28px}.guide-auth-card{width:min(360px,100%);background:#fff;border:1px solid #e1e5ef;border-radius:15px;padding:20px;box-shadow:0 12px 28px rgba(45,53,98,.08)}.guide-brand-mini{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:900;margin-bottom:14px}.guide-brand-mini .brand-mark{width:25px;height:25px;border-radius:7px}.guide-auth-card h3{text-align:center;margin:0 0 14px;font-size:15px}.guide-auth-card label{display:block;font-size:9px;font-weight:800;color:#737e92;margin:8px 0 5px}.guide-input{border:1px solid #dfe4ed;border-radius:9px;background:#fff;padding:10px;color:#657087;font-size:10px}.guide-auth-card .btn{width:100%;margin-top:13px;font-size:10px}.guide-dashboard-ui{display:grid;grid-template-columns:145px 1fr;padding:0;overflow:hidden;min-height:300px}.guide-dash-sidebar{background:#151a2e;color:#b9c0d3;padding:18px 12px;display:flex;flex-direction:column;gap:8px}.guide-dash-sidebar .guide-brand-mini{justify-content:flex-start;color:#fff;margin-bottom:12px}.guide-dash-sidebar>span{display:flex;gap:8px;align-items:center;border-radius:8px;padding:8px;font-size:9px}.guide-dash-sidebar>span.active{background:#282445;color:#ddd8ff}.guide-dash-main{padding:18px}.guide-dash-field{border:1px solid #e2e6ee;border-radius:10px;padding:12px;margin-bottom:10px}.guide-dash-field span{display:block;color:#8991a2;font-size:8px;margin-bottom:4px}.guide-dash-field b{font-size:10px}.guide-dash-progress{display:flex;align-items:center;gap:8px;background:#eefaf6;color:#248a69;border-radius:9px;padding:10px;margin-bottom:12px;font-size:9px}.guide-dash-main .btn{font-size:9px}
.guide-editing-section{padding:64px 0 72px;background:#f8f9fc}.guide-section-heading{text-align:center;max-width:740px;margin:0 auto 42px}.guide-section-heading>span{font-size:10px;font-weight:900;color:#6855e7;letter-spacing:.08em}.guide-section-heading h2{font-size:31px;margin:9px 0 8px;letter-spacing:-.8px}.guide-section-heading p{margin:0;color:#677289;font-size:12px;line-height:1.8}.guide-panels-ui{padding:16px}.guide-panels-ui .guide-ui-top .small-btn{margin-left:auto}.guide-panel-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid #eef1f5}.guide-panel-row:last-child{border-bottom:0}.guide-panel-row strong{display:block;font-size:10px}.guide-panel-row small{display:block;color:#7c879c;font-size:8.5px;margin-top:3px}.guide-panel-row .small-btn{font-size:8px}.guide-editor-ui .badge{margin-left:auto}.guide-assets{display:flex;gap:7px;margin-bottom:10px}.guide-assets span{border:1px solid #e1e5ee;background:#f8f9fc;border-radius:999px;padding:6px 9px;font-size:8.5px;color:#657088}.guide-textarea{border:1px solid #dfe4ed;border-radius:10px;min-height:96px;padding:11px;color:#536079;font-size:10px;line-height:1.7;margin-bottom:10px;background:#fff}.guide-editor-ui .btn{font-size:9px}.guide-manga-mock{height:250px;border-radius:12px;background:linear-gradient(135deg,#161d35,#29365b);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-manga-mock:before{content:"";position:absolute;inset:15% 12%;border-radius:10px;background:linear-gradient(135deg,#f3f6ff,#d9e1ff);opacity:.9}.guide-play{position:relative;z-index:2;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#5e54e8;box-shadow:0 8px 24px rgba(0,0,0,.18)}.guide-balloon{position:absolute;z-index:2;bottom:25px;left:18%;right:18%;padding:7px 10px;border-radius:7px;background:rgba(14,18,34,.78);color:#fff;text-align:center;font-size:9px}.guide-export-actions{display:flex;gap:8px;margin-top:12px}.guide-export-actions .btn{font-size:9px}.guide-bottom-cta{padding:48px 0 36px;background:#fff}.guide-final-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.guide-final-actions .btn{background:#fff;color:#5546df}.guide-final-actions>a:not(.btn){color:#fff;font-size:11px;font-weight:800;text-decoration:underline}

html[data-theme="dark"] .landing-faq,html[data-theme="dark"] .guide-page,html[data-theme="dark"] .guide-hero,html[data-theme="dark"] .guide-flow-section,html[data-theme="dark"] .guide-bottom-cta{background:#0d1020;color:#f2f4ff}html[data-theme="dark"] .guide-editing-section{background:#111528}html[data-theme="dark"] .faq-heading h2,html[data-theme="dark"] .guide-hero h1,html[data-theme="dark"] .guide-step-copy h2,html[data-theme="dark"] .guide-section-heading h2{color:#f4f6ff}html[data-theme="dark"] .faq-heading p,html[data-theme="dark"] .guide-hero>div>p,html[data-theme="dark"] .guide-step-copy p,html[data-theme="dark"] .guide-section-heading p{color:#a9b2c8}html[data-theme="dark"] .faq-item,html[data-theme="dark"] .guide-ui-frame,html[data-theme="dark"] .guide-step-index a,html[data-theme="dark"] .guide-auth-card{background:#171b2d;border-color:#30364a;box-shadow:0 16px 34px rgba(0,0,0,.24)}html[data-theme="dark"] .faq-item summary{color:#e8ebf7}html[data-theme="dark"] .faq-answer{background:#12172a;border-color:#2b3145}html[data-theme="dark"] .faq-answer p{color:#b4bdd0}html[data-theme="dark"] .guide-step-index a{color:#b1b9ce}html[data-theme="dark"] .guide-step-index a span{background:#2d2856;color:#c4baff}html[data-theme="dark"] .guide-tip{background:#24203e;color:#c7c0ee}html[data-theme="dark"] .guide-ui-top,html[data-theme="dark"] .guide-preview-actions,html[data-theme="dark"] .guide-panel-row{border-color:#2d3347}html[data-theme="dark"] .guide-choice,html[data-theme="dark"] .guide-language-pill,html[data-theme="dark"] .guide-input,html[data-theme="dark"] .guide-dash-field,html[data-theme="dark"] .guide-textarea{background:#12172a;border-color:#343b52;color:#d7deef}html[data-theme="dark"] .guide-auth-ui{background:linear-gradient(135deg,#101526,#1c1934)}html[data-theme="dark"] .guide-assets span{background:#12172a;border-color:#343b52;color:#c6cede}html[data-theme="dark"] .guide-dash-main{background:#171b2d}html[data-theme="dark"] .guide-dash-field span,html[data-theme="dark"] .guide-panel-row small{color:#9ca6bb}

@media(max-width:1024px){.guide-step-index{grid-template-columns:repeat(4,1fr)}.guide-step-card{grid-template-columns:minmax(250px,.8fr) minmax(430px,1.2fr);gap:28px}}
@media(max-width:860px){.guide-hero{padding-top:40px}.guide-hero h1{font-size:38px}.guide-step-card,.guide-step-card.reverse{grid-template-columns:1fr;gap:18px}.guide-step-card.reverse .guide-step-copy,.guide-step-card.reverse .guide-ui-frame{order:initial}.guide-step-copy{max-width:680px}.guide-ui-frame{width:100%}.guide-step-index{grid-template-columns:repeat(4,1fr)}.guide-flow{gap:38px}}
@media(max-width:620px){.landing-faq{padding:36px 0 42px}.faq-heading h2{font-size:24px}.faq-item summary{grid-template-columns:28px 1fr 22px;padding:14px 12px}.faq-item summary strong{font-size:11.5px}.faq-answer{padding:13px 12px}.faq-answer p{font-size:10.5px}.guide-hero{padding:30px 0 34px}.guide-hero h1{font-size:31px;letter-spacing:-1.2px}.guide-hero>div>p{font-size:12px}.guide-hero-actions{flex-direction:column;align-items:stretch}.guide-step-index{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:26px}.guide-step-index a{min-height:58px;padding:8px 4px}.guide-flow-section,.guide-editing-section{padding:38px 0 48px}.guide-step-copy{padding:4px 0}.guide-step-copy h2{font-size:21px}.guide-ui-frame{padding:12px;border-radius:14px}.guide-purpose-groups{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible!important}.guide-purpose-groups .purpose-group-btn{min-width:0!important}.guide-url-row{grid-template-columns:26px 1fr!important}.guide-url-row .btn{grid-column:1/-1;width:100%}.guide-language-pill{margin-left:0}.guide-dashboard-ui{grid-template-columns:1fr}.guide-dash-sidebar{display:none}.guide-preview-actions,.guide-export-actions{align-items:stretch;flex-direction:column}.guide-preview-actions .btn,.guide-export-actions .btn{width:100%}.guide-manga-mock{height:190px}.guide-section-heading h2{font-size:25px}.guide-bottom-cta{padding:34px 0 26px}.guide-final-actions{justify-content:center;flex-direction:column}.guide-final-actions .btn{width:100%}}

/* v0.6 pricing matrix alignment: center the content group while keeping icons on one vertical axis. */
.pricing-matrix-table td{text-align:center}
.pricing-cell-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;margin-inline:auto;text-align:left;max-width:100%}
.pricing-cell-stack span{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:start;line-height:1.45}
.pricing-cell-stack i{width:16px;text-align:center;margin-top:.2em}
.pricing-cell-stack b,.pricing-centered-status b{font-weight:500}
.pricing-centered-status{display:inline-grid;grid-template-columns:16px auto;gap:7px;align-items:center;justify-content:center;text-align:left;margin-inline:auto;white-space:normal}
.pricing-centered-status i{width:16px;text-align:center}
.pricing-centered-copy{display:inline-block;text-align:center;max-width:220px;line-height:1.5}

/* v0.6 authentication / reset */
.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.label-row .label{margin:0}.auth-forgot-link{font-size:12px;font-weight:700;color:var(--primary)}.auth-secondary-link{text-align:center;margin:18px 0 0}.success-box{border:1px solid #bdebd5;background:#eefbf5;color:#167a53;border-radius:11px;padding:12px 14px;margin:14px 0;line-height:1.6}.reset-result-icon{width:52px;height:52px;border-radius:16px;background:#efedff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}.reset-result-icon.invalid{background:#fff0f2;color:#c23b50}

/* v0.6 admin controls */
.admin-delete-btn{color:#bd3850;border-color:#f1c9d0;background:#fff7f8}.history-table .table-actions form{margin:0}.admin-user-edit{max-width:1050px}.setting-clear{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;color:var(--muted)}.setting-clear input{width:16px;height:16px;flex:0 0 auto}.admin-security-note{margin-top:18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:15px 17px;display:flex;gap:12px;align-items:flex-start}.admin-security-note>i{color:var(--primary);font-size:18px;margin-top:2px}.admin-security-note p{margin:4px 0 0;color:var(--muted);line-height:1.6}
.backup-toggle-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.choice-inline{display:inline-flex;align-items:center;gap:8px;font-weight:650}.choice-inline input{width:17px;height:17px;flex:0 0 auto}.danger-inline{color:#b43c51}.backup-target-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.backup-target input{position:absolute;opacity:0;pointer-events:none}.backup-target span{display:flex;min-height:110px;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;background:var(--panel)}.backup-target span>i{color:var(--primary);font-size:19px}.backup-target small{color:var(--muted);line-height:1.5}.backup-target input:checked+span{border-color:#8174f7;box-shadow:0 0 0 3px rgba(103,87,245,.08);background:#f7f5ff}.backup-cron-box{margin-top:18px;border-radius:12px;background:#f6f7fb;padding:14px 16px}.backup-cron-box p{margin:5px 0 10px;color:var(--muted)}.backup-cron-box code{display:block;overflow:auto;white-space:nowrap;background:#181a2b;color:#eff0ff;padding:11px;border-radius:8px}
html[data-theme="dark"] .backup-target input:checked+span{background:#2b2850}html[data-theme="dark"] .backup-cron-box{background:#202236}
@media(max-width:1000px){.backup-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.backup-target-grid{grid-template-columns:1fr}.label-row{align-items:flex-start;flex-direction:column;gap:4px}}

/* =========================================================
   PageAI v0.7 — distinct use-case palettes / checkout / logo fixes
   ========================================================= */
.usecase-card{--uc:#3165e9;--uc-bg:#f7f9ff;--uc-border:#d9e2ff;background:linear-gradient(180deg,var(--uc-bg),#fff);border-color:var(--uc-border);color:var(--uc)}
.usecase-card h3,.usecase-card .usecase-icon{color:var(--uc)}
.usecase-card.blue{--uc:#3165e9;--uc-bg:#f7f9ff;--uc-border:#d9e2ff}
.usecase-card.green{--uc:#11996f;--uc-bg:#f3fcf8;--uc-border:#ccefe1}
.usecase-card.purple{--uc:#7650ed;--uc-bg:#faf6ff;--uc-border:#e6d7ff}
.usecase-card.orange{--uc:#e8791d;--uc-bg:#fff8f1;--uc-border:#f7dcc2}
.usecase-card.teal{--uc:#087f82;--uc-bg:#f1fbfb;--uc-border:#c7e9e9}
.usecase-card.rose{--uc:#c9476c;--uc-bg:#fff5f8;--uc-border:#f2d2dc}
.usecase-card.amber{--uc:#a66a12;--uc-bg:#fffaf0;--uc-border:#f1dfb9}
.usecase-card.cyan{--uc:#087da8;--uc-bg:#f2fbff;--uc-border:#cbe8f3}
.usecase-card.indigo{--uc:#4d4bc1;--uc-bg:#f6f6ff;--uc-border:#d9d8f7}
.usecase-card.lime{--uc:#62851d;--uc-bg:#f8fbed;--uc-border:#dce8ba}
.usecase-card.blue,.usecase-card.green,.usecase-card.purple,.usecase-card.orange,.usecase-card.teal,.usecase-card.rose,.usecase-card.amber,.usecase-card.cyan,.usecase-card.indigo,.usecase-card.lime{background:linear-gradient(180deg,var(--uc-bg),#fff);border-color:var(--uc-border);color:var(--uc)}
.usecase-card.blue .usecase-icon,.usecase-card.green .usecase-icon,.usecase-card.purple .usecase-icon,.usecase-card.orange .usecase-icon,.usecase-card.teal .usecase-icon,.usecase-card.rose .usecase-icon,.usecase-card.amber .usecase-icon,.usecase-card.cyan .usecase-icon,.usecase-card.indigo .usecase-icon,.usecase-card.lime .usecase-icon{color:var(--uc)}
html[data-theme="dark"] .usecase-card.blue,html[data-theme="dark"] .usecase-card.green,html[data-theme="dark"] .usecase-card.purple,html[data-theme="dark"] .usecase-card.orange,html[data-theme="dark"] .usecase-card.teal,html[data-theme="dark"] .usecase-card.rose,html[data-theme="dark"] .usecase-card.amber,html[data-theme="dark"] .usecase-card.cyan,html[data-theme="dark"] .usecase-card.indigo,html[data-theme="dark"] .usecase-card.lime{background:linear-gradient(180deg,color-mix(in srgb,var(--uc) 14%,#171b2d),#171b2d);border-color:color-mix(in srgb,var(--uc) 38%,#30364a);color:color-mix(in srgb,var(--uc) 74%,white)}
html[data-theme="dark"] .usecase-card h3,html[data-theme="dark"] .usecase-card .usecase-icon{color:currentColor}

/* Reuse the exact normal-size login brand mark in the public footer. */
.landing-v03 + .public-footer .public-footer-brand .brand-mark,.public-footer .public-footer-brand .brand-mark{width:32px;height:32px;border-radius:10px}
.auth-card .auth-secondary-link{margin:18px 0 0}

.payment-choice-panel{max-width:900px;margin:0 auto}.payment-choice-lead{text-align:center;color:var(--muted);margin:12px 0 20px}.payment-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:680px;margin:0 auto}.payment-provider-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.payment-provider-logo{font-size:38px;color:#4d55aa;min-height:45px;display:flex;align-items:center}.payment-provider-card strong{font-size:18px}.payment-provider-card>span{color:var(--muted);font-weight:700;margin-bottom:7px}.payment-provider-card .btn{width:100%;margin-top:4px}.payment-security-note{text-align:center;margin-top:18px}.payment-security-note i{margin-right:5px}.payment-contact-box{text-align:center;padding:24px 10px}.payment-contact-box p{color:var(--muted);margin:0 0 18px}.payment-contact-box .btn{margin:4px}.payment-result-panel{max-width:620px;margin:0 auto;text-align:center;padding:34px}.payment-result-panel h3{font-size:22px}.payment-result-actions{justify-content:center}.setting-provider-enabled{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-weight:800}.setting-provider-enabled input{width:auto}
html[data-theme="dark"] .payment-provider-card{background:#12172a;border-color:#343b52}.payment-provider-logo{color:#6b64d9}html[data-theme="dark"] .payment-provider-logo{color:#aaa5ff}
@media(max-width:680px){.payment-provider-grid{grid-template-columns:1fr}.payment-choice-panel{padding:18px}.payment-result-panel{padding:26px 18px}}

.localized-price-amount{display:inline-flex;align-items:baseline;white-space:nowrap;unicode-bidi:isolate}.localized-price-amount>b{unicode-bidi:isolate}

.provider-title{display:flex;align-items:center;gap:9px}.provider-title-logo{width:25px;height:25px;object-fit:contain;flex:0 0 25px}.provider-title-logo[src$="xai.svg"]{width:34px;flex-basis:34px}

.plesk-task-guide{display:grid;gap:8px;margin:14px 0}.plesk-task-guide>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.plesk-task-guide b{font-size:12px}.plesk-task-guide code{overflow-wrap:anywhere;white-space:normal}@media(max-width:700px){.plesk-task-guide>div{grid-template-columns:1fr;gap:4px}}


/* PageAI v0.7.6 — supplied light/dark brand logos */
.brand.brand-image-link{gap:0;letter-spacing:0;line-height:1;min-width:0}
.brand.brand-image-link .brand-logo{display:block;width:168px;height:auto;max-width:100%;object-fit:contain}
.public-header .brand.brand-image-link .brand-logo{width:170px}
.sidebar .brand.brand-image-link{align-items:center}
.sidebar .brand.brand-image-link .brand-logo{width:172px}
.auth-card .brand.brand-image-link .brand-logo{width:190px}
.public-footer-brand .brand.brand-image-link .brand-logo{width:154px}
/* The supplied logo uses black text. Preserve the image unchanged and give it a light backing only on dark surfaces. */
.brand.brand-image-link .brand-logo-dark{display:none}
html[data-theme="dark"] .brand.brand-image-link .brand-logo-light{display:none}
html[data-theme="dark"] .brand.brand-image-link .brand-logo-dark{display:block}
.admin-shell .sidebar .brand.brand-image-link .brand-logo-light{background:#fff;border-radius:9px;padding:3px 5px}
html[data-theme="dark"] .admin-shell .sidebar .brand.brand-image-link .brand-logo-dark{background:transparent;border-radius:0;padding:0}
@media(max-width:980px){.sidebar .brand.brand-image-link .brand-logo{width:58px}.sidebar .brand.brand-image-link{padding-left:2px;padding-right:2px}}
@media(max-width:680px){.public-header .brand.brand-image-link .brand-logo{width:166px}}
@media(max-width:420px){.public-header .brand.brand-image-link .brand-logo{width:154px}.auth-card .brand.brand-image-link .brand-logo{width:178px}}

/* PageAI v0.1.1 landing design */
:root{--toon-green:#12866f;--toon-green-dark:#08725f;--toon-mint:#e9f7f3;--toon-aqua:#22a6b8;--toon-ink:#111827;--toon-muted:#5f6b7a;--toon-line:#dfe7ea;--toon-bg:#fff;--toon-soft:#f8fbfc}
html{scroll-behavior:smooth}body{margin:0;color:var(--toon-ink);background:var(--toon-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.public-header{height:74px;background:#fff;border-bottom:1px solid #eef2f4;position:sticky;top:0;z-index:50}.public-header-grid{height:100%;display:grid;grid-template-columns:240px 1fr 360px;align-items:center;gap:20px}.brand-image-link{display:inline-flex;align-items:center}.brand-logo{width:156px;height:auto;max-height:48px;object-fit:contain;object-position:left center}.brand-logo-dark{display:none}.public-main-nav{display:flex;justify-content:center;gap:48px}.public-main-nav a{color:#111827;text-decoration:none;font-size:15px;font-weight:800;white-space:nowrap}.public-main-nav a:hover{color:var(--toon-green)}.public-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn{border:1px solid #d9e2e6;border-radius:9px;min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer;background:#fff;color:#172033;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,#15866f,#0e7766);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(18,134,111,.16)}.btn-ghost{background:#fff;color:#172033}.theme-toggle,.language-code-button{width:44px;height:42px;border:1px solid #d9e2e6;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111827}.theme-toggle{font-size:18px}.language-menu-control{position:relative}.language-code-button{width:54px;gap:6px;font-size:13px;font-weight:800}.language-menu{position:absolute;right:0;top:48px;min-width:160px;background:#fff;border:1px solid #dce5e8;border-radius:10px;box-shadow:0 15px 40px rgba(15,30,45,.14);padding:6px;z-index:80}.language-menu-item{width:100%;border:0;background:transparent;border-radius:7px;padding:9px 10px;display:flex;gap:12px;text-align:left;cursor:pointer}.language-menu-item:hover,.language-menu-item.is-active{background:#edf8f5}.language-menu-item strong{width:24px;color:var(--toon-green)}
.landing-page{overflow:hidden}.toon-hero{background:radial-gradient(circle at 87% 47%,rgba(49,187,171,.22),transparent 18%),linear-gradient(110deg,#fff 0%,#f8fbfc 50%,#eefafa 100%);border-bottom:1px solid #eef3f4}.toon-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px;align-items:center;gap:62px;padding-top:36px;padding-bottom:44px}.hero-kicker{font-size:22px;font-weight:850;margin:0 0 12px}.toon-hero h1{font-size:48px;line-height:1.3;letter-spacing:-.04em;margin:0 0 17px;font-weight:900}.toon-hero h1 span,.toon-hero h1 em{color:var(--toon-green);font-style:normal}.hero-desc{font-size:15px;line-height:1.85;color:#303946;margin:0 0 22px}.hero-create-card{width:100%;max-width:470px;background:#fff;border:1px solid #e1e7e9;border-radius:13px;box-shadow:0 12px 30px rgba(30,57,65,.1);padding:19px 20px 18px;display:grid;gap:12px}.hero-create-card label{display:grid;gap:8px;font-size:13px}.hero-create-card label b{font-size:13px}.hero-create-card input,.hero-create-card textarea{width:100%;border:1px solid #ccd8dc;border-radius:6px;padding:13px 14px;font:inherit;box-sizing:border-box;resize:vertical;background:#fff;color:#18212e}.hero-create-card small{font-size:11px;color:#6b7280}.hero-generate{justify-self:center;min-width:260px;border-radius:22px;margin-top:2px}.toon-hero-art{display:flex;align-items:center;justify-content:center;position:relative}.toon-hero-art:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:54px solid rgba(32,168,145,.16);z-index:0;right:-70px;bottom:-10px}.toon-hero-art img{position:relative;z-index:1;width:min(100%,390px);height:auto;filter:drop-shadow(0 15px 18px rgba(30,66,73,.12))}.public-preview-card{max-width:470px;margin-top:14px;background:#fff;border:1px solid #d9e4e7;border-radius:13px;padding:18px;box-shadow:0 10px 28px rgba(30,57,65,.08)}.public-preview-card img{max-width:280px;width:100%;display:block;margin:0 auto 12px;border-radius:8px}.preview-progress{height:8px;background:#edf3f4;border-radius:99px;overflow:hidden;margin-top:10px}.preview-progress i{display:block;height:100%;width:10%;background:var(--toon-green);transition:width .3s}
.section-pad{padding:48px 0}.section-pad h2{text-align:center;font-size:30px;margin:0 0 32px;letter-spacing:-.03em}.section-pad h2 span{color:var(--toon-green)}.usecases{background:#fff}.usecase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.usecase-card{border:1px solid #dfe6e9;border-radius:13px;padding:28px 15px 19px;text-align:center;min-height:205px;box-sizing:border-box}.usecase-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#149279,#0a7768);color:#fff;font-size:23px;margin:0 auto 20px}.usecase-card h3{font-size:16px;margin:0 0 18px}.usecase-card p{font-size:13px;line-height:1.8;margin:0 0 16px;color:#303946}.usecase-card small{font-size:11px;color:#66727c}.steps{background:#fafcfc;border-top:1px solid #f1f4f5;border-bottom:1px solid #f1f4f5}.steps-grid{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;max-width:820px;margin:0 auto}.step{text-align:center;position:relative}.step>b{position:absolute;top:-6px;left:calc(50% - 45px);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--toon-green);color:#fff;font-size:12px;z-index:2}.step>span{width:85px;height:85px;border-radius:50%;background:#e8f6f2;display:grid;place-items:center;margin:0 auto 12px;color:#1294b3;font-size:32px}.step h3{font-size:15px;color:var(--toon-green);margin:0 0 10px}.step p{font-size:12px;line-height:1.7;margin:0;color:#343d48}.step-arrow{text-align:center;font-style:normal;color:#0797bb;font-size:31px}.pricing-section{background:#fff}.pricing-section h2{margin-bottom:8px}.section-lead{text-align:center;color:#667085;margin:0 auto 8px;font-size:14px}.tax-note{display:block;text-align:center;color:#7c8792;font-size:10px}.billing-toggle{margin:20px auto 25px;border:1px solid #dbe5e8;border-radius:24px;padding:4px;width:max-content;background:#f7f9fa}.billing-toggle button{border:0;background:transparent;padding:8px 17px;border-radius:19px;font-weight:800;color:#667085;cursor:pointer}.billing-toggle button.active{background:#fff;color:#172033;box-shadow:0 2px 8px rgba(30,50,60,.08)}.billing-toggle em{font-size:10px;color:#0f966f;font-style:normal;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}.price-card{position:relative;border:1px solid #dbe3e7;border-radius:13px;padding:22px 17px 18px;display:flex;flex-direction:column;min-height:410px;background:#fff}.price-card.popular{border:2px solid var(--toon-green);padding:21px 16px 17px}.popular-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--toon-green);color:#fff;border-radius:14px;padding:5px 14px;font-size:10px;font-weight:800;white-space:nowrap}.price-card h3{font-size:20px;margin:0 0 4px}.plan-lead{font-size:11px;color:#657180;min-height:32px;margin:0 0 18px}.plan-price{display:flex;align-items:baseline;gap:5px;margin-bottom:14px}.plan-price strong{font-size:30px;letter-spacing:-.04em}.plan-price b{font-size:12px}.credit-box{background:#f7f8fd;border:1px solid #e1e5f3;border-radius:10px;padding:11px;display:grid;gap:4px;font-size:11px;margin-bottom:15px}.credit-box b{color:#5865d8}.price-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;font-size:11px}.price-card ul li{color:#26313b}.price-card ul li::first-letter{color:#13a16d}.price-card .btn{margin-top:auto;width:100%;min-height:38px;font-size:12px}.faq-section{background:#f8fafc}.faq-wrap{max-width:960px}.faq-pill{display:flex;width:max-content;margin:0 auto 15px;padding:7px 13px;border-radius:16px;border:1px solid #c8d9ff;color:#3972dc;background:#fff;font-weight:800;font-size:11px;gap:6px}.faq-section h2{margin-bottom:9px}.faq-item{background:#fff;border:1px solid #dbe4e8;border-radius:12px;margin:11px 0;overflow:hidden}.faq-item>button{width:100%;padding:19px 22px;display:grid;grid-template-columns:30px 1fr 25px;align-items:center;text-align:left;border:0;background:#fff;cursor:pointer;color:#172033}.faq-item button b{font-size:14px}.faq-item button>i{color:#4b62ff;justify-self:end}.faq-q{width:24px;height:24px;border-radius:8px;background:#f0edff;color:#6656e8;display:grid;place-items:center;font-weight:900;font-size:11px}.faq-answer{padding:0 22px 18px 52px;border-top:1px solid #eef2f4;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.faq-answer span{margin-top:16px;width:24px;height:24px;border-radius:8px;background:#e8f8ef;color:#15915f;display:grid;place-items:center;font-weight:900;font-size:11px}.faq-answer p{font-size:13px;line-height:1.75;color:#52606d;margin:16px 0 0}.bottom-cta{background:linear-gradient(100deg,#effaf7,#dff3ee);padding:30px 0;text-align:center}.bottom-cta p{font-size:24px;color:#13816d;font-weight:850;margin:0 0 18px}.bottom-cta>div>div{display:flex;justify-content:center;gap:18px}.bottom-cta .btn{min-width:300px;border-radius:22px}.cta-light{background:#fff;color:#13816d}.cta-green{background:linear-gradient(135deg,#15866f,#0e7766);color:#fff;border:0}.public-footer{background:#fff!important;color:#27303a!important;border-top:1px solid #eef2f4;padding:24px 0 12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.25fr 1fr;gap:50px}.footer-brand .brand-logo{width:140px}.footer-brand p{max-width:270px;font-size:11px;line-height:1.7;color:#66717c}.footer-social{display:flex;gap:18px}.footer-social a{color:#111827}.footer-col{display:flex;flex-direction:column;gap:9px;font-size:11px}.footer-col b{font-size:11px;margin-bottom:4px}.footer-col a{color:#48535f;text-decoration:none}.public-footer-copy{text-align:center;font-size:10px;color:#6b7280;margin-top:20px}
html[data-theme="dark"] body{background:#101716;color:#eef7f4}html[data-theme="dark"] .public-header{background:#121b19;border-color:#24312f}html[data-theme="dark"] .public-main-nav a{color:#f3f8f7}html[data-theme="dark"] .brand-logo-light{display:none}html[data-theme="dark"] .brand-logo-dark{display:block}html[data-theme="dark"] .public-header .btn-ghost,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .language-code-button{background:#17211f;color:#fff;border-color:#30423e}html[data-theme="dark"] .toon-hero{background:linear-gradient(110deg,#101716,#14211f)}html[data-theme="dark"] .hero-create-card,html[data-theme="dark"] .public-preview-card,html[data-theme="dark"] .usecases,html[data-theme="dark"] .pricing-section,html[data-theme="dark"] .price-card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .faq-item>button{background:#14201e;color:#edf7f4;border-color:#2b3b38}html[data-theme="dark"] .hero-create-card input,html[data-theme="dark"] .hero-create-card textarea{background:#101716;color:#fff;border-color:#354742}html[data-theme="dark"] .hero-desc,html[data-theme="dark"] .usecase-card p,html[data-theme="dark"] .step p{color:#b9c8c4}html[data-theme="dark"] .steps,html[data-theme="dark"] .faq-section{background:#111a18;border-color:#263532}html[data-theme="dark"] .usecase-card{border-color:#2b3b38}html[data-theme="dark"] .public-footer,html[data-theme="dark"] .public-footer *{background:#fff!important;color:#27303a!important}html[data-theme="dark"] .public-footer .brand-logo-dark{display:none}html[data-theme="dark"] .public-footer .brand-logo-light{display:block}
@media(max-width:1050px){.public-header-grid{grid-template-columns:180px 1fr 300px}.public-main-nav{gap:22px}.pricing-grid{grid-template-columns:repeat(3,1fr)}.price-card:nth-child(n+4){min-height:370px}.toon-hero-grid{gap:30px}.toon-hero h1{font-size:42px}.usecase-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.public-header{height:auto}.public-header-grid{grid-template-columns:1fr auto;padding:11px 0}.public-main-nav{grid-column:1/-1;grid-row:2;order:3;padding:10px 0 3px;gap:24px;overflow:auto;justify-content:flex-start}.public-header-actions{gap:6px}.public-header-actions .btn{padding:0 11px}.brand-logo{width:128px}.toon-hero-grid{grid-template-columns:1fr;padding-top:32px}.toon-hero-art{order:-1}.toon-hero-art img{width:300px}.toon-hero h1{font-size:40px}.hero-desc br{display:none}.hero-create-card{max-width:none}.usecase-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}.step-arrow{transform:rotate(90deg);margin:10px 0}.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.footer-col:last-child{grid-column:2}.bottom-cta>div>div{flex-direction:column;align-items:center}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.public-main-nav{font-size:13px}.public-header-actions .btn-primary{display:none}.toon-hero h1{font-size:36px}.hero-kicker{font-size:18px}.toon-hero-art img{width:270px}.usecase-grid,.pricing-grid{grid-template-columns:1fr}.section-pad{padding:40px 0}.section-pad h2{font-size:26px}.price-card{min-height:auto}.bottom-cta p{font-size:20px}.bottom-cta .btn{min-width:0;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}}

/* PageAI v0.1.1 — sister-site typography, reliable use-case icons, FAQ accordion */
body{font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif}
.usecases .usecase-icon{color:#fff!important;background:linear-gradient(135deg,#149279,#0a7768)}
.usecase-icon svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.faq-item>summary{list-style:none;width:100%;padding:19px 22px;display:grid;grid-template-columns:30px 1fr 25px;align-items:center;text-align:left;background:#fff;cursor:pointer;color:#172033;user-select:none}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary b{font-size:14px;line-height:1.55}
.faq-item:not([open])>.faq-answer{display:none}
.faq-item[open]>.faq-answer{display:grid}
.faq-plus{position:relative;width:18px;height:18px;justify-self:end;display:block}
.faq-plus:before,.faq-plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:#4b62ff;transform:translate(-50%,-50%);transition:transform .18s ease}
.faq-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-plus:after{transform:translate(-50%,-50%) rotate(0deg)}
.public-footer-copy{width:100%;text-align:center;margin-left:auto;margin-right:auto}
html[data-theme="dark"] .faq-item>summary{background:#14201e;color:#edf7f4}
html[data-theme="dark"] .faq-item[open]>.faq-answer{background:#14201e;color:#edf7f4}
.public-footer-copy{justify-content:center;align-items:center}

/* =========================================================
   PageAI v0.1.4 — sister-site alignment
   - Public typography/header geometry aligned with the sister site
   - PageAI primary gradient: #2D8B53 -> #1CB2EC
   - User-supplied hero manga remains byte-identical; stack effect is CSS only
   - Use-case icon footprint aligned with the sister-site system
   - How-to page reuses the shared guide framework with PageAI colors
   ========================================================= */
:root{
  --toon-gradient-start:#2D8B53;
  --toon-gradient-end:#1CB2EC;
  --toon-gradient:linear-gradient(135deg,var(--toon-gradient-start) 0%,var(--toon-gradient-end) 100%);
}

/* Match the shared public-site width and header type metrics. */
.public-header .container,
.landing-page .container,
.guide-page .container,
.public-footer .container,
.docs-header-inner,
.docs-shell{
  width:min(100% - 44px,1320px);
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
}
.public-header .public-header-grid{
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto minmax(250px,1fr);
  align-items:center;
  gap:24px;
  height:100%;
}
.public-main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:46px;
  font-size:15px;
  font-weight:750;
  justify-self:center;
  font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif;
}
.public-main-nav a{
  font-size:15px;
  font-weight:750;
  letter-spacing:0;
  line-height:1.4;
}
.public-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  justify-self:stretch;
  font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif;
}
.public-header-actions .btn{
  white-space:nowrap;
  font-size:14px;
  font-weight:700;
  min-height:42px;
  padding:0 18px;
  border-radius:11px;
}
.public-header-actions .btn-primary{
  background:var(--toon-gradient);
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 20px rgba(28,178,236,.18),0 5px 16px rgba(45,139,83,.12);
}
.public-header-actions .btn-primary:hover{filter:saturate(1.05) brightness(1.02)}
.public-main-nav a:hover{color:#2D8B53}

/* PageAI primary actions use the same brand-gradient direction. */
.hero-generate,
.price-card.popular .btn-primary,
.guide-page .btn-primary{
  background:var(--toon-gradient);
  border-color:transparent;
  color:#fff;
}

/* Hero: original uploaded PNG is never edited. The extra-sheet impression is CSS only. */
.toon-hero-art{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate;
  min-height:540px;
  padding:34px 28px 28px 20px;
}
.toon-hero-art::before,
.toon-hero-art::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(430px,78%);
  aspect-ratio:1024 / 1448;
  background:#fff;
  border:1px solid #dce5e8;
  border-radius:2px;
  box-shadow:0 18px 38px rgba(23,48,56,.10);
  transform-origin:center;
  pointer-events:none;
}
.toon-hero-art::before{
  z-index:-2;
  transform:translate(-46%,-48%) rotate(5.2deg);
  opacity:.82;
}
.toon-hero-art::after{
  z-index:-1;
  transform:translate(-52%,-51%) rotate(-2.6deg);
  opacity:.94;
}
.toon-hero-art img{
  position:relative;
  z-index:2;
  display:block;
  width:min(430px,78%);
  height:auto;
  max-width:100%;
  border:1px solid #d7e0e3;
  background:#fff;
  box-shadow:0 22px 44px rgba(19,52,61,.18);
  transform:rotate(2.2deg);
  transform-origin:center;
}

/* Align use-case icon footprint to the shared system while preserving PageAI's green color and icon set. */
.usecase-card{padding-top:24px;min-height:212px}
.usecases .usecase-icon{
  width:72px;
  height:72px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
  color:#fff!important;
  background:linear-gradient(135deg,#2D8B53 0%,#14947c 58%,#1CB2EC 100%);
  box-shadow:0 7px 18px rgba(45,139,83,.12);
}
.usecases .usecase-icon svg{
  width:38px;
  height:38px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* PageAI-flavored shared guide framework. Text stays unchanged; only presentation changes. */
.guide-page{background:#fff;color:#172039}
.guide-hero{
  padding:58px 0 46px;
  background:radial-gradient(circle at 15% 20%,rgba(45,139,83,.10),transparent 32%),linear-gradient(180deg,#fbfffd,#fff);
}
.guide-hero-inner{text-align:center;max-width:1080px}
.guide-hero .landing-pill,
.guide-hero .faq-pill{
  border-color:rgba(45,139,83,.28);
  color:#287a4b;
  background:#f5fcf8;
}
.guide-hero h1{color:#0b1f1a}
.guide-step-index{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}
.guide-step-index a:hover{border-color:#47a06e;color:#2D8B53;box-shadow:0 6px 18px rgba(45,139,83,.08)}
.guide-step-index a span{background:#eaf7ef;color:#2D8B53}
.guide-step-number{color:#2D8B53}
.guide-tip{background:#eef9f2;color:#397251}
.guide-tip i{color:#2D8B53}
.guide-ui-dot{background:#2D8B53}
.guide-choice.active{border-color:#58a876;background:#eff9f3;color:#2D8B53}
.guide-play{color:#2D8B53}
.guide-ui-frame{box-shadow:0 22px 48px rgba(27,75,55,.10)}
.guide-visual-icon{
  width:76px;
  height:76px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  background:linear-gradient(135deg,#eaf8ef,#e8f8fc);
  color:#2D8B53;
  font-size:31px;
}
.guide-visual-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.guide-visual-stack span{height:72px;border:1px solid #e1e8e8;border-radius:10px;background:linear-gradient(145deg,#fbfffd,#eef9f5);position:relative;overflow:hidden}
.guide-visual-stack span::before{content:"";position:absolute;inset:12px;border:1px solid #b9ddc6;border-radius:7px}
.guide-visual-lines{display:grid;gap:10px;margin-top:15px}
.guide-visual-lines span{height:11px;border-radius:999px;background:#edf3f2}
.guide-visual-lines span:nth-child(2){width:78%}.guide-visual-lines span:nth-child(3){width:58%}
.guide-export-ui .guide-manga-mock{background:linear-gradient(135deg,#effaf4,#e6f6fb)}
.guide-export-ui .guide-manga-mock:before{background:#fff;border:1px solid #cfe0d6;opacity:1;box-shadow:8px 8px 0 #eff7f2,-7px -6px 0 #f6fbf8}

html[data-theme="dark"] .guide-hero{
  background:radial-gradient(circle at 15% 20%,rgba(45,139,83,.16),transparent 32%),linear-gradient(180deg,#101916,#111b18);
}
html[data-theme="dark"] .guide-step-index a span{background:#193225;color:#8bd5a8}
html[data-theme="dark"] .guide-tip{background:#183026;color:#b7dcc5}

@media(max-width:1024px){
  .public-header .container,.landing-page .container,.guide-page .container,.public-footer .container,.docs-header-inner,.docs-shell{width:min(100% - 36px,1320px)}
  .public-header .public-header-grid{grid-template-columns:minmax(150px,1fr) auto minmax(220px,1fr);gap:16px}
  .public-main-nav{gap:28px}
  .public-header-actions{gap:9px}
  .toon-hero-art{min-height:470px}
  .toon-hero-art img,.toon-hero-art::before,.toon-hero-art::after{width:min(390px,80%)}
}
@media(max-width:860px){
  .public-header .public-header-grid{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";padding:12px 0 10px;row-gap:10px}
  .public-header .brand{grid-area:brand;justify-self:start}
  .public-main-nav{grid-area:nav;width:100%;justify-content:center;border-top:1px solid #f0f2f6;padding-top:9px;gap:0}
  .public-main-nav a{flex:1;text-align:center;max-width:160px;font-size:12px}
  .public-header-actions{grid-area:actions;justify-self:end}
  .toon-hero-art{order:-1;min-height:430px;padding-top:25px}
  .toon-hero-art img,.toon-hero-art::before,.toon-hero-art::after{width:min(340px,76%)}
  .guide-step-index{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:620px){
  .public-header .container,.landing-page .container,.guide-page .container,.public-footer .container,.docs-header-inner,.docs-shell{width:min(100% - 24px,1320px)}
  .public-header-actions{gap:6px}
  .public-header-actions .btn{padding:0 10px;font-size:10px;border-radius:9px}
  .public-main-nav a{font-size:11px}
  .toon-hero-art{min-height:365px;padding:20px 10px 18px}
  .toon-hero-art img,.toon-hero-art::before,.toon-hero-art::after{width:min(285px,75%)}
  .usecases .usecase-icon{width:68px;height:68px}
  .usecases .usecase-icon svg{width:35px;height:35px}
  .guide-step-index{grid-template-columns:repeat(2,1fr)}
}

/* Keep PageAI use-case cards neutral like the approved landing design; only the icons carry the brand color. */
.usecases .usecase-card{background:#fff;border-color:#dfe6e9;color:#172033}
.usecases .usecase-card h3{color:#172033}


/* =========================================================
   PageAI v0.1.4 — visual parity polish
   - Header/language typography mirrors the shared sister-site font metrics
   - Hero uses the supplied PNG byte-for-byte; four CSS-only sheets sit behind it
   - Public iconography uses Font Awesome consistently
   - Footer columns use fixed desktop tracks for stable heading alignment
   ========================================================= */
.public-main-nav,
.public-main-nav a,
.public-header-actions,
.public-header-actions .btn,
.language-code-button,
.language-menu-item{
  font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif;
}
.public-main-nav{font-size:15px;font-weight:800;gap:48px}
.public-main-nav a{font-size:15px;font-weight:800;letter-spacing:0;line-height:1.4}
.public-header-actions .btn{font-size:14px;font-weight:800}
.language-code-button{font-size:13px;font-weight:800;letter-spacing:0;line-height:1}
.language-code-button span{font:inherit;letter-spacing:0}
.language-code-button i{font-size:10px}
.language-menu-item{font-size:13px;font-weight:600;line-height:1.35}
.language-menu-item strong{font-family:inherit;font-size:13px;font-weight:800;letter-spacing:0}
.language-menu-item span{font-family:inherit;font-size:12px;font-weight:600}

/* The uploaded hero file itself is not transformed. Five-page appearance =
   one real <img> + four decorative CSS paper layers. */
.toon-hero-art::before,.toon-hero-art::after{content:none!important;display:none!important}
.toon-hero-art{isolation:isolate;overflow:visible}
.toon-hero-art .hero-sheet{
  position:absolute;
  left:50%;top:50%;
  width:min(430px,78%);
  aspect-ratio:1054 / 1492;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(251,255,254,.98)),
    #fff;
  border:1px solid #dce5e8;
  border-radius:2px;
  box-shadow:0 16px 35px rgba(23,48,56,.085);
  transform-origin:center;
  pointer-events:none;
}
.toon-hero-art .hero-sheet::after{
  content:"";
  position:absolute;inset:14px;
  border:1px solid rgba(45,139,83,.055);
  background:linear-gradient(135deg,rgba(45,139,83,.018),rgba(28,178,236,.024));
}
.toon-hero-art .hero-sheet-1{z-index:0;transform:translate(-59%,-49%) rotate(-7.2deg);opacity:.64}
.toon-hero-art .hero-sheet-2{z-index:1;transform:translate(-55%,-50%) rotate(-4.2deg);opacity:.76}
.toon-hero-art .hero-sheet-3{z-index:2;transform:translate(-47%,-50%) rotate(5.3deg);opacity:.82}
.toon-hero-art .hero-sheet-4{z-index:3;transform:translate(-50%,-50%) rotate(2.7deg);opacity:.94}
.toon-hero-art img{
  z-index:5;
  width:min(430px,78%);
  transform:rotate(1.35deg);
  filter:none;
  box-shadow:0 22px 44px rgba(19,52,61,.18);
}

/* Same footprint philosophy as the shared sister-site system, with PageAI's own green/blue palette. */
.usecases .usecase-icon{
  width:72px;height:72px;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;
  color:#fff!important;
  background:linear-gradient(135deg,#2D8B53 0%,#14947c 58%,#1CB2EC 100%);
}
.usecases .usecase-icon i{font-size:34px;line-height:1;width:44px;text-align:center}
.price-card ul li{display:flex;align-items:flex-start;gap:7px}
.price-card ul li>i{color:#13a16d;font-size:10px;line-height:1.7;flex:0 0 10px}
.step-arrow{display:flex;align-items:center;justify-content:center}
.step-arrow.fa-solid{font-size:25px}
.hero-generate i,.bottom-cta .btn i{font-size:11px}

/* Keep the three footer groups on fixed horizontal anchors on desktop. */
.public-footer .footer-grid{
  grid-template-columns:330px 180px 220px 180px;
  justify-content:space-between;
  column-gap:28px;
  row-gap:0;
  align-items:start;
}
.public-footer .footer-col{width:100%;align-items:flex-start;text-align:left}
.public-footer .footer-col>b{width:100%;min-height:18px;margin:0 0 4px}

@media(max-width:1024px){
  .toon-hero-art .hero-sheet,.toon-hero-art img{width:min(390px,80%)}
  .public-footer .footer-grid{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(130px,1fr));column-gap:22px}
}
@media(max-width:860px){
  .toon-hero-art .hero-sheet,.toon-hero-art img{width:min(340px,76%)}
  .public-footer .footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:25px}
  .public-footer .footer-col:last-child{grid-column:2}
}
@media(max-width:620px){
  .toon-hero-art .hero-sheet,.toon-hero-art img{width:min(285px,75%)}
  .public-main-nav{gap:0}
  .public-main-nav a{font-size:11px}
  .language-code-button{font-size:12px}
  .usecases .usecase-icon i{font-size:32px}
  .public-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .public-footer .footer-brand{grid-column:1/-1}
  .public-footer .footer-col:last-child{grid-column:auto}
}

/* v0.1.4 FAQ control also follows the Font Awesome icon system. */
.faq-toggle{display:flex;align-items:center;justify-content:center;color:#4b62ff;justify-self:end;transition:transform .18s ease}
.faq-toggle i{font-size:13px}
.faq-item[open] .faq-toggle{transform:rotate(45deg)}

/* =========================================================
   PageAI v0.1.4 — requested public-site refinements
   ========================================================= */
:root{
  --toon-public-font:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif;
}

/* Shared sister-site desktop gutter and hero geometry. */
@media(min-width:1025px){
  .public-header .container,
  .landing-page .container,
  .guide-page .container,
  .public-footer .container,
  .docs-header-inner,
  .docs-shell{
    width:min(1320px,calc(100% - 64px));
    max-width:1320px;
  }
}

.toon-hero-grid{
  grid-template-columns:minmax(420px,.88fr) minmax(600px,1.12fr);
  gap:42px;
  padding-top:42px;
  padding-bottom:44px;
}
.toon-hero-copy{
  font-family:var(--toon-public-font);
}
.toon-hero-copy{padding:34px 0 10px;min-width:0}
.hero-kicker{
  font-size:20px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:0;
  margin:0 0 13px;
}
.toon-hero h1{
  font-family:var(--toon-public-font);
  font-size:52px;
  line-height:1.23;
  letter-spacing:-2.8px;
  margin:0 0 22px;
  font-weight:700;
}
.hero-desc{
  font-family:var(--toon-public-font);
  font-size:16px;
  line-height:1.9;
  font-weight:550;
  color:#525d68;
  margin:0 0 30px;
}
.hero-create-card{max-width:550px;border-radius:18px;padding:20px 20px 16px;box-shadow:0 18px 35px rgba(30,57,65,.11)}
.public-preview-card{max-width:550px}

/* Font Awesome arrow wrapper: keep the FA glyph isolated from text-font rules. */
.steps-grid>.step-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  color:#0797bb;
  font-size:26px;
  font-weight:400;
  line-height:1;
}
.steps-grid>.step-arrow i{
  display:block;
  font-family:"Font Awesome 7 Free"!important;
  font-weight:900!important;
  font-style:normal;
  font-size:26px;
  line-height:1;
}

/* Pricing amount typography mirrors the shared sister-site system. */
.plan-price{
  font-family:var(--toon-public-font);
  color:#0d132d;
  gap:3px;
}
.plan-price strong{
  font-family:var(--toon-public-font);
  font-size:29px;
  font-weight:900;
  letter-spacing:-1px;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.plan-price strong span{font:inherit;letter-spacing:inherit}
.plan-price b{
  font-family:var(--toon-public-font);
  font-size:10px;
  font-weight:700;
  letter-spacing:0;
  margin-left:1px;
}

/* FAQ: shared sister-site sizing with PageAI Q/A colors. */
.landing-page .faq-wrap{
  width:min(1040px,calc(100% - 64px));
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
}
.faq-item>summary{
  grid-template-columns:32px 1fr 28px;
  gap:10px;
  padding:17px 18px;
}
.faq-item>summary b{font-size:13px;line-height:1.55}
.faq-q,
.faq-answer>span{
  width:28px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
}
.faq-q{background:rgba(45,139,83,.12);color:#2D8B53}
.faq-answer>span{margin-top:0;background:rgba(28,178,236,.12);color:#159cca;flex:0 0 28px}
.faq-toggle{color:#2D8B53}
.faq-answer{
  padding:15px 18px;
  grid-template-columns:28px 1fr;
  gap:12px;
  align-items:flex-start;
}
.faq-answer p{margin:2px 0 0;font-size:11.5px;line-height:1.85}
.faq-pill{border-color:rgba(45,139,83,.30);color:#2D8B53;background:#f7fcf9}

/* Preserve the fixed service/support/company anchors, but give the brand copy room to breathe. */
@media(min-width:1025px){
  .public-footer .footer-brand{min-width:380px;overflow:visible}
  .public-footer .footer-brand p{width:380px;max-width:380px;line-height:1.75}
  .public-footer .footer-social{display:flex;flex-direction:row;align-items:center;gap:18px;white-space:nowrap}
}

html[data-theme="dark"] .faq-q{background:rgba(45,139,83,.22);color:#8bd5a8}
html[data-theme="dark"] .faq-answer>span{background:rgba(28,178,236,.18);color:#72d2f4}
html[data-theme="dark"] .faq-toggle{color:#8bd5a8}

@media(max-width:1120px) and (min-width:861px){
  .toon-hero-grid{grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr);gap:32px}
  .toon-hero h1{font-size:46px;letter-spacing:-2.2px}
  .hero-kicker{font-size:19px}
}
@media(max-width:860px){
  .toon-hero-grid{grid-template-columns:1fr;gap:18px;padding-top:32px}
  .toon-hero-copy{padding:10px 0 10px}
  .toon-hero h1{font-size:40px;line-height:1.2;letter-spacing:-1.8px}
  .hero-desc{font-size:14px;line-height:1.8;margin-bottom:22px}
  .steps-grid>.step-arrow{transform:rotate(90deg);margin:10px 0}
  .landing-page .faq-wrap{width:min(1040px,calc(100% - 36px))}
}
@media(max-width:620px){
  .toon-hero h1{font-size:34px;letter-spacing:-1.4px}
  .hero-kicker{font-size:18px}
  .landing-page .faq-wrap{width:min(1040px,calc(100% - 24px))}
  .faq-item>summary{grid-template-columns:28px 1fr 22px;padding:14px 12px}
  .faq-item>summary b{font-size:11.5px}
  .faq-answer{padding:13px 12px}
  .faq-answer p{font-size:10.5px}
}

/* =========================================================
   PageAI v0.3.0 — responsive hero assets + PageAI legal pages
   ========================================================= */

/* Responsive <picture> keeps the original PNG as a byte-identical fallback,
   while modern browsers receive a right-sized WebP candidate. */
.toon-hero-art picture{
  display:block;
  width:min(430px,78%);
  position:relative;
  z-index:5;
  line-height:0;
}
.toon-hero-art picture img{
  width:100%;
  max-width:100%;
  height:auto;
}
@media(max-width:1024px){.toon-hero-art picture{width:min(390px,80%)}}
@media(max-width:860px){.toon-hero-art picture{width:min(340px,76%)}}
@media(max-width:620px){.toon-hero-art picture{width:min(285px,75%)}}

/* Public legal/contact pages use the same clean geometry as the sister site,
   with PageAI's green-to-blue identity instead of purple accents. */
.legal-page{
  background:
    radial-gradient(circle at 12% 0%,rgba(45,139,83,.055),transparent 30%),
    radial-gradient(circle at 90% 6%,rgba(28,178,236,.055),transparent 28%),
    #f8fbfa;
}
.legal-container{width:min(980px,calc(100% - 40px));max-width:980px}
.contact-page-container{width:min(1120px,calc(100% - 40px));max-width:1120px}
.legal-hero>span{
  color:#2D8B53;
  background:#eef9f2;
  border:1px solid rgba(45,139,83,.18);
}
.legal-hero h1{color:#10231d;font-family:var(--toon-public-font);letter-spacing:-.6px;line-height:1.25}
.legal-hero p{color:#66746f;font-family:var(--toon-public-font)}
.legal-card{
  border-color:#dfe9e5;
  box-shadow:0 10px 30px rgba(26,68,54,.055);
}
.legal-card h2{color:#14241f}
.legal-card p{color:#53645e}
.legal-card a{color:#2D8B53;text-decoration-color:rgba(45,139,83,.34)}
.legal-card a:hover{color:#18799c;text-decoration-color:rgba(28,178,236,.48)}
.legal-section+ .legal-section{border-top:1px solid #edf2f0;padding-top:22px;margin-top:22px}
.legal-section h2{margin:0 0 9px}
.legal-section p{margin:0}
.legal-section p+p{margin-top:12px}
.legal-intro{font-weight:550;margin-bottom:26px!important}
.legal-date{color:#77867f!important}
.company-overview>div{border-color:#edf2f0}
.company-overview dt{color:#667970}
.company-overview dd{color:#24352f}
.legal-source-note{color:#73817c}

.legal-page input:focus,
.legal-page select:focus,
.legal-page textarea:focus{
  border-color:#2D8B53;
  box-shadow:0 0 0 4px rgba(45,139,83,.09);
}
.legal-page .btn-primary,
.contact-submit{
  background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%);
  color:#fff;
  box-shadow:0 9px 22px rgba(45,139,83,.14),0 7px 18px rgba(28,178,236,.11);
}
.contact-side-icon{
  background:linear-gradient(135deg,rgba(45,139,83,.12),rgba(28,178,236,.12));
  color:#2D8B53;
  border:1px solid rgba(45,139,83,.12);
}
.contact-success{border-color:#b7e5ca;background:#f2fbf5;color:#21754a}
.contact-form .label span{color:#cf4a54}
.contact-consent a{font-weight:700}

html[data-theme="dark"] .legal-page{
  background:
    radial-gradient(circle at 12% 0%,rgba(45,139,83,.12),transparent 30%),
    radial-gradient(circle at 90% 6%,rgba(28,178,236,.10),transparent 28%),
    #101816;
}
html[data-theme="dark"] .legal-card{background:#15201d;border-color:#2b3d37}
html[data-theme="dark"] .legal-hero h1,html[data-theme="dark"] .legal-card h2{color:#eef7f4}
html[data-theme="dark"] .legal-hero p,html[data-theme="dark"] .legal-card p{color:#b7c8c2}
html[data-theme="dark"] .legal-hero>span{color:#8bd5a8;background:rgba(45,139,83,.16);border-color:rgba(139,213,168,.20)}
html[data-theme="dark"] .legal-card a{color:#8bd5a8}
html[data-theme="dark"] .legal-section+ .legal-section,html[data-theme="dark"] .company-overview>div{border-color:#2a3a35}
html[data-theme="dark"] .company-overview dt{color:#9cafaa}
html[data-theme="dark"] .company-overview dd{color:#e4efeb}
html[data-theme="dark"] .contact-side-icon{background:linear-gradient(135deg,rgba(45,139,83,.23),rgba(28,178,236,.17));color:#8bd5a8;border-color:#365047}

.legal-notice-overview>div{grid-template-columns:minmax(148px,232px) minmax(0,1fr)}
.legal-notice-details{margin-top:22px}
.legal-notice-table-wrap{overflow-x:auto;margin:14px 0 12px;-webkit-overflow-scrolling:touch}
.legal-notice-table{width:100%;min-width:640px;border-collapse:collapse}
.legal-notice-table th,.legal-notice-table td{padding:11px 12px;border-bottom:1px solid #edf2f0;text-align:right;font-size:12px;white-space:nowrap}
.legal-notice-table thead th{color:#667970;font-size:11px;font-weight:800;background:#f6faf8;text-align:right}
.legal-notice-table th:first-child,.legal-notice-table td:first-child,.legal-notice-table thead th:first-child{text-align:left}
.legal-notice-table tbody th{color:#24352f;font-weight:800}
.legal-notice-table tbody td{color:#24352f;font-variant-numeric:tabular-nums}
.legal-notice-credit-rules{margin:12px 0 10px}
.legal-notice-page .legal-hero h1{letter-spacing:-.6px;line-height:1.25}
.legal-hero>span.public-page-kicker{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
  padding:7px 13px;
  background:#fff;
  border:1px solid rgba(45,139,83,.30);
  color:#2D8B53;
  font-family:var(--toon-public-font);
  letter-spacing:0;
}
html[data-theme="dark"] .legal-notice-table thead th{background:#1a2623;color:#9cafaa}
html[data-theme="dark"] .legal-notice-table th,html[data-theme="dark"] .legal-notice-table td{border-color:#2a3a35;color:#e4efeb}
html[data-theme="dark"] .legal-hero>span.public-page-kicker{background:#13201b;border-color:#315346;color:#9fdbb8}

@media(max-width:620px){
  .legal-container,.contact-page-container{width:min(100% - 24px,1120px)}
  .legal-section+ .legal-section{padding-top:18px;margin-top:18px}
  .legal-notice-overview>div{grid-template-columns:1fr;gap:6px;padding:14px 0}
  .legal-page .legal-hero h1{font-size:26px;letter-spacing:-.4px}
  .legal-notice-page .legal-card{padding:22px 16px}
}


/* =========================================================
   PageAI v0.3.0 — authenticated UI color/spacing polish
   - Auth brand centered and CTA gradient standardized
   - User sidebar / Credits / account navigation use PageAI colors
   - New manga form spacing and weight aligned with sister-site UI
   - Account plan cards remove unintended vertical button whitespace
   ========================================================= */
:root{
  --primary:#2D8B53;
  --primary2:#1CB2EC;
}

/* Authentication: center the supplied image logo itself, not only its contents. */
.auth-wrap{
  background:
    radial-gradient(circle at 18% 8%,rgba(45,139,83,.10),transparent 34%),
    radial-gradient(circle at 86% 90%,rgba(28,178,236,.08),transparent 34%),
    #f7faf9;
}
.auth-card>.brand.brand-image-link{
  display:flex;
  width:100%;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:22px;
}
.auth-card>.brand.brand-image-link .brand-logo{
  margin-left:auto;
  margin-right:auto;
  object-position:center center;
}
.auth-card .btn-primary,
.auth-card button.btn-primary,
.auth-card a.btn-primary{
  background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 20px rgba(45,139,83,.16),0 7px 18px rgba(28,178,236,.12);
}
.auth-card input:focus,
.auth-card select:focus,
.auth-card textarea:focus{
  border-color:#2D8B53;
  box-shadow:0 0 0 4px rgba(45,139,83,.09);
}
.auth-forgot-link{color:#2D8B53}

/* User app only: keep the admin shell independent. */
.app-shell:not(.admin-shell) .sidebar{
  background:linear-gradient(180deg,#f4fbf6 0%,#edf9f8 100%);
  border-right:1px solid #d9ebe2;
}
.app-shell:not(.admin-shell) .side-nav a{
  color:#536b61;
}
.app-shell:not(.admin-shell) .side-nav a:hover,
.app-shell:not(.admin-shell) .side-nav a.active{
  background:linear-gradient(135deg,rgba(45,139,83,.12),rgba(28,178,236,.10));
  color:#237747;
}
.app-shell:not(.admin-shell) .side-nav a.active .nav-icon{
  color:#2D8B53;
}
.app-shell:not(.admin-shell) .credit-card{
  background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%);
  color:#fff;
  box-shadow:0 12px 24px rgba(45,139,83,.16);
}
.app-shell:not(.admin-shell) .credit-card small,
.app-shell:not(.admin-shell) .credit-card strong em{
  color:rgba(255,255,255,.82);
}
.app-shell:not(.admin-shell) .credit-card a{
  color:#fff;
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.55);
  text-underline-offset:3px;
}
.app-shell:not(.admin-shell) .avatar{
  background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%);
  box-shadow:0 5px 14px rgba(45,139,83,.18);
}
.app-shell:not(.admin-shell) .account-link:hover,
.app-shell:not(.admin-shell) .account-link.active{
  background:linear-gradient(135deg,rgba(45,139,83,.10),rgba(28,178,236,.08));
}

/* Account submenu: same baseline/height and PageAI green active state. */
.app-shell:not(.admin-shell) .tabs{
  align-items:stretch;
}
.app-shell:not(.admin-shell) .tabs a{
  min-height:43px;
  display:inline-flex;
  align-items:center;
  padding:11px 14px;
  line-height:1.35;
  color:#687870;
}
.app-shell:not(.admin-shell) .tabs a:hover{
  color:#2D8B53;
}
.app-shell:not(.admin-shell) .tabs a.active{
  color:#2D8B53;
  border-color:#2D8B53;
}
.app-shell:not(.admin-shell) .badge{
  background:#eaf7ef;
  color:#287b4b;
}
.app-shell:not(.admin-shell) .price-card.current{
  border-color:#2D8B53;
  box-shadow:0 0 0 1px rgba(45,139,83,.04);
}
.app-shell:not(.admin-shell) .btn-soft{
  background:#eaf7ef;
  color:#287b4b;
}

/* Account plan: remove inherited landing-card stretch that created a large blank area. */
.app-shell:not(.admin-shell) .plan-cards.plan-cards-five{
  align-items:stretch;
}
.app-shell:not(.admin-shell) .plan-cards.plan-cards-five .price-card{
  min-height:0;
  height:auto;
}
.app-shell:not(.admin-shell) .plan-cards.plan-cards-five .price-card .btn{
  margin-top:14px;
}

/* New manga form: deliberate field rhythm and sister-site weight. */
.manga-new-panel .panel-head{
  margin-bottom:24px;
}
.manga-new-panel .panel-head p{
  margin:7px 0 0;
  color:var(--muted);
  line-height:1.7;
}
.manga-create-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:20px;
}
.manga-create-form>label{
  display:grid;
  gap:8px;
  min-width:0;
  margin:0;
}
.manga-create-form>label.full,
.manga-create-form>.full{
  grid-column:1/-1;
}
.manga-create-form>label>span{
  display:block;
  font-weight:800;
  color:#26352f;
  line-height:1.45;
}
.manga-create-form input,
.manga-create-form select,
.manga-create-form textarea{
  margin:0;
}
.manga-create-form input:focus,
.manga-create-form select:focus,
.manga-create-form textarea:focus{
  border-color:#2D8B53;
  box-shadow:0 0 0 4px rgba(45,139,83,.09);
}
.manga-create-form .form-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:6px;
  padding-top:2px;
}
.manga-create-form .form-actions .btn-primary{
  flex:0 0 auto;
  min-width:190px;
  background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 20px rgba(45,139,83,.15),0 7px 18px rgba(28,178,236,.11);
}
.manga-create-form .form-actions small{
  color:var(--muted);
  line-height:1.6;
}

html[data-theme="dark"] .app-shell:not(.admin-shell) .sidebar{
  background:linear-gradient(180deg,#13241d 0%,#12272a 100%);
  border-right-color:#27423a;
}
html[data-theme="dark"] .app-shell:not(.admin-shell) .side-nav a{color:#b5c9c0}
html[data-theme="dark"] .app-shell:not(.admin-shell) .side-nav a:hover,
html[data-theme="dark"] .app-shell:not(.admin-shell) .side-nav a.active,
html[data-theme="dark"] .app-shell:not(.admin-shell) .account-link:hover,
html[data-theme="dark"] .app-shell:not(.admin-shell) .account-link.active{
  background:linear-gradient(135deg,rgba(45,139,83,.24),rgba(28,178,236,.16));
  color:#a6e3bd;
}
html[data-theme="dark"] .app-shell:not(.admin-shell) .tabs a.active{color:#8bd5a8;border-color:#63c58a}
html[data-theme="dark"] .manga-create-form>label>span{color:#e5f0eb}

@media(max-width:680px){
  .manga-create-form{grid-template-columns:1fr;row-gap:18px}
  .manga-create-form>label.full,.manga-create-form>.full{grid-column:auto}
  .manga-create-form .form-actions{align-items:stretch;flex-direction:column}
  .manga-create-form .form-actions .btn-primary{width:100%}
}

/* =========================================================
   PageAI v0.3.0 — staged manga workflow / localization polish
   ========================================================= */

/* The administrator top bar uses exactly the same frame height as every
   authenticated screen, including Settings. */
.admin-shell .app-topbar,
.admin-shell .admin-topbar{
  height:78px;
  min-height:78px;
  padding:0 34px;
  box-sizing:border-box;
}
.admin-shell .app-topbar .top-actions{min-height:42px;align-items:center}
.admin-shell .language-control{flex:0 0 auto}

/* User generation flow follows PageAI's green -> blue identity. */
.app-shell:not(.admin-shell) .progress-step.active{color:#2D8B53;font-weight:800}
.app-shell:not(.admin-shell) .progress-step.active .step-dot{background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff}
.app-shell:not(.admin-shell) .progress-step.done .step-dot{background:#e7f7ef;color:#22804b}
.app-shell:not(.admin-shell) .progress-bar>div,
.app-shell:not(.admin-shell) .preview-progress>i{background:linear-gradient(90deg,#2D8B53,#1CB2EC)}

.manga-new-layout{align-items:start}
.manga-flow-aside{display:grid;gap:18px;position:sticky;top:100px}
.manga-flow-card h3,.manga-credit-note h3{margin-bottom:18px}
.toon-flow-stack{gap:14px}
.manga-credit-note>strong{display:block;font-size:36px;line-height:1;color:#2D8B53;margin:4px 0 12px;letter-spacing:-1px}

/* Profile: secure password pair and region/email fields. */
.profile-panel{max-width:760px!important}
.profile-password-section{margin:28px 0 22px;padding:20px;border:1px solid #dfe9e5;border-radius:14px;background:#f8fcfa}
.profile-password-section h4{margin:0 0 5px;font-size:15px}
.profile-password-section .hint{margin:0 0 16px}
.profile-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profile-password-grid .form-row{margin:0}

/* Project workflow. */
.project-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.project-editor-head h2{margin:7px 0 5px;font-size:25px;letter-spacing:-.5px}.project-display-title{max-width:32em;overflow-wrap:anywhere;word-break:normal}
.project-editor-head p{margin:0;color:var(--muted)}
.project-credit-summary{display:flex;align-items:baseline;gap:5px;min-width:180px;justify-content:flex-end;padding:10px 0}
.project-credit-summary small{color:var(--muted);margin-right:6px}
.project-credit-summary strong{font-size:27px;color:#2D8B53;letter-spacing:-.7px}
.project-credit-summary span{font-size:11px;color:var(--muted);font-weight:800}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#edf8f2;color:#287d4c;font-size:11px;font-weight:850}

.job-progress-card{background:#fff;border:1px solid #dce7e2;border-radius:15px;padding:16px 18px;margin-bottom:20px;box-shadow:0 5px 18px rgba(28,65,52,.045)}
.job-progress-card>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}
.job-progress-card b{color:#27794a}.job-progress-card span{color:var(--muted);font-size:12px}
.preview-progress{height:8px;border-radius:99px;background:#e9efec;overflow:hidden}.preview-progress>i{display:block;height:100%;border-radius:inherit}

.project-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.project-workspace-main{display:grid;gap:20px;min-width:0}
.project-workspace-side{display:grid;gap:18px;position:sticky;top:100px;max-height:calc(100vh - 116px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:4px;align-content:start}
.project-workspace-main>.panel,.project-workspace-side>.panel{overflow:visible}
.section-kicker{display:inline-flex;gap:7px;align-items:center;color:#2D8B53;font-size:11px;font-weight:850;margin-bottom:8px}
.preproduction-panel .panel-head,.characters-editor-panel .panel-head{align-items:flex-start}
.preproduction-panel .panel-head h3,.characters-editor-panel .panel-head h3{margin:0 0 6px;font-size:20px}
.preproduction-panel .panel-head p,.characters-editor-panel .panel-head p{margin:0;color:var(--muted);line-height:1.65}
.story-edit-form textarea,.characters-edit-form textarea,.natural-edit-form textarea,.panel-natural-edit textarea{resize:vertical}
.editor-action-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:5px;padding-top:4px}
.editor-action-row .hint{margin:0;line-height:1.6}.editor-action-row .hint i{color:#2D8B53;margin-right:4px}
.inline-credit-action{display:flex;justify-content:flex-end;margin-top:12px;border-top:1px solid #edf2ef;padding-top:14px}
.inline-credit-action .btn-primary,.production-start-panel .btn-primary,.natural-edit-form .btn-primary,.panel-natural-edit .btn-primary{background:linear-gradient(135deg,#2D8B53,#1CB2EC);box-shadow:0 8px 20px rgba(45,139,83,.14)}

.character-edit-list{display:grid;gap:14px}
.character-edit-card{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px;border:1px solid #e2e9e6;border-radius:14px;background:#fbfdfc}
.character-edit-number{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(45,139,83,.13),rgba(28,178,236,.12));color:#2D8B53;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:850}
.character-edit-number span{font-size:10px}
.character-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.character-edit-fields label{display:grid;gap:6px;min-width:0}.character-edit-fields label.wide{grid-column:1/-1}.character-edit-fields label>span,.natural-edit-form label>span,.panel-natural-edit label>span,.dialogue-fields label>span{font-size:11px;font-weight:850;color:#45584f}
.character-edit-fields textarea,.character-edit-fields input{margin:0}

.production-start-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#dae6e0}
.production-start-panel.ready{border-color:#99d6b3;background:linear-gradient(135deg,#f7fcf9,#f5fbfd)}
.production-start-copy{max-width:680px}.production-start-copy h3{margin:0 0 7px}.production-start-copy p{color:var(--muted);line-height:1.7;margin:0 0 8px}.production-start-copy small{font-weight:800;color:#2D8B53}.btn-lg{padding:13px 21px}

.manga-output-panel .manga-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.manga-page-card{position:relative;border:1px solid #e1e7e4;border-radius:14px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:10px}
.manga-page-card .page-number{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:900;color:#64736c;letter-spacing:.08em}.manga-page-card .page-resolution{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid #d8e7e0;border-radius:999px;background:#f7fbf9;color:#2D8B53;font-size:9px;font-weight:850;letter-spacing:0;text-transform:none;white-space:nowrap}
.manga-page-card img{width:100%;height:auto;aspect-ratio:var(--toon-page-ratio,3/4);object-fit:contain;border-radius:9px;border:1px solid #e7ecea;background:#f2f5f3}
.page-placeholder{aspect-ratio:var(--toon-page-ratio,3/4);border-radius:9px;background:#f4f7f6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa7a1;gap:8px}.page-placeholder i{font-size:28px}

.manga-detail-editor.is-locked{opacity:.88}
.manga-detail-editor>.panel-head{align-items:flex-start;gap:18px}.manga-detail-editor>.panel-head h3{margin:0 0 6px;font-size:20px}.manga-detail-editor>.panel-head p{margin:0;color:var(--muted);line-height:1.7}
.credit-cost-pill{white-space:nowrap;display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border-radius:999px;background:#eef8f2;color:#277a4a;font-size:10px;font-weight:850}
.page-edit-stack{display:grid;gap:13px}
.page-edit-card{border:1px solid #dfe7e3;border-radius:14px;overflow:hidden;background:#fff}
.page-edit-card>summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;font-weight:850;background:#fafcfb}.page-edit-card>summary::-webkit-details-marker{display:none}.page-edit-card>summary span{display:flex;align-items:center;gap:8px}.page-edit-card>summary>i{transition:.2s}.page-edit-card[open]>summary>i{transform:rotate(180deg)}
.page-edit-body{padding:16px;border-top:1px solid #e7ecea}
.natural-edit-form{padding:15px;border:1px solid #dfeae5;border-radius:12px;background:linear-gradient(135deg,#f7fcf9,#f7fbfd);margin-bottom:16px}.natural-edit-form label{display:grid;gap:7px}.natural-edit-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px}.natural-edit-footer small{color:var(--muted);line-height:1.6;max-width:60%}
.panel-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.panel-edit-card{border:1px solid #e2e8e5;border-radius:13px;padding:14px;background:#fcfdfd;min-width:0}
.panel-edit-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf1ef;padding-bottom:10px;margin-bottom:10px}.panel-edit-head strong{color:#2D8B53}.panel-edit-head span{font-size:10px;color:var(--muted)}
.panel-scene-summary{font-size:11px;color:#64726c;line-height:1.55;margin-bottom:12px}.panel-scene-summary p{margin:4px 0}.panel-scene-summary b{color:#405149}
.dialogue-edit-form,.panel-natural-edit{border-top:1px solid #edf1ef;padding-top:12px;margin-top:12px}.dialogue-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dialogue-fields label{display:grid;gap:5px}.dialogue-fields .wide{grid-column:1/-1}.dialogue-edit-form .btn,.panel-natural-edit .btn{margin-top:10px;width:100%}.edit-help{display:block;color:var(--muted);line-height:1.55;margin:8px 0 0}.panel-natural-edit label{display:grid;gap:6px}

.project-flow-card h3,.references-panel h3{margin-bottom:17px}.toon-project-flow{gap:14px}.toon-project-flow .progress-step{position:relative}.toon-project-flow .progress-step:not(:last-child):after{content:"";position:absolute;left:11px;top:25px;width:2px;height:14px;background:#e3ebe7}.toon-project-flow .progress-step.done:not(:last-child):after{background:#aadabe}
.credit-policy-card{background:linear-gradient(135deg,#f7fcf9,#f7fbfd);border-color:#dceae3}.credit-balance-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.credit-balance-line span{font-size:11px;color:var(--muted);font-weight:800}.credit-balance-line strong{font-size:24px;color:#2D8B53}.credit-balance-line strong small{font-size:10px;color:var(--muted)}.credit-policy-card p{font-size:11px;line-height:1.7;color:#64746d;margin:13px 0 0}.references-panel form{display:grid;gap:10px}.references-panel input[type=file]{font-size:11px}
.project-workspace-side::-webkit-scrollbar{width:8px}.project-workspace-side::-webkit-scrollbar-thumb{background:rgba(45,139,83,.28);border-radius:999px}.project-workspace-side::-webkit-scrollbar-track{background:transparent}

html[data-theme="dark"] .profile-password-section,html[data-theme="dark"] .character-edit-card,html[data-theme="dark"] .panel-edit-card,html[data-theme="dark"] .natural-edit-form,html[data-theme="dark"] .credit-policy-card{background:#17221f;border-color:#2a3a34}
html[data-theme="dark"] .character-edit-fields label>span,html[data-theme="dark"] .natural-edit-form label>span,html[data-theme="dark"] .panel-natural-edit label>span,html[data-theme="dark"] .dialogue-fields label>span{color:#dce8e3}
html[data-theme="dark"] .page-edit-card{background:#151c1a;border-color:#2a3934}html[data-theme="dark"] .page-edit-card>summary{background:#18221f}html[data-theme="dark"] .manga-page-card{background:#151c1a;border-color:#2a3934}

@media(max-width:1180px){
  .project-workspace-grid{grid-template-columns:minmax(0,1fr) 280px}
  .manga-output-panel .manga-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel-edit-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  .manga-flow-aside,.project-workspace-side{position:static}
  .project-workspace-side{max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;padding-right:0}
  .project-workspace-grid{grid-template-columns:1fr}
  .project-workspace-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .references-panel{grid-column:1/-1}
}
@media(max-width:720px){
  .profile-password-grid,.character-edit-fields,.dialogue-fields{grid-template-columns:1fr}
  .character-edit-fields label.wide,.dialogue-fields .wide{grid-column:auto}
  .project-editor-head,.production-start-panel,.editor-action-row,.natural-edit-footer{flex-direction:column;align-items:stretch}
  .project-credit-summary{justify-content:flex-start}
  .project-workspace-side{grid-template-columns:1fr}
  .references-panel{grid-column:auto}
  .manga-output-panel .manga-page-grid{grid-template-columns:1fr}
  .natural-edit-footer small{max-width:none}
  .character-edit-card{grid-template-columns:1fr}.character-edit-number{width:auto;justify-content:flex-start;padding:0 10px}
}

/* =========================================================
   PageAI v0.3.0 — dark pricing/footer, flow state, account fixes,
   pricing matrix and Agency client workspaces
   ========================================================= */

/* Public dark mode: pricing cards and footer remain fully readable. */
html[data-theme="dark"] .pricing-section .price-card{
  background:#14201e!important;
  border-color:#30423e!important;
  color:#eef7f4!important;
}
html[data-theme="dark"] .pricing-section .price-card h3,
html[data-theme="dark"] .pricing-section .plan-price,
html[data-theme="dark"] .pricing-section .plan-price strong,
html[data-theme="dark"] .pricing-section .plan-price b{color:#f4faf8!important}
html[data-theme="dark"] .pricing-section .plan-lead,
html[data-theme="dark"] .pricing-section .price-card ul li{color:#c3d2cd!important}
html[data-theme="dark"] .pricing-section .credit-box{
  background:#101a18!important;
  border-color:#2b3d38!important;
  color:#cbd8d4!important;
}
html[data-theme="dark"] .pricing-section .credit-box b{color:#8bd5a8!important}
html[data-theme="dark"] .pricing-section .billing-toggle{background:#101a18;border-color:#30423e}
html[data-theme="dark"] .pricing-section .billing-toggle button{color:#aebeb9}
html[data-theme="dark"] .pricing-section .billing-toggle button.active{background:#20302c;color:#fff;box-shadow:none}
html[data-theme="dark"] .pricing-section .price-card.popular{border-color:#48b779!important;box-shadow:0 14px 34px rgba(0,0,0,.24)}
html[data-theme="dark"] .pricing-section .popular-badge{background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff}
html[data-theme="dark"] .pricing-section .price-card .btn-ghost{background:#182522!important;border-color:#3b514a!important;color:#f1f8f5!important}

/* v0.1.x forced a white footer even while dark mode was active. v0.3.0
   deliberately restores a native dark footer while keeping the layout unchanged. */
html[data-theme="dark"] .public-footer{
  background:#101716!important;
  border-color:#263632!important;
  color:#dce9e5!important;
}
html[data-theme="dark"] .public-footer *{background:transparent!important}
html[data-theme="dark"] .public-footer .footer-grid,
html[data-theme="dark"] .public-footer .footer-brand,
html[data-theme="dark"] .public-footer .footer-col,
html[data-theme="dark"] .public-footer .footer-social,
html[data-theme="dark"] .public-footer .public-footer-copy{
  background:transparent!important;
}
html[data-theme="dark"] .public-footer .footer-brand p{color:#aebfba!important}
html[data-theme="dark"] .public-footer .footer-col b{color:#edf7f4!important}
html[data-theme="dark"] .public-footer .footer-col a{color:#b9c9c4!important}
html[data-theme="dark"] .public-footer .footer-col a:hover{color:#8bd5a8!important}
html[data-theme="dark"] .public-footer .footer-social a{color:#e8f3ef!important}
html[data-theme="dark"] .public-footer .public-footer-copy{color:#93a7a1!important;border-color:#263632!important}
html[data-theme="dark"] .public-footer .brand-logo-light{display:none!important}
html[data-theme="dark"] .public-footer .brand-logo-dark{display:block!important;background:transparent!important}

/* Credits purchase: cards fit their content; no inherited landing-page vertical gap. */
.app-shell:not(.admin-shell) .credits-packs{align-items:start}
.app-shell:not(.admin-shell) .credits-packs .price-card{
  min-height:0!important;
  height:auto!important;
  padding:18px!important;
  display:flex;
  flex-direction:column;
  gap:0;
}
.app-shell:not(.admin-shell) .credits-packs .price{margin:11px 0 4px}
.app-shell:not(.admin-shell) .credits-packs .price-card .btn{margin-top:12px!important;width:100%}

/* Settings checkbox: opt out of generic 100%-width input styling. */
.settings-check-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  font-weight:750;
  color:var(--text);
  cursor:pointer;
}
.settings-check-row input[type="checkbox"]{
  appearance:auto;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
  padding:0!important;
  box-shadow:none!important;
  accent-color:#2D8B53;
}
.settings-check-row span{line-height:1.45}

/* Pricing details: sister-site comparison matrix, visible by default on /plan/. */
.account-pricing-summary-title{display:inline-flex;align-items:center;gap:8px}
.account-pricing-summary-title>i{color:#2D8B53}
.pricing-matrix-scroll-hint{display:none;align-items:center;gap:8px;margin:0 0 10px;padding:8px 11px;border:1px solid #d7e7de;border-radius:10px;background:#f4faf6;color:#3f6b54;font-size:11px;font-weight:750;line-height:1.45}
.pricing-matrix-scroll-hint i{color:#2D8B53}
.pricing-license-block{margin:0 0 22px}
.pricing-license-section{padding-top:18px;padding-bottom:8px}
.pricing-license-section .pricing-license-block{margin-bottom:0}
.account-plan-panel .pricing-license-block{margin:22px 0 18px}
.pricing-license-head,
.pricing-service-head{margin:0 0 12px;text-align:left}
.pricing-license-head .section-kicker,
.pricing-service-head .section-kicker{margin-bottom:8px}
.pricing-license-head h3,
.pricing-service-head h3{margin:0 0 6px;font-size:18px;line-height:1.35;color:#243428;text-align:left}
.pricing-license-head p,
.pricing-service-head p{margin:0;font-size:12px;line-height:1.6;color:#607068;text-align:left;font-weight:400}
.pricing-license-wrap{margin-top:0}
.pricing-license-table{min-width:920px}
.pricing-license-table tbody th{text-align:left!important}
.pricing-license-row-title{display:block}
.pricing-license-row-note{display:block;margin-top:4px;font-size:9px;font-weight:700;line-height:1.45;color:#7a8a82}
.pricing-license-yes,.pricing-license-no{gap:6px}
html[data-theme="dark"] .pricing-license-head h3,
html[data-theme="dark"] .pricing-service-head h3{color:#e8f3ee}
html[data-theme="dark"] .pricing-license-head p,
html[data-theme="dark"] .pricing-service-head p{color:#a8b8b1}
html[data-theme="dark"] .pricing-license-row-note{color:#8fa098}
.pricing-detail-section .container,.pricing-details-body,.account-pricing-details .pricing-details-body{min-width:0;max-width:100%}
.pricing-details{overflow:visible}
.pricing-table-wrap,.pricing-matrix-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.pricing-matrix-wrap{border:1px solid #e2ebe6;border-radius:14px;background:#fff}
.pricing-matrix-table{width:100%;min-width:1080px;max-width:none;table-layout:fixed}
.pricing-matrix-table thead th:first-child{width:170px;position:sticky;left:0;z-index:3;background:#f7faf8}
.pricing-matrix-table tbody th{width:170px;position:sticky;left:0;background:#fff;z-index:2;color:#536079!important;font-weight:850}
.pricing-matrix-table th,.pricing-matrix-table td{text-align:center!important;vertical-align:top;white-space:normal!important;line-height:1.55;padding:12px 9px!important}
.pricing-matrix-table thead th{font-size:10px!important;color:#3d4965!important;background:#f7faf8}
.pricing-matrix-table tbody td{font-size:10px}
.pricing-text-cell{min-width:160px}
.pricing-feature-cell{text-align:left!important}
.pricing-cell-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;margin-inline:auto;text-align:left;max-width:100%}
.pricing-cell-stack span{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:start;line-height:1.45}
.pricing-cell-stack i{width:16px;text-align:center;margin-top:.2em;color:#20a66a}
.pricing-cell-stack b,.pricing-centered-status b{font-weight:600}
.pricing-centered-status{display:inline-grid;grid-template-columns:16px auto;gap:7px;align-items:center;justify-content:center;text-align:left;margin-inline:auto;white-space:normal}
.pricing-centered-status i{width:16px;text-align:center}
.pricing-centered-copy{display:inline-block;text-align:center;max-width:220px;line-height:1.5}
.pricing-ok{color:#18a46f}.pricing-no{color:#a5adbb}.pricing-consult{color:#2f9cc8}
.pricing-resale-note,.pricing-support-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.65;color:#69766f;margin:12px 0 0}
.pricing-resale-note{padding:10px 12px;border-radius:10px;background:#f3faf6;border:1px solid #dcece3;color:#326b4a}
.pricing-resale-note i,.pricing-support-note i{margin-top:2px;color:#2D8B53}
.account-pricing-details{margin-top:22px}
.account-pricing-details .pricing-details-body{padding-top:12px}
html[data-theme="dark"] .pricing-matrix-table tbody th{background:#171b2d;color:#cbd7d2!important}
html[data-theme="dark"] .pricing-matrix-table thead th,
html[data-theme="dark"] .pricing-matrix-table thead th:first-child{background:#121a18;color:#c4d1cd!important;border-color:#2c3b36}
html[data-theme="dark"] .pricing-matrix-table td{border-color:#2c3b36;color:#e1ebe7}
html[data-theme="dark"] .pricing-matrix-wrap{background:#121b17;border-color:#304039}
html[data-theme="dark"] .pricing-matrix-scroll-hint{background:#14251c;border-color:#2d503b;color:#a8dbba}
html[data-theme="dark"] .pricing-resale-note{background:#14251c;border-color:#2d503b;color:#a8dbba}
html[data-theme="dark"] .pricing-support-note{color:#a8b8b3}
@media(max-width:1100px){
  .pricing-matrix-scroll-hint{display:inline-flex}
  .pricing-matrix-wrap{box-shadow:inset -18px 0 16px -18px rgba(23,60,46,.18)}
  .pricing-matrix-table{min-width:1000px}
  .pricing-matrix-table thead th:first-child,
  .pricing-matrix-table tbody th{box-shadow:4px 0 10px -6px rgba(23,60,46,.16)}
  html[data-theme="dark"] .pricing-matrix-wrap{box-shadow:inset -18px 0 16px -18px rgba(0,0,0,.45)}
}
@media(max-width:760px){
  .pricing-matrix-table{min-width:920px}
  .pricing-matrix-table thead th:first-child,
  .pricing-matrix-table tbody th{width:132px}
  .pricing-matrix-wrap{border-radius:12px}
}

/* Project history / Agency client workspace. */
.history-workspace{display:grid;gap:18px}
.history-head-panel .panel-head,.client-workspace-panel .panel-head,.history-project-panel .panel-head{align-items:flex-start}
.history-head-panel .panel-head p,.client-workspace-panel .panel-head p{margin:6px 0 0;color:var(--muted);line-height:1.65}
.history-license-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:10px;background:#f7fbf8;border:1px solid #dfece5;color:#527061;font-size:11px;line-height:1.6}
.history-license-note i{color:#2D8B53;margin-top:2px}
.client-create-form{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(260px,1.4fr) auto;gap:12px;align-items:end;margin-top:4px}
.client-create-form label{display:grid;gap:6px}.client-create-form label>span{font-size:11px;font-weight:850;color:#4a5c53}.client-create-form .btn{height:42px}
.client-filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #edf2ef}
.client-filter-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce7e2;border-radius:999px;background:#fff;color:#52645b;font-size:11px;font-weight:750}
.client-filter-chip small{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#edf5f1;color:#44725a;font-size:9px}
.client-filter-chip:hover,.client-filter-chip.active{border-color:#58aa79;background:#eff9f3;color:#28794a}
.client-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.client-admin-card{border:1px solid #dfe8e4;border-radius:12px;background:#fbfdfc;overflow:hidden}
.client-admin-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px}.client-admin-card>summary::-webkit-details-marker{display:none}
.client-admin-card>summary>span{display:flex;align-items:center;gap:8px;min-width:0}.client-admin-card>summary i{color:#2D8B53}.client-admin-card>summary b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-admin-card>summary small{color:var(--muted);white-space:nowrap}
.client-admin-body{padding:12px;border-top:1px solid #e8efec;display:grid;gap:9px}.client-edit-form{display:grid;gap:8px}.client-edit-form textarea{resize:vertical}.client-delete-link{justify-self:start;border:0;background:transparent;color:#ba4659;padding:3px 0;font-size:11px;font-weight:750;cursor:pointer}.client-delete-link i{margin-right:6px}
.client-workspace-locked{border-style:dashed;background:linear-gradient(135deg,#fbfdfc,#f7fbfd)}
.client-locked-preview{display:flex;gap:9px;filter:saturate(.7);opacity:.82}.client-locked-preview>span{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dfe8e4;border-radius:10px;background:#fff;color:#67766e;font-weight:800;font-size:11px}.client-locked-preview small{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#eef5f2;color:#54806a}
.client-upgrade-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding-top:14px;border-top:1px solid #e6eeea}.client-upgrade-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.project-card-grid.history-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.history-project-card{border:1px solid #dfe8e4;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.18s ease}
.history-project-card:hover{border-color:#a8d0b8;box-shadow:0 9px 24px rgba(30,70,52,.06);transform:translateY(-1px)}
.project-card-main{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:12px;align-items:center;min-width:0}
.project-card-main>img,.project-thumb-empty{width:112px;aspect-ratio:var(--toon-thumb-ratio,3/4);max-height:148px;object-fit:cover;border-radius:9px;border:1px solid #e7ece9;background:#f3f7f5}
.project-thumb-empty{display:grid;place-items:center;color:#6da786;font-size:25px}
.project-card-main>div{display:flex;flex-direction:column;gap:6px;min-width:0}.project-card-main b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-main span,.project-card-main small{font-size:10.5px;color:var(--muted)}
.project-client-label{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:4px 7px;border-radius:999px;background:#edf8f2;color:#2d7d4e;font-style:normal;font-size:9.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-client-label i{font-size:9px}
.project-client-form{padding:9px 12px 12px;border-top:1px solid #edf2ef;margin-top:auto}.project-client-form select{height:34px;padding:5px 9px;font-size:10.5px;border-radius:8px}
.history-project-grid .empty-state{grid-column:1/-1}
.history-project-grid .empty-state p{margin:8px 0 0}

html[data-theme="dark"] .history-license-note,html[data-theme="dark"] .client-workspace-locked{background:#14201e;border-color:#2c3d37;color:#b8ccc5}
html[data-theme="dark"] .client-filter-chip,html[data-theme="dark"] .client-admin-card,html[data-theme="dark"] .client-locked-preview>span,html[data-theme="dark"] .history-project-card{background:#151e1b;border-color:#2c3d37;color:#e4eeea}
html[data-theme="dark"] .client-filter-chip.active,html[data-theme="dark"] .client-filter-chip:hover{background:#193023;border-color:#3e7554;color:#9ad8b1}
html[data-theme="dark"] .client-admin-body,html[data-theme="dark"] .project-client-form,html[data-theme="dark"] .client-filter-row,html[data-theme="dark"] .client-upgrade-row{border-color:#2b3935}
html[data-theme="dark"] .client-create-form label>span{color:#cbd9d4}
html[data-theme="dark"] .project-thumb-empty{background:#14201e;border-color:#2c3d37}
html[data-theme="dark"] .project-client-label{background:#173326;color:#8fdbad}

@media(max-width:1120px){
  .client-admin-grid,.project-card-grid.history-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .client-create-form{grid-template-columns:1fr 1fr}.client-create-form .btn{grid-column:1/-1;width:100%}
}
@media(max-width:620px){
  .client-create-form,.client-admin-grid,.project-card-grid.history-project-grid{grid-template-columns:1fr}
  .client-create-form .btn{grid-column:auto}
  .client-upgrade-row{align-items:stretch;flex-direction:column}.client-upgrade-row .btn{width:100%}
  .project-card-main{grid-template-columns:88px minmax(0,1fr)}
  .project-card-main>img,.project-thumb-empty{width:88px;max-height:124px}
}


/* =========================================================
   PageAI v0.4.0 — account typography/buttons + logout confirm
   ========================================================= */
/* Only the plus icon rotates when pricing details are open. The title stays level. */
.account-pricing-details>summary .account-pricing-summary-title,
.account-pricing-details[open]>summary .account-pricing-summary-title{
  transform:none!important;
  font-style:normal!important;
  writing-mode:horizontal-tb!important;
  font-size:13px!important;
  color:var(--text)!important;
  line-height:1.4!important;
}
.account-pricing-details>summary>span:last-child{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease;
}
.account-pricing-details[open]>summary>span:last-child{transform:rotate(45deg)}

/* Signed-in account actions use the PageAI identity gradient consistently. */
.app-shell:not(.admin-shell) .profile-panel .btn-primary,
.app-shell:not(.admin-shell) .account-settings-panel .btn-primary,
.app-shell:not(.admin-shell) .credits-packs .price-card .btn,
.app-shell:not(.admin-shell) .account-plan-panel .plan-cards .price-card a.btn{
  background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(45,139,83,.14),0 7px 18px rgba(28,178,236,.10)!important;
}
.app-shell:not(.admin-shell) .profile-panel .btn-primary:hover,
.app-shell:not(.admin-shell) .account-settings-panel .btn-primary:hover,
.app-shell:not(.admin-shell) .credits-packs .price-card .btn:hover,
.app-shell:not(.admin-shell) .account-plan-panel .plan-cards .price-card a.btn:hover{
  filter:saturate(1.05) brightness(1.03);
}
.app-shell:not(.admin-shell) .account-plan-panel .plan-cards .price-card .btn:disabled{
  background:#eaf7ef!important;
  color:#287b4b!important;
  border:1px solid #d3eadc!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .app-shell:not(.admin-shell) .account-plan-panel .plan-cards .price-card .btn:disabled{
  background:#183026!important;
  color:#9adbb4!important;
  border-color:#315040!important;
}
/* v0.4.0 resilient queue progress */
.job-progress-card .job-progress-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.job-progress-card .job-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;min-height:18px}.job-progress-card .job-progress-meta span{font-size:11px;line-height:1.5}.job-progress-card.is-retrying{border-color:rgba(45,139,83,.38);background:linear-gradient(135deg,rgba(45,139,83,.05),rgba(28,178,236,.04))}.job-progress-card.is-retrying .preview-progress>i{animation:toonQueuePulse 1.15s ease-in-out infinite alternate}.job-progress-card.is-failed{border-color:#efb9b9}.job-progress-card.is-failed .preview-progress>i{background:#d65b5b!important}@keyframes toonQueuePulse{from{opacity:.58}to{opacity:1}}@media(max-width:680px){.job-progress-card .job-progress-meta{display:grid;gap:3px}}

/* ============================================================
   PageAI v0.5.2 — Series Manga Platform
   Character Bible / Style Library / Natural-language editing
   ============================================================ */
.project-section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:8px;background:rgba(255,255,255,.72);border:1px solid #e3ebe7;border-radius:14px;backdrop-filter:blur(10px)}
.project-section-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;font-size:12px;font-weight:850;color:#40564c;transition:.18s}
.project-section-tabs a:hover{background:#edf8f2;color:#2D8B53;transform:translateY(-1px)}
.project-world-panel{scroll-margin-top:100px;background:linear-gradient(145deg,#fff,#f8fcfa)}
.world-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 16px}
.world-context-grid>div{padding:12px;border:1px solid #e2ece7;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:4px}
.world-context-grid small{font-size:10px;color:#73837b;font-weight:700}.world-context-grid b{font-size:12px;color:#203b30}
.style-snapshot-card{display:grid;grid-template-columns:48px minmax(0,1fr) 120px;gap:14px;align-items:center;padding:14px;border:1px solid #dbe9e2;border-radius:14px;background:linear-gradient(135deg,rgba(45,139,83,.06),rgba(28,178,236,.05))}
.style-snapshot-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:18px;background:linear-gradient(135deg,#2D8B53,#1CB2EC)}
.style-snapshot-card h4{margin:2px 0 3px;font-size:15px}.style-snapshot-card p{margin:0;color:#718077;font-size:11px}.style-snapshot-card small{color:#2D8B53;font-weight:850;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.realism-meter{height:8px;border-radius:999px;background:#e7efeb;overflow:hidden}.realism-meter i{display:block;height:100%;background:linear-gradient(90deg,#2D8B53,#1CB2EC);border-radius:inherit}

.creation-section-title{margin-top:8px;padding-top:18px;border-top:1px solid #e9efec}.creation-section-title h3{margin:6px 0 5px;font-size:15px}.creation-section-title p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.65}.style-library-heading{margin-top:4px}
.style-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.style-choice-card{cursor:pointer;min-width:0}.style-choice-card>input{position:absolute;opacity:0;pointer-events:none}.style-choice-shell{height:100%;position:relative;display:flex;flex-direction:column;border:1px solid #dfe8e4;border-radius:13px;overflow:hidden;background:#fff;transition:.18s;box-shadow:0 3px 12px rgba(27,73,52,.03)}
.style-choice-card:hover .style-choice-shell{transform:translateY(-2px);border-color:#afd1bf;box-shadow:0 8px 20px rgba(45,139,83,.09)}
.style-choice-card>input:checked+.style-choice-shell{border:2px solid #2D8B53;box-shadow:0 0 0 3px rgba(45,139,83,.08),0 8px 22px rgba(45,139,83,.1)}
.style-thumb{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#e9f6ee,#eaf7fc);color:#2D8B53;position:relative}.style-thumb img{width:100%;height:100%;object-fit:cover;display:block}.style-thumb i{font-size:24px}.style-thumb em{position:absolute;bottom:7px;left:8px;right:8px;text-align:center;font-style:normal;font-size:9px;font-weight:800;color:#456056}
.style-choice-copy{padding:11px;display:flex;flex-direction:column;gap:5px;min-height:105px}.style-choice-copy b{font-size:12px;color:#20332b}.style-choice-copy small{font-size:9.5px;line-height:1.55;color:#6f7d76}.style-spec-mini{margin-top:auto;font-size:8.5px;color:#2D8B53;font-weight:750}
.style-selected-icon{position:absolute;right:8px;top:8px;color:#2D8B53;background:#fff;border-radius:50%;opacity:0;transform:scale(.7);transition:.18s}.style-choice-card>input:checked+.style-choice-shell .style-selected-icon{opacity:1;transform:scale(1)}
.shared-character-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shared-character-choice{cursor:pointer}.shared-character-choice>input{position:absolute;opacity:0}.shared-character-choice>span{display:grid;grid-template-columns:34px 1fr 20px;gap:10px;align-items:center;padding:11px;border:1px solid #dfe8e4;border-radius:12px;background:#fff;transition:.18s}.shared-character-choice>span>i:first-child{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf8f2;color:#2D8B53}.shared-character-choice>span>span{display:flex;flex-direction:column;min-width:0}.shared-character-choice b{font-size:11px}.shared-character-choice small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-character-choice>span>i:last-child{opacity:.15;color:#2D8B53}.shared-character-choice>input:checked+span{border-color:#2D8B53;background:#f2fbf6}.shared-character-choice>input:checked+span>i:last-child{opacity:1}.series-platform-note{background:linear-gradient(145deg,#f5fbf7,#f3fbfe)}.series-platform-note h3{font-size:14px;margin:8px 0}.series-platform-note p{font-size:11px;line-height:1.65;color:#607169}.text-link{display:inline-flex;gap:7px;align-items:center;margin-top:8px;color:#2D8B53;font-size:11px;font-weight:850}

.script-chat{border-top:1px solid #e9efec;margin-top:18px;padding-top:18px;scroll-margin-top:100px}.script-chat-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.script-chat-head h4{font-size:15px;margin:5px 0}.script-chat-head p{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:760px}.script-chat-log{display:grid;gap:9px;margin:14px 0}.chat-bubble{max-width:88%;padding:11px 13px;border-radius:13px;border:1px solid #dfe8e4;background:#f9fbfa}.chat-bubble.user{margin-left:auto;background:#eef9f3;border-color:#cde7d8}.chat-bubble.assistant{margin-right:auto;background:#f7fbfd;border-color:#d8eaf2}.chat-role{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:850;color:#2D8B53;text-transform:uppercase;letter-spacing:.04em}.chat-bubble p{font-size:11px;line-height:1.65;margin:6px 0 0}.chat-proposal{margin-top:9px;padding:10px;border-radius:10px;background:#fff;border:1px solid #dfe9e4}.chat-proposal>b{font-size:10px}.chat-proposal .btn{margin-top:8px;padding:8px 12px;font-size:10px}.script-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;margin-top:12px}.script-chat-form textarea{resize:vertical;min-height:70px}.script-chat-form .btn{height:42px;white-space:nowrap}

.characters-editor-panel{scroll-margin-top:100px}.character-bible-card{grid-template-columns:76px 1fr}.character-bible-card .character-edit-number{width:72px;height:96px;overflow:hidden;padding:0;background:linear-gradient(145deg,#edf8f2,#e9f7fc)}.character-bible-card .character-edit-number img{width:100%;height:100%;object-fit:cover}.character-bible-content{min-width:0}.identity-lock-field textarea{border-color:#bddbca;background:#f8fcfa}.identity-lock-field small{font-size:9px;color:#658074}.expression-strength input[type=range]{padding:0;border:0;box-shadow:none;accent-color:#2D8B53}.character-reference-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #dfe9e4}.character-reference-board b{display:block;font-size:10px;margin-bottom:7px;color:#3f554b}.micro-chip-row{display:flex;gap:5px;flex-wrap:wrap}.micro-chip{font-size:8.5px;font-weight:750;padding:5px 7px;border-radius:999px;background:#f1f4f3;color:#718077;border:1px solid #e2e8e5}.micro-chip.active{background:#e8f7ee;border-color:#bcdcca;color:#2D8B53}.character-ai-action-list{display:grid;gap:10px;margin-top:16px}.character-ai-action-card{border:1px solid #e0e9e5;border-radius:13px;padding:13px;background:#fbfdfc}.character-ai-action-title{display:flex;align-items:center;gap:9px;margin-bottom:9px}.character-ai-action-title .avatar.mini{width:30px;height:30px;font-size:11px}.character-ai-action-title>div{display:flex;flex-direction:column}.character-ai-action-title b{font-size:11px}.character-ai-action-title small{font-size:8.5px;color:var(--muted)}.character-ai-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.character-ai-edit-form textarea{min-height:58px;resize:vertical}.character-ai-edit-form .btn{height:39px;white-space:nowrap;font-size:10px}.character-secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.character-secondary-actions form{margin:0}.character-secondary-actions .btn{font-size:9px;padding:8px 10px}.character-sheet-help{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;margin-top:10px;border-radius:10px;background:#f3f8f5;color:#60736a;font-size:9.5px;line-height:1.5}.character-sheet-help i{color:#2D8B53;margin-top:2px}
.panel-structure-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;padding:12px;margin:12px 0 14px;border:1px solid #cfe4d8;border-radius:12px;background:linear-gradient(135deg,#f4fbf7,#f5fbfd)}.panel-structure-copy b{display:flex;align-items:center;gap:6px;font-size:11px;color:#2D8B53}.panel-structure-copy p{font-size:9px;line-height:1.55;color:#687a71;margin:5px 0 0}.panel-structure-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.panel-structure-form textarea{min-height:58px}.panel-structure-form .btn{height:39px;font-size:9.5px;white-space:nowrap}

.series-page-head{margin-bottom:18px}.series-page-head h2{font-size:23px;margin:7px 0 6px}.series-page-head p{max-width:760px;color:var(--muted);font-size:12px;line-height:1.7}.character-library-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.character-library-create{position:sticky;top:100px}.character-library-form .form-grid,.style-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.character-library-form label,.style-form label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#485b52}.character-library-form .wide,.style-form .wide{grid-column:1/-1}.character-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-library-card{display:flex;flex-direction:column;gap:12px}.character-library-top{display:flex;gap:11px;align-items:center}.character-avatar-lg{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff;display:grid;place-items:center;font-size:18px}.character-library-top h3{font-size:15px;margin:0 0 2px}.character-library-top p{font-size:10px;color:var(--muted);margin:0 0 5px}.character-library-meta{padding:11px;border-radius:11px;background:#f7faf8}.character-library-meta b{font-size:10px;color:#314b3f}.character-library-meta ul{padding-left:16px;margin:7px 0;font-size:9px;line-height:1.55;color:#66786f}.character-capability-row{display:flex;gap:6px;flex-wrap:wrap}.character-capability-row span{font-size:8.5px;padding:5px 7px;border-radius:99px;background:#eaf7ef;color:#2D8B53;font-weight:800}

.style-admin-intro{margin-bottom:16px}.copyright-safe-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:11px;background:#eff8f3;color:#456356;font-size:10px;line-height:1.55}.copyright-safe-note i{color:#2D8B53;margin-top:2px}.style-admin-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:18px;align-items:start}.style-admin-grid>section:first-child{position:sticky;top:100px}.style-admin-list{display:grid;gap:10px}.style-admin-card{padding:0;overflow:hidden}.style-admin-card>summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.style-admin-card>summary::-webkit-details-marker{display:none}.style-admin-card>summary>i{transition:.18s}.style-admin-card[open]>summary>i{transform:rotate(180deg)}.style-admin-summary{display:flex;align-items:center;gap:10px}.style-admin-summary img,.style-admin-placeholder{width:68px;height:44px;border-radius:9px;object-fit:cover;background:#edf7f1;display:grid;place-items:center;color:#2D8B53}.style-admin-summary>span:last-child{display:flex;flex-direction:column}.style-admin-summary b{font-size:11px}.style-admin-summary small{font-size:8.5px;color:var(--muted)}.style-admin-body{border-top:1px solid #e7edea;padding:14px}.style-form input[type=range]{padding:0;border:0;box-shadow:none;accent-color:#2D8B53}

html[data-theme="dark"] .project-section-tabs,html[data-theme="dark"] .world-context-grid>div,html[data-theme="dark"] .style-choice-shell,html[data-theme="dark"] .shared-character-choice>span,html[data-theme="dark"] .chat-proposal{background:#17201d;border-color:#304039;color:#e6efeb}
html[data-theme="dark"] .project-world-panel,html[data-theme="dark"] .series-platform-note,html[data-theme="dark"] .panel-structure-editor{background:linear-gradient(145deg,#151e1b,#152026);border-color:#2d4037}
html[data-theme="dark"] .style-choice-card>input:checked+.style-choice-shell,html[data-theme="dark"] .shared-character-choice>input:checked+span{background:#192820;border-color:#63c58a}
html[data-theme="dark"] .style-thumb{background:linear-gradient(135deg,#20332a,#1d3038)}html[data-theme="dark"] .style-choice-copy b,html[data-theme="dark"] .world-context-grid b{color:#e4eeea}
html[data-theme="dark"] .chat-bubble{background:#17201d;border-color:#2e3d37}html[data-theme="dark"] .chat-bubble.user{background:#183026}html[data-theme="dark"] .chat-bubble.assistant{background:#172a31}
html[data-theme="dark"] .identity-lock-field textarea,html[data-theme="dark"] .character-library-meta,html[data-theme="dark"] .character-ai-action-card{background:#17221f;border-color:#2e4038;color:#dce8e3}
html[data-theme="dark"] .micro-chip{background:#1d2824;border-color:#32423c;color:#b9c9c2}html[data-theme="dark"] .micro-chip.active{background:#1c3527;color:#83d7a3;border-color:#37694b}
html[data-theme="dark"] .style-admin-card,html[data-theme="dark"] .copyright-safe-note{background:#17201d;border-color:#2e3d37;color:#c9d7d1}

@media(max-width:1100px){.style-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-library-layout,.style-admin-grid{grid-template-columns:1fr}.character-library-create,.style-admin-grid>section:first-child{position:static}.character-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.world-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-section-tabs{overflow:auto;flex-wrap:nowrap}.project-section-tabs a{white-space:nowrap}.style-choice-grid,.shared-character-picker,.character-library-list{grid-template-columns:1fr}.script-chat-form,.character-ai-edit-form,.panel-structure-form{grid-template-columns:1fr}.panel-structure-editor{grid-template-columns:1fr}.character-bible-card{grid-template-columns:1fr}.character-bible-card .character-edit-number{width:100%;height:140px}.character-reference-board{grid-template-columns:1fr}.style-snapshot-card{grid-template-columns:44px 1fr}.style-snapshot-card .realism-meter{grid-column:1/-1}.world-context-grid{grid-template-columns:1fr}.character-library-form .form-grid,.style-form .form-grid{grid-template-columns:1fr}.character-library-form .wide,.style-form .wide{grid-column:auto}}

.character-library-scope{font-size:9px;font-weight:800;color:#557067;display:flex;gap:6px;align-items:center}.character-library-edit{border-top:1px solid #e4ece8;padding-top:9px}.character-library-edit>summary{cursor:pointer;list-style:none;font-size:10px;font-weight:850;color:#2D8B53;display:flex;gap:7px;align-items:center}.character-library-edit>summary::-webkit-details-marker{display:none}.character-library-edit .compact{margin-top:11px}.character-library-form.compact .form-grid{gap:8px}.character-library-form.compact textarea{min-height:0}
html[data-theme="dark"] .character-library-edit{border-color:#304039}html[data-theme="dark"] .character-library-scope{color:#abc0b7}

/* PageAI v0.5.2 — simplified creation UX, bottom preview CTA and localized client management. */
.admin-shell .sidebar .admin-brand-link{display:flex;align-items:center;justify-content:flex-start}
.admin-shell .sidebar .admin-brand-logo{display:block!important;width:142px;height:auto;background:transparent!important;filter:none!important;opacity:1!important}

/* The bottom CTA keeps the same visual identity while becoming a second preview entry point. */
.bottom-cta .bottom-cta-mode-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.bottom-cta .bottom-cta-mode-row .btn.active{box-shadow:0 0 0 3px rgba(45,139,83,.16),0 8px 24px rgba(26,103,74,.12)}
.bottom-cta .bottom-cta-preview-workspace{display:block;width:min(720px,100%);margin:20px auto 0;text-align:left}
.bottom-cta .bottom-cta-preview-workspace[hidden],
.manga-config-panel[hidden],
.client-manager-wrap[hidden],
.bottom-cta-field[hidden]{display:none!important}
.bottom-cta-preview-form{display:grid;gap:12px;padding:18px;border:1px solid #cfe6dc;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(28,82,61,.08)}
.bottom-cta-preview-form label{display:grid;gap:7px;margin:0}
.bottom-cta-preview-form label>span{font-size:12px;font-weight:850;color:#315247}
.bottom-cta-preview-form input,.bottom-cta-preview-form textarea{width:100%;box-sizing:border-box;border:1px solid #d7e4df;border-radius:10px;background:#fff;color:#1e3029;font:inherit;padding:11px 13px;outline:0}
.bottom-cta-preview-form input{height:44px}
.bottom-cta-preview-form textarea{min-height:112px;resize:vertical}
.bottom-cta-preview-form input:focus,.bottom-cta-preview-form textarea:focus{border-color:#2D8B53;box-shadow:0 0 0 4px rgba(45,139,83,.09)}
.bottom-cta-preview-submit{justify-self:end;min-width:240px!important;border:0!important;background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%)!important;color:#fff!important}
.bottom-cta-turnstile{min-height:0}
.bottom-public-preview-card{margin:14px 0 0;background:#fff}
html[data-theme="dark"] .bottom-cta-preview-form,html[data-theme="dark"] .bottom-public-preview-card{background:#151e1b;border-color:#2d4037;color:#e6efeb}
html[data-theme="dark"] .bottom-cta-preview-form label>span{color:#c7dad1}
html[data-theme="dark"] .bottom-cta-preview-form input,html[data-theme="dark"] .bottom-cta-preview-form textarea{background:#111a17;border-color:#31433b;color:#edf4f1}

/* Optional manga configuration stays collapsed until explicitly requested. */
.manga-config-launchers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.manga-config-toggle{min-height:54px;border:1px solid #dbe8e2;border-radius:13px;background:#f9fcfa;color:#34483f;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;transition:.18s ease}
.manga-config-toggle>span{display:flex;align-items:center;gap:10px;min-width:0}.manga-config-toggle>span>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e9f7ef;color:#2D8B53}.manga-config-toggle b{font-size:12px}.manga-config-toggle .manga-config-chevron{font-size:11px;color:#71847b;transition:transform .18s ease}.manga-config-toggle:hover,.manga-config-toggle.active{border-color:#7abb93;background:#f2faf5}.manga-config-toggle.active .manga-config-chevron{transform:rotate(180deg)}
.manga-config-panel{border:1px solid #dfeae5;border-radius:14px;background:#fbfdfc;padding:16px}.manga-config-panel .creation-section-title{margin:0 0 14px}.manga-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.manga-config-grid label{display:grid;gap:7px;min-width:0;margin:0}.manga-config-grid label>span{font-weight:800;color:#26352f}.manga-create-form select,.manga-config-grid select{height:44px!important;min-height:44px!important;max-height:44px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;line-height:42px!important}
html[data-theme="dark"] .manga-config-toggle,html[data-theme="dark"] .manga-config-panel{background:#151e1b;border-color:#2d4037;color:#e6efeb}html[data-theme="dark"] .manga-config-toggle>span>i{background:#193326;color:#8fdbad}html[data-theme="dark"] .manga-config-grid label>span{color:#d4e2dc}

/* Character Library primary actions use the PageAI brand gradient. */
.character-library-form .btn-primary{background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(45,139,83,.14)}

/* Client management is discoverable from the project card but hidden until requested. */
.history-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.client-manager-toggle{min-height:36px;white-space:nowrap}.client-manager-toggle.active{border-color:#83b89a;background:#f1faf5;color:#2D8B53}.client-manager-wrap{margin:4px 0 18px;padding:16px;border:1px solid #deebe5;border-radius:13px;background:#fafdfb}.client-workspace-embedded{padding:0;border:0!important;background:transparent!important;box-shadow:none!important}.client-workspace-embedded>.panel-head{margin-bottom:14px}.history-project-grid{margin-top:2px}
html[data-theme="dark"] .client-manager-wrap{background:#121b18;border-color:#2d4037}html[data-theme="dark"] .client-manager-toggle.active{background:#193326;border-color:#3d7051;color:#9bd9b2}

@media(max-width:820px){.bottom-cta .bottom-cta-mode-row{flex-direction:column;align-items:center}.bottom-cta .bottom-cta-preview-workspace{width:100%}.manga-config-launchers,.manga-config-grid{grid-template-columns:1fr}.history-project-panel-head{gap:12px}.history-head-actions{width:100%;justify-content:flex-start}}
@media(max-width:560px){.bottom-cta-preview-form{padding:14px}.bottom-cta-preview-submit{width:100%;min-width:0!important}.client-manager-wrap{padding:12px}}


/* =========================================================
   PageAI v0.6.0 — output formats, payment defaults and global characters
   ========================================================= */
.manga-basic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.manga-basic-grid label{display:grid;gap:8px;align-content:start;min-width:0;margin:0}.manga-basic-grid label>span{font-weight:800;color:#26352f;line-height:1.45}.manga-config-panel .creation-section-title{padding-top:0!important;border-top:0!important}.manga-config-grid label{align-content:start;align-self:start}.manga-config-grid .world-language-field{align-self:start!important;align-content:start!important}.character-library-form .form-grid+.btn-primary{margin-top:16px}.history-head-panel .btn-primary{background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(45,139,83,.14)}
.app-shell:not(.admin-shell) .app-topbar .top-actions>.icon-btn{width:44px;height:42px;min-width:44px;min-height:42px;border-radius:9px}.app-shell:not(.admin-shell) .app-topbar .top-actions>.icon-btn i{font-size:15px}
.account-payment-method-panel{max-width:900px}.payment-method-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 13px}.payment-method-setting-card{display:block;cursor:pointer}.payment-method-setting-card>input{position:absolute;opacity:0;pointer-events:none}.payment-method-setting-shell{min-height:150px;border:1px solid #dce8e2;border-radius:15px;padding:18px;display:grid;grid-template-columns:48px 1fr 22px;gap:13px;align-items:start;background:#fff;transition:.18s ease}.payment-method-setting-icon{width:48px;height:48px;border-radius:13px;background:#edf8f2;color:#2D8B53;display:grid;place-items:center;font-size:23px}.payment-method-setting-copy{display:grid;gap:7px;padding-top:3px}.payment-method-setting-copy b{font-size:14px;color:#20372d}.payment-method-setting-copy small{font-size:11px;line-height:1.6;color:var(--muted)}.payment-method-selected{font-size:21px;color:#cbd8d2;transition:.18s}.payment-method-setting-card>input:checked+.payment-method-setting-shell{border-color:#57a876;background:linear-gradient(145deg,#f8fdf9,#f4fbfd);box-shadow:0 0 0 3px rgba(45,139,83,.08)}.payment-method-setting-card>input:checked+.payment-method-setting-shell .payment-method-selected{color:#2D8B53}.account-payment-method-hint{margin:0 0 18px}.account-payment-method-panel>.btn-primary{background:linear-gradient(135deg,#2D8B53,#1CB2EC)!important;color:#fff!important;border-color:transparent!important}.payment-provider-bank{position:relative}.payment-provider-card .badge{align-self:flex-start}.global-character-card{border-color:#cce8d8;background:linear-gradient(145deg,#fbfffc,#f8fdff)}.global-character-card .character-avatar-lg{background:linear-gradient(135deg,#2D8B53,#1CB2EC)}.admin-global-character-grid .character-library-create{position:sticky;top:100px}
html[data-theme="dark"] .manga-basic-grid label>span{color:#e5f0eb}html[data-theme="dark"] .payment-method-setting-shell,html[data-theme="dark"] .global-character-card{background:#17201d;border-color:#304039;color:#e6efeb}html[data-theme="dark"] .payment-method-setting-card>input:checked+.payment-method-setting-shell{background:linear-gradient(145deg,#182820,#17272b);border-color:#63c58a}html[data-theme="dark"] .payment-method-setting-copy b{color:#e5efeb}html[data-theme="dark"] .payment-method-setting-icon{background:#193326;color:#8fdbad}
@media(max-width:980px){.manga-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method-setting-grid{grid-template-columns:1fr}}
@media(max-width:680px){.manga-basic-grid{grid-template-columns:1fr}.app-shell:not(.admin-shell) .app-topbar .top-actions>.icon-btn{width:42px;height:42px}}

/* =========================================================
   PageAI v0.7.2 — defaults, color mode, validated preview and deferred Turnstile UX
   ========================================================= */
.required-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;padding:2px 7px;border-radius:999px;background:#fff0f1;color:#c74455;font-size:9px;font-weight:900;line-height:1.5;vertical-align:2px}.company-external-link{display:inline-flex;align-items:center;gap:7px;color:#2D8B53;font-weight:800;overflow-wrap:anywhere}.company-external-link:hover{text-decoration:underline}.company-external-link i{font-size:11px}
.faq-more-row{display:flex;justify-content:center;padding-top:24px}.faq-more-link{display:inline-flex;align-items:center;gap:9px;color:#2D8B53;font-weight:900;padding:10px 4px;border-bottom:1px solid rgba(45,139,83,.32)}.faq-more-link:hover{gap:13px}.faq-more-link i{font-size:11px;transition:.18s}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* FAQ public library */
.faq-page{background:#f8fbfa}.faq-page-hero{padding:64px 0 48px;background:radial-gradient(circle at 82% 18%,rgba(28,178,236,.10),transparent 30%),radial-gradient(circle at 18% 5%,rgba(45,139,83,.10),transparent 33%),linear-gradient(180deg,#fff,#f7fbf9);border-bottom:1px solid #e3ece8}.faq-page-hero-inner{text-align:center;max-width:900px}.faq-page-hero h1{font-size:44px;letter-spacing:-1.8px;margin:14px 0 10px}.faq-page-hero p{margin:0 auto;color:#66776f;font-size:15px;line-height:1.8;max-width:680px}.faq-search-shell{position:relative;width:min(720px,100%);margin:28px auto 0;text-align:left}.faq-search-shell>label{height:58px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:0 18px;background:#fff;border:1px solid #cfe0d8;border-radius:15px;box-shadow:0 15px 40px rgba(29,70,55,.09)}.faq-search-shell>label i{color:#2D8B53;font-size:16px}.faq-search-shell input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;height:100%;font-size:15px}.faq-suggestions{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:15;background:#fff;border:1px solid #dce8e3;border-radius:13px;box-shadow:0 18px 38px rgba(30,67,54,.13);padding:7px;max-height:320px;overflow:auto}.faq-suggestions[hidden]{display:none}.faq-suggestion{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;background:transparent;border-radius:9px;text-align:left;cursor:pointer;color:#263a31}.faq-suggestion:hover,.faq-suggestion.active{background:#eff9f3;color:#247a48}.faq-suggestion .faq-q{flex:0 0 26px;width:26px;height:26px}.faq-suggestion span:last-child{font-size:12px;line-height:1.5;font-weight:750}
.faq-browser-section{padding:42px 0 72px}.faq-browser-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.faq-category-panel{position:sticky;top:96px;display:grid;gap:7px;padding:18px;background:#fff;border:1px solid #e0e9e5;border-radius:16px}.faq-category-panel>strong{font-size:12px;color:#556960;margin:2px 4px 8px}.faq-category-button{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;width:100%;border:0;background:transparent;border-radius:9px;padding:10px 9px;text-align:left;color:#5d6e66;font-size:12px;font-weight:800;cursor:pointer}.faq-category-button i{width:22px;text-align:center;color:#8da097}.faq-category-button span{display:inline-flex;justify-content:center;min-width:24px;padding:2px 6px;border-radius:999px;background:#f2f5f4;color:#788880;font-size:9px}.faq-category-button:hover,.faq-category-button.active{background:#edf8f2;color:#267d4a}.faq-category-button.active i{color:#2D8B53}.faq-category-button.active span{background:#dff1e7;color:#267d4a}.faq-results-panel{min-width:0}.faq-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.faq-results-head small{font-size:9px;font-weight:900;color:#2D8B53;letter-spacing:.13em}.faq-results-head h2{margin:5px 0 0;font-size:25px;letter-spacing:-.8px}.faq-results-head>span{display:flex;align-items:center;justify-content:center;min-width:40px;height:30px;padding:0 10px;background:#edf8f2;color:#2D8B53;border-radius:999px;font-size:11px;font-weight:900}.faq-library-list{display:grid;gap:11px}.faq-library-item[hidden]{display:none!important}.faq-library-category{display:inline-flex;margin:0 0 5px 7px;padding:3px 8px;border-radius:999px;background:#edf7f2;color:#43815f;font-size:9px;font-weight:850}.faq-library-item .faq-item{background:#fff;border:1px solid #e0e9e5;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px rgba(31,64,52,.025)}.faq-empty-state{text-align:center;padding:60px 20px;border:1px dashed #cfddd7;border-radius:16px;background:#fff;color:#71827a}.faq-empty-state[hidden]{display:none}.faq-empty-state i{font-size:31px;color:#91a39b;margin-bottom:12px}.faq-empty-state b{display:block;color:#40534a;margin-bottom:6px}.faq-empty-state p{font-size:12px;margin:0}.faq-support-cta{padding:0 0 70px}.faq-support-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;border-radius:18px;background:linear-gradient(135deg,#16362a,#163b43);color:#fff}.faq-support-cta>.container>div{display:flex;align-items:center;gap:15px}.faq-support-cta>.container>div>i{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.11);display:grid;place-items:center;font-size:19px}.faq-support-cta span{display:grid;gap:4px}.faq-support-cta b{font-size:16px}.faq-support-cta small{color:#bdd2c9}.faq-support-cta .btn-primary{white-space:nowrap;background:linear-gradient(135deg,#2D8B53,#1CB2EC)}
html[data-theme="dark"] .faq-page{background:#101715}html[data-theme="dark"] .faq-page-hero{background:radial-gradient(circle at 82% 18%,rgba(28,178,236,.09),transparent 30%),radial-gradient(circle at 18% 5%,rgba(45,139,83,.15),transparent 33%),#121b18;border-color:#263732}html[data-theme="dark"] .faq-page-hero p{color:#adbbb5}html[data-theme="dark"] .faq-search-shell>label,html[data-theme="dark"] .faq-suggestions,html[data-theme="dark"] .faq-category-panel,html[data-theme="dark"] .faq-library-item .faq-item,html[data-theme="dark"] .faq-empty-state{background:#151e1b;border-color:#2c3d37;color:#e8f1ed}html[data-theme="dark"] .faq-category-button{color:#aebdb7}html[data-theme="dark"] .faq-category-button:hover,html[data-theme="dark"] .faq-category-button.active{background:#193326;color:#9bd9b2}html[data-theme="dark"] .faq-suggestion{color:#d7e4df}html[data-theme="dark"] .faq-suggestion:hover{background:#193326;color:#a7e2bd}

/* FAQ admin */
.admin-faq-intro{margin-bottom:18px}.admin-faq-intro h2{margin:0 0 5px}.admin-faq-intro p{margin:0}.admin-faq-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:18px;margin-bottom:18px}.faq-admin-form{display:grid;gap:12px}.faq-admin-form label{display:grid;gap:6px}.faq-admin-form label>span{font-size:11px;font-weight:850;color:#55675f}.faq-admin-form .btn-primary{justify-self:start;background:linear-gradient(135deg,#2D8B53,#1CB2EC)}.admin-check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important}.admin-check input{width:16px;height:16px;margin:0}.admin-category-list{display:grid;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.admin-category-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #f0f2f1}.admin-category-list>div>span:first-child{display:grid;gap:2px;min-width:0}.admin-category-list b{font-size:11px}.admin-category-list small{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.admin-category-list form,.admin-faq-table form{display:inline-flex}.faq-admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-admin-options{display:grid;grid-template-columns:150px auto auto;align-items:end;gap:15px}.admin-faq-table-wrap{overflow:auto}.admin-faq-table{min-width:790px}.admin-faq-table td:nth-child(2){min-width:300px}.admin-faq-table td:nth-child(2) b,.admin-faq-table td:nth-child(2) small{display:block}.admin-faq-table td:nth-child(2) small{margin-top:4px;color:var(--muted);font-size:10px}.admin-faq-table .table-actions{justify-content:flex-end}.admin-faq-table-panel{margin-bottom:30px}
html[data-theme="dark"] .faq-admin-form label>span{color:#cbd9d3}html[data-theme="dark"] .admin-category-list>div{border-color:#283831}

/* Rich How-to with UI-faithful thumbnails */
.guide-v070{background:#fff}.guide-v070 .guide-hero{padding:64px 0 30px;background:radial-gradient(circle at 20% 10%,rgba(45,139,83,.09),transparent 35%),radial-gradient(circle at 80% 20%,rgba(28,178,236,.09),transparent 31%),linear-gradient(180deg,#fff,#f8fbfa)}.guide-v070 .guide-hero-inner{text-align:center;max-width:980px}.guide-v070 .guide-hero h1{font-size:46px;letter-spacing:-2px;margin:15px 0 13px}.guide-v070 .guide-hero p{max-width:760px;margin:0 auto;color:#68766f;font-size:15px;line-height:1.9}.guide-hero-actions{display:flex;justify-content:center;gap:10px;margin:24px 0 30px}.guide-hero-actions .btn-primary{background:linear-gradient(135deg,#2D8B53,#1CB2EC)}.guide-v070 .guide-step-index{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:0}.guide-v070 .guide-step-index a{min-width:0;display:flex;align-items:center;gap:7px;padding:10px;background:#fff;border:1px solid #e0e9e5;border-radius:11px;text-align:left;font-size:10px;font-weight:800;color:#52635b}.guide-v070 .guide-step-index a span{flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#edf8f2;color:#2D8B53;display:grid;place-items:center;font-size:9px}.guide-overview-section{padding:24px 0 52px;background:#f8fbfa}.guide-overview-card{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:26px 30px;background:#fff;border:1px solid #dfe9e4;border-radius:18px}.guide-overview-card>div:first-child{max-width:650px}.guide-overview-card h2{font-size:24px;margin:8px 0 7px;letter-spacing:-.8px}.guide-overview-card p{margin:0;color:#6c7b74;line-height:1.75}.guide-mini-flow{display:flex;align-items:center;gap:8px}.guide-mini-flow>span{display:grid;place-items:center;gap:5px;min-width:68px;padding:10px 8px;border-radius:12px;background:#f0f8f4;color:#2D8B53;font-size:9px;font-weight:850;text-align:center}.guide-mini-flow>span i{font-size:16px}.guide-mini-flow>i{font-size:9px;color:#9daba5}.guide-v070 .guide-flow-section{padding:68px 0}.guide-v070 .guide-flow{display:grid;gap:92px}.guide-v070 .guide-step-card{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(500px,1.24fr);gap:64px;align-items:center}.guide-v070 .guide-step-card.reverse .guide-step-copy{order:2}.guide-v070 .guide-step-card.reverse .guide-app-shot{order:1}.guide-v070 .guide-step-copy{padding:10px}.guide-v070 .guide-step-number{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf7f0;color:#2D8B53;font-size:9px;font-weight:900;letter-spacing:.08em}.guide-v070 .guide-step-copy h2{font-size:31px;letter-spacing:-1.2px;margin:12px 0}.guide-v070 .guide-step-copy>p{font-size:14px;color:#687970;line-height:1.95;margin:0}.guide-point-list{list-style:none;padding:0;margin:19px 0 0;display:grid;gap:9px}.guide-point-list li{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750;color:#4c5f56}.guide-point-list i{width:19px;height:19px;border-radius:50%;background:#e8f7ef;color:#2D8B53;display:grid;place-items:center;font-size:8px}.guide-tip{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px 13px;border-radius:12px;background:#f2f9f5;color:#4e6559;font-size:11px;line-height:1.7}.guide-tip>i{color:#2D8B53;margin-top:3px}.guide-app-shot{position:relative;min-height:380px;border:1px solid #d9e3df;border-radius:18px;background:#f4f7f6;box-shadow:0 23px 54px rgba(31,65,53,.12);overflow:hidden}.guide-app-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid #e1e8e5}.guide-app-brand{display:flex;align-items:center;gap:7px}.guide-app-brand img{width:22px;height:22px;object-fit:contain}.guide-app-brand b{font-size:11px}.guide-window-dots{display:flex;gap:5px}.guide-window-dots i{width:7px;height:7px;border-radius:50%;background:#d5ded9}.guide-shot-sidebar{position:absolute;left:0;top:43px;bottom:0;width:54px;background:linear-gradient(180deg,#163b2c,#173940);display:grid;align-content:start;gap:6px;padding:15px 9px}.guide-shot-sidebar span{width:36px;height:34px;border-radius:8px;display:grid;place-items:center;color:#a7c2b6}.guide-shot-sidebar span.active{background:rgba(255,255,255,.12);color:#fff}.guide-shot-main{margin-left:54px;padding:22px 24px;display:grid;gap:12px}.guide-shot-title{display:grid;gap:3px}.guide-shot-title b{font-size:15px}.guide-shot-title small{font-size:9px;color:#7b8983}.guide-shot-main label{display:grid;gap:5px}.guide-shot-main label>span{font-size:8px;font-weight:900;color:#52635b}.guide-shot-main label>em{min-height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid #dce4e0;border-radius:7px;background:#fff;color:#87938e;font-size:8px;font-style:normal}.guide-shot-main label.idea>em{min-height:54px;align-items:flex-start;padding-top:9px}.guide-shot-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guide-shot-main button,.guide-natural-edit button,.guide-output-grid figcaption button{border:0;border-radius:7px;background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff;font-size:8px;font-weight:850;padding:9px 12px}.guide-shot-main>button{justify-self:end;display:flex;align-items:center;gap:6px}.guide-settings-shot,.guide-progress-shot,.guide-editor-shot,.guide-export-shot{padding:24px}.guide-config-launch{height:48px;border:1px solid #cfe2d8;border-radius:11px;background:#f8fcfa;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#42584d}.guide-config-launch>span{display:flex;align-items:center;gap:8px}.guide-config-launch>span>i{width:28px;height:28px;border-radius:8px;background:#e5f5ec;color:#2D8B53;display:grid;place-items:center}.guide-config-launch b{font-size:10px}.guide-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.guide-config-grid label{display:grid;gap:5px;padding:9px 10px;border:1px solid #e0e7e4;border-radius:8px;background:#fff}.guide-config-grid small{font-size:7px;color:#7d8d85}.guide-config-grid b{font-size:9px}.guide-style-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guide-style-row>span{min-height:105px;display:grid;align-content:center;justify-items:center;gap:7px;padding:9px;border:1px solid #dfe7e3;border-radius:9px;background:#fff;text-align:center;position:relative}.guide-style-row>span>i:first-child{font-size:24px;color:#a6b3ad}.guide-style-row b{font-size:8px}.guide-style-row>span.selected{border-color:#58aa79;background:#f7fcf9}.guide-style-row>span.selected>i:last-child{position:absolute;right:6px;top:6px;color:#2D8B53;font-size:11px}.guide-progress-shot{display:grid;gap:18px}.guide-progress-head{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center}.guide-progress-head>span{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff;display:grid;place-items:center}.guide-progress-head>div{display:grid;gap:3px}.guide-progress-head b{font-size:11px}.guide-progress-head small{font-size:8px;color:#7d8b85}.guide-progress-head strong{font-size:15px;color:#2D8B53}.guide-progress-bar{height:8px;border-radius:99px;background:#e4ebe8;overflow:hidden}.guide-progress-bar i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#2D8B53,#1CB2EC);border-radius:inherit}.guide-stage-list{display:grid;gap:8px}.guide-stage-list span{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e3e9e6;border-radius:9px;background:#fff;color:#86938d}.guide-stage-list span>i{width:24px;height:24px;border-radius:8px;background:#f0f3f2;display:grid;place-items:center;font-size:8px}.guide-stage-list b{font-size:9px}.guide-stage-list span.done{color:#46705a}.guide-stage-list span.done>i{background:#e5f5ec;color:#2D8B53}.guide-stage-list span.active{border-color:#79bf96;color:#285a40;background:#f8fdf9}.guide-stage-list span.active>i{background:#e8f6ee;color:#2D8B53}.guide-editor-tabs{display:flex;gap:4px;overflow:hidden;border-bottom:1px solid #dce5e1;margin-bottom:13px}.guide-editor-tabs span{padding:8px 7px;font-size:7px;color:#87938e;white-space:nowrap}.guide-editor-tabs span.active{color:#2D8B53;border-bottom:2px solid #2D8B53;font-weight:900}.guide-editor-card{padding:12px;border:1px solid #dde6e2;border-radius:11px;background:#fff}.guide-editor-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.guide-editor-card-head b{font-size:10px}.guide-editor-card-head span{font-size:7px;color:#2D8B53;background:#edf8f2;border-radius:999px;padding:4px 7px}.guide-panel-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.guide-panel-mini-grid>span{min-height:105px;display:grid;align-content:end;gap:5px;padding:8px;border-radius:7px;background:linear-gradient(145deg,#e4ece8,#f7faf8);position:relative;overflow:hidden}.guide-panel-mini-grid>span:before{content:"";position:absolute;inset:10px 13px 38px;border-radius:50% 50% 45% 45%;background:linear-gradient(145deg,#a7b7af,#d6dfda)}.guide-panel-mini-grid b{position:relative;font-size:8px;color:#2D8B53}.guide-panel-mini-grid em{position:relative;font-size:6.5px;font-style:normal;line-height:1.45;color:#55675f}.guide-natural-edit{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;margin-top:9px;padding:7px 8px;background:#f3f9f6;border-radius:8px}.guide-natural-edit>i{color:#2D8B53;font-size:9px}.guide-natural-edit>span{font-size:6.5px;color:#617269}.guide-natural-edit button{padding:6px 8px}.guide-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-output-grid figure{margin:0;padding:8px;border:1px solid #dce5e1;border-radius:10px;background:#fff}.guide-manga-page{aspect-ratio:3/4;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:.8fr 1.2fr;gap:3px;padding:3px;background:#2d3c35;border-radius:5px}.guide-manga-page span{background:linear-gradient(135deg,#d9e4df,#f7faf8);position:relative;overflow:hidden}.guide-manga-page span:after{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50% 50% 44% 44%;background:#9eb1a8;left:22%;top:20%}.guide-manga-page span:nth-child(3){grid-column:1/-1}.guide-manga-page span:nth-child(4){display:none}.guide-manga-page.alt{grid-template-columns:.8fr 1.2fr}.guide-output-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:7px;font-size:7px;font-weight:850}.guide-output-grid figcaption button{padding:5px 7px}.guide-help-section{padding:24px 0 70px}.guide-help-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:22px 25px;border:1px solid #dce7e2;border-radius:16px;background:#f9fcfa}.guide-help-card>span{width:48px;height:48px;border-radius:13px;background:#e8f7ef;color:#2D8B53;display:grid;place-items:center;font-size:19px}.guide-help-card h2{font-size:17px;margin:0 0 4px}.guide-help-card p{margin:0;color:#708078;font-size:11px;line-height:1.65}.guide-bottom-cta{padding:54px 0 60px;background:linear-gradient(135deg,#17392b,#173943);color:#fff}.guide-bottom-cta h2{font-size:27px;margin:0 0 7px}.guide-bottom-cta p{color:#c0d2ca;margin:0 0 20px}.guide-bottom-cta .btn-primary{background:linear-gradient(135deg,#2D8B53,#1CB2EC)}
html[data-theme="dark"] .guide-v070{background:#101715}html[data-theme="dark"] .guide-v070 .guide-hero,html[data-theme="dark"] .guide-overview-section{background:#121b18}html[data-theme="dark"] .guide-overview-card,html[data-theme="dark"] .guide-v070 .guide-step-index a,html[data-theme="dark"] .guide-app-shot,html[data-theme="dark"] .guide-app-bar,html[data-theme="dark"] .guide-config-grid label,html[data-theme="dark"] .guide-style-row>span,html[data-theme="dark"] .guide-stage-list span,html[data-theme="dark"] .guide-editor-card,html[data-theme="dark"] .guide-output-grid figure,html[data-theme="dark"] .guide-help-card{background:#151e1b;border-color:#2b3d36;color:#e7f0ec}html[data-theme="dark"] .guide-shot-main label>em{background:#111a17;border-color:#304039;color:#aebdb7}html[data-theme="dark"] .guide-v070 .guide-step-copy>p,html[data-theme="dark"] .guide-v070 .guide-hero p,html[data-theme="dark"] .guide-overview-card p{color:#afbeb8}

/* Global PC / tablet / smartphone responsiveness sweep. */
img,video,canvas,svg{max-width:100%}.history-table{max-width:100%}.panel,.legal-card,.auth-card{min-width:0}.app-content>*{max-width:100%}
@media(max-width:1180px){
  .container{width:min(100% - 32px,1180px)}
  .app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.app-content{padding:24px 24px 50px}.app-topbar{padding:0 24px}.page-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-faq-layout{grid-template-columns:1fr}.admin-faq-category-panel{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);gap:18px}.admin-faq-category-panel>.panel-head{grid-column:1/-1}.admin-category-list{margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--line)}
  .guide-v070 .guide-step-card{grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);gap:38px}.guide-v070 .guide-step-index{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .public-header{height:auto;min-height:70px}.public-header .container{min-height:70px;height:auto;flex-wrap:wrap;gap:9px 14px;padding:10px 0}.public-main-nav{order:3;width:100%;justify-content:center;gap:28px;padding-top:8px;border-top:1px solid #edf1ef}.public-header-actions{margin-left:auto}.public-header-actions .btn{padding:9px 12px}
  .app-shell{display:block;min-height:100vh}.sidebar{position:relative;top:auto;width:100%;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.sidebar .brand{padding:0}.sidebar .brand-logo{max-height:34px;width:auto}.side-nav{min-width:0;display:flex;flex-direction:row;overflow-x:auto;gap:5px;padding:2px;scrollbar-width:thin}.side-nav a{flex:0 0 auto;white-space:nowrap;padding:9px 10px}.sidebar-bottom{margin:0;display:flex;align-items:center;gap:8px}.sidebar-bottom .credit-card{margin:0;padding:8px 10px;min-width:90px}.sidebar-bottom .credit-card small,.sidebar-bottom .credit-card a{display:none}.sidebar-bottom .credit-card strong{font-size:16px;margin:0}.sidebar-bottom .account-link{padding:5px}.sidebar-bottom .account-link>span:nth-child(2){display:none}.admin-shell .sidebar{grid-template-columns:auto auto minmax(0,1fr) auto}.admin-shell .admin-badge{margin:0}.admin-shell .sidebar-bottom{grid-column:4}.app-topbar{top:0;height:auto;min-height:66px;padding:10px 18px;gap:10px;flex-wrap:wrap}.app-topbar h1{font-size:19px}.top-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.app-content{padding:20px 18px 45px}.page-grid,.manga-new-layout{grid-template-columns:1fr}.manga-flow-aside{position:static}.panel{overflow-x:auto}.tabs{overflow-x:auto;white-space:nowrap}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-browser-layout{grid-template-columns:1fr}.faq-category-panel{position:static;display:flex;overflow-x:auto;padding:11px}.faq-category-panel>strong{display:none}.faq-category-button{flex:0 0 auto;width:auto;grid-template-columns:20px auto auto;white-space:nowrap}.faq-results-head{margin-top:4px}
  .guide-v070 .guide-step-card,.guide-v070 .guide-step-card.reverse{grid-template-columns:1fr;gap:25px}.guide-v070 .guide-step-card.reverse .guide-step-copy,.guide-v070 .guide-step-card.reverse .guide-app-shot{order:initial}.guide-v070 .guide-step-copy{max-width:720px}.guide-app-shot{min-height:360px}.guide-overview-card{display:grid}.guide-mini-flow{justify-content:center}.guide-help-card{grid-template-columns:44px 1fr}.guide-help-card>.btn{grid-column:2;justify-self:start}
  .admin-faq-category-panel{display:block}.admin-category-list{margin-top:18px;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:680px){
  body{font-size:13px}.container{width:min(100% - 24px,1180px)}
  .public-header .container{padding:8px 0}.public-header .brand-logo{max-width:116px}.public-header-actions{gap:5px;overflow:visible}.public-header-actions .btn{font-size:10px;padding:7px 9px;border-radius:8px;min-height:42px;height:42px;box-sizing:border-box}.public-main-nav{justify-content:space-between;gap:8px;overflow-x:auto}.public-main-nav a{flex:0 0 auto;font-size:10px}.language-control .language-code-button{min-height:42px;height:42px;padding:0 7px}.theme-toggle{width:34px!important;height:34px!important;min-width:34px!important}
  .sidebar{grid-template-columns:auto minmax(0,1fr);gap:9px;padding:10px 12px}.sidebar .brand-logo{max-width:108px}.side-nav{grid-column:1/-1;order:3}.sidebar-bottom{grid-column:2;grid-row:1;justify-self:end}.admin-shell .sidebar{grid-template-columns:auto auto minmax(0,1fr)}.admin-shell .side-nav{grid-column:1/-1}.admin-shell .sidebar-bottom{grid-column:3;grid-row:1}.admin-shell .admin-badge{font-size:8px;padding:3px 6px}.side-nav a{font-size:10px;padding:8px}.side-nav a .nav-icon{width:18px}.sidebar-bottom .credit-card{min-width:58px;padding:7px 8px}.app-topbar{padding:9px 12px;align-items:flex-start;overflow:visible}.app-topbar h1{width:100%;font-size:17px}.top-actions{width:100%;margin:0;justify-content:flex-start;overflow:visible;flex-wrap:wrap;row-gap:6px}.top-actions>*{flex:0 0 auto}.top-actions .btn{padding:8px 10px;font-size:10px}.locale-pill{font-size:9px}.app-content{padding:15px 12px 36px}.panel{padding:15px;border-radius:13px}.panel-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:13px}.history-table th,.history-table td{padding:9px 7px}.form-row{margin-bottom:14px}.choice-grid{grid-template-columns:1fr}.action-row,.form-actions{flex-direction:column;align-items:stretch}.action-row .btn,.form-actions .btn{width:100%}.auth-wrap{padding:24px 12px}.auth-card{width:min(100%,480px);padding:22px 18px}.auth-page-tools{top:10px;right:10px}.legal-page{padding-top:30px}.company-overview>div{grid-template-columns:1fr!important;gap:5px!important}.company-overview dt{padding-bottom:0!important}.company-overview dd{padding-top:0!important}
  .faq-page-hero{padding:40px 0 32px}.faq-page-hero h1{font-size:32px;letter-spacing:-1.2px}.faq-page-hero p{font-size:13px}.faq-search-shell{margin-top:20px}.faq-search-shell>label{height:52px;padding:0 14px}.faq-browser-section{padding:25px 0 50px}.faq-results-head{align-items:center}.faq-results-head h2{font-size:19px}.faq-library-category{margin-left:4px}.faq-support-cta>.container{display:grid;padding:20px}.faq-support-cta .btn-primary{width:100%}.faq-support-cta>.container>div>i{flex:0 0 40px;width:40px;height:40px}.faq-support-cta b{font-size:14px}.faq-support-cta small{font-size:10px;line-height:1.6}
  .faq-admin-two-col,.faq-admin-options{grid-template-columns:1fr}.faq-admin-form .btn-primary{width:100%}.admin-category-list>div{align-items:flex-start}.admin-faq-intro{align-items:flex-start}
  .guide-v070 .guide-hero{padding:42px 0 20px}.guide-v070 .guide-hero h1{font-size:32px;letter-spacing:-1.2px}.guide-v070 .guide-hero p{font-size:13px}.guide-hero-actions{flex-direction:column}.guide-hero-actions .btn{width:100%}.guide-v070 .guide-step-index{display:flex;overflow-x:auto;padding-bottom:4px}.guide-v070 .guide-step-index a{flex:0 0 155px}.guide-overview-section{padding:15px 0 35px}.guide-overview-card{padding:18px}.guide-overview-card h2{font-size:19px}.guide-mini-flow{overflow-x:auto;justify-content:flex-start}.guide-mini-flow>span{min-width:61px}.guide-v070 .guide-flow-section{padding:45px 0}.guide-v070 .guide-flow{gap:60px}.guide-v070 .guide-step-copy{padding:0}.guide-v070 .guide-step-copy h2{font-size:25px}.guide-v070 .guide-step-copy>p{font-size:12px}.guide-app-shot{min-height:320px;border-radius:13px}.guide-app-bar{height:38px}.guide-shot-sidebar{top:38px;width:42px;padding:10px 5px}.guide-shot-sidebar span{width:32px;height:31px}.guide-shot-main{margin-left:42px;padding:14px;gap:9px}.guide-shot-fields{grid-template-columns:1fr 1fr}.guide-shot-fields label:last-child{grid-column:1/-1}.guide-settings-shot,.guide-progress-shot,.guide-editor-shot,.guide-export-shot{padding:15px}.guide-config-grid{grid-template-columns:1fr 1fr}.guide-style-row{grid-template-columns:repeat(3,100px);overflow-x:auto}.guide-progress-head{grid-template-columns:34px 1fr auto}.guide-progress-head>span{width:34px;height:34px}.guide-editor-tabs{overflow-x:auto}.guide-panel-mini-grid{grid-template-columns:repeat(3,110px);overflow-x:auto}.guide-natural-edit{grid-template-columns:18px 1fr}.guide-natural-edit button{grid-column:2;justify-self:end}.guide-output-grid{gap:9px}.guide-help-section{padding-bottom:48px}.guide-help-card{grid-template-columns:38px 1fr;padding:17px}.guide-help-card>span{width:38px;height:38px}.guide-help-card>.btn{grid-column:1/-1;width:100%}.guide-bottom-cta h2{font-size:22px}
  .public-footer .footer-grid{grid-template-columns:1fr 1fr!important}.public-footer .footer-brand{grid-column:1/-1}.public-footer{padding-left:0;padding-right:0}.public-footer-copy{text-align:center;padding:18px 12px}
}
@media(max-width:420px){
  .stats-grid{grid-template-columns:1fr}.public-header-actions .btn-ghost{display:inline-flex!important}.guide-output-grid{grid-template-columns:1fr 1fr}.guide-config-grid{grid-template-columns:1fr}.faq-results-head>span{min-width:34px}.auth-card{padding:20px 15px}.sidebar-bottom .account-link{display:none}.admin-shell .sidebar-bottom{display:none}.admin-shell .sidebar{grid-template-columns:auto auto}.admin-shell .admin-badge{justify-self:end}
}

/* ===== PageAI v0.7.2 landing preview UX ===== */
.hero-input-guide{margin:0;padding:9px 11px;border-radius:9px;background:#f0faf5;color:#286342;font-size:11.5px;font-weight:750;line-height:1.55;display:flex;align-items:flex-start;gap:7px}
.hero-input-guide i{margin-top:2px;color:#2D8B53}
.url-prefix-field{display:flex!important;align-items:stretch!important;gap:0!important;width:100%;border:1px solid #ccd8dc;border-radius:7px;background:#fff;overflow:hidden;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
.url-prefix-field:focus-within{border-color:#2D8B53;box-shadow:0 0 0 4px rgba(45,139,83,.09)}
.url-prefix-label{display:flex;align-items:center;padding:0 10px 0 12px;background:#f4f7f7;border-right:1px solid #dce4e5;color:#53626a;font-size:13px;font-weight:800;white-space:nowrap;user-select:none}
.hero-create-card .url-prefix-field input,.bottom-cta-preview-form .url-prefix-field input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;flex:1;background:transparent!important}
.hero-detail-toggle{width:100%;border:0;background:transparent;color:#315247;padding:7px 2px 3px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.hero-detail-toggle>span{display:flex;align-items:center;gap:7px}.hero-detail-toggle>i{font-size:10px;transition:transform .2s}.hero-detail-toggle.active{color:#2D8B53}
.hero-preview-details{border-top:1px solid #e6eceb;padding-top:11px}
.hero-preview-details-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:start}
.hero-preview-details-grid label{min-width:0;align-self:start;align-content:start;grid-auto-rows:max-content}.hero-preview-details-grid input,.hero-preview-details-grid select{width:100%;height:40px;border:1px solid #ccd8dc;border-radius:7px;background:#fff;color:#18212e;padding:8px 9px;font:inherit;font-size:12px;box-sizing:border-box}
.hero-preview-details-grid small{display:block;font-size:9.5px;line-height:1.35;margin-top:-3px;white-space:nowrap}
.hero-preview-premium-note{margin:9px 0 0;color:#6b7280;font-size:10.5px;line-height:1.55}.hero-example-copy{display:block;margin-top:-1px;margin-bottom:0;color:#6b7280;font-size:11px;line-height:1.5}
.preview-human-check{display:grid;gap:7px;padding:10px 11px;border:1px solid #dce8e3;border-radius:10px;background:#fbfdfc;overflow:hidden}
.preview-human-check>span{display:flex;align-items:center;gap:6px;color:#456158;font-size:10.5px;font-weight:850}.preview-human-check>span i{color:#2D8B53}
.preview-human-check .cf-turnstile,.bottom-cta-turnstile [data-cta-turnstile-slot]{min-height:65px;max-width:100%;overflow:hidden}
body.preview-modal-open{overflow:hidden}
.preview-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;box-sizing:border-box}
.preview-modal[hidden]{display:none!important}.public-preview-modal-card [hidden]{display:none!important}
.preview-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(12,26,22,.68);backdrop-filter:blur(5px);cursor:pointer}
.public-preview-modal-card{position:relative;z-index:1;width:min(1040px,calc(100vw - 48px));max-width:1040px!important;max-height:calc(100vh - 48px);overflow:auto;margin:0!important;padding:0!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 30px 90px rgba(9,32,24,.30)!important;background:#fff!important}
.preview-modal-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid #e5ece9;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.preview-modal-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.025em}.preview-modal-eyebrow{display:flex;align-items:center;gap:6px;color:#2D8B53;font-size:11px;font-weight:900}.preview-modal-close{width:38px;height:38px;border:1px solid #dce6e2;border-radius:50%;background:#fff;color:#34463f;display:grid;place-items:center;cursor:pointer;font-size:16px}
.preview-modal-close:hover{background:#f1f7f4}.preview-modal-progress{padding:52px 42px 46px;text-align:center}.preview-loading-icon{width:70px;height:70px;margin:0 auto 17px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f8ef,#eaf8fb);color:#2D8B53;font-size:28px;box-shadow:0 12px 30px rgba(45,139,83,.12)}
.preview-modal-progress>b{display:block;font-size:18px}.preview-modal-progress>p{max-width:560px;margin:8px auto 20px;color:#66746f;font-size:13px;line-height:1.7}.preview-modal-progress .preview-progress{max-width:600px;height:10px;margin:0 auto;background:#edf3f1}.preview-modal-progress .preview-progress i{background:linear-gradient(90deg,#2D8B53,#1CB2EC)}
.preview-modal-result{display:grid;grid-template-columns:minmax(330px,1.05fr) minmax(300px,.95fr);gap:0;min-height:500px}.preview-modal-image-wrap{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf6f2,#eaf5f7);padding:24px;min-height:500px}.preview-modal-image-wrap img{display:block!important;width:auto!important;max-width:100%!important;max-height:66vh!important;margin:0!important;border-radius:10px!important;box-shadow:0 16px 42px rgba(24,61,49,.18);object-fit:contain;background:#fff}.preview-modal-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px 34px 34px}.preview-complete-badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 10px;background:#edf8f1;color:#2D8B53;font-size:11px;font-weight:900}.preview-modal-copy h3{margin:13px 0 8px;font-size:24px;line-height:1.4}.preview-modal-copy>p{margin:0 0 16px;color:#5d6965;font-size:13px;line-height:1.75}.preview-modal-points{display:grid;gap:7px;width:100%;margin:0 0 18px}.preview-modal-points span{display:block;padding:9px 11px;border-radius:9px;background:#f5f8f7;color:#34443e;font-size:11.5px;line-height:1.5}.preview-signup-note{font-size:11px!important;color:#73817c!important;margin-bottom:15px!important}.preview-modal-copy .btn{min-width:210px;justify-content:center}
.preview-modal-error{margin:38px;padding:17px 18px;border-radius:12px;background:#fff4f2;border:1px solid #f4d3cc;color:#9a3d2d;font-size:13px;line-height:1.7;font-weight:700}
.preview-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:0 22px 20px}.preview-modal-actions[hidden]{display:none!important}.preview-modal-actions .btn{min-width:120px}
.bottom-cta-turnstile{max-width:340px;margin:0 auto;width:100%}
html[data-theme="dark"] .hero-input-guide{background:#173126;color:#cfe9da}html[data-theme="dark"] .url-prefix-field{background:#101716;border-color:#354742}html[data-theme="dark"] .url-prefix-label{background:#19221f;border-color:#354742;color:#c5d3ce}html[data-theme="dark"] .hero-preview-details{border-color:#31423d}html[data-theme="dark"] .hero-preview-details-grid input,html[data-theme="dark"] .hero-preview-details-grid select{background:#101716;color:#fff;border-color:#354742}html[data-theme="dark"] .preview-human-check{background:#111a17;border-color:#31433b}html[data-theme="dark"] .preview-human-check>span{color:#c7dad1}
html[data-theme="dark"] .public-preview-modal-card{background:#14201e!important;color:#edf7f4!important;border-color:#33443f!important}html[data-theme="dark"] .preview-modal-head{background:rgba(20,32,30,.96);border-color:#30413d}html[data-theme="dark"] .preview-modal-close{background:#17211f;color:#fff;border-color:#30423e}html[data-theme="dark"] .preview-modal-progress>p,html[data-theme="dark"] .preview-modal-copy>p{color:#b9c8c4}html[data-theme="dark"] .preview-modal-image-wrap{background:linear-gradient(145deg,#101816,#172521)}html[data-theme="dark"] .preview-modal-points span{background:#1b2925;color:#d7e4df}html[data-theme="dark"] .preview-modal-error{background:#321f1d;border-color:#63332d;color:#f1bbb1}
@media(max-width:760px){.hero-preview-details-grid{grid-template-columns:1fr}.preview-modal{padding:10px}.public-preview-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:15px!important}.preview-modal-head{padding:14px 15px}.preview-modal-head h2{font-size:18px}.preview-modal-result{grid-template-columns:1fr;min-height:0}.preview-modal-image-wrap{min-height:0;padding:16px}.preview-modal-image-wrap img{max-height:52vh!important}.preview-modal-copy{padding:22px 19px 24px}.preview-modal-copy h3{font-size:20px}.preview-modal-progress{padding:40px 20px}.preview-modal-actions{padding:0 15px 15px;flex-wrap:wrap}.preview-modal-actions .btn{flex:1;min-width:130px}.preview-modal-error{margin:22px 16px}.url-prefix-label{padding-left:9px;padding-right:8px}}
@media(max-width:430px){.hero-create-card{padding:16px 14px}.hero-input-guide{font-size:10.5px}.url-prefix-label{font-size:12px}.preview-human-check{padding:9px 8px}.preview-human-check .cf-turnstile,.bottom-cta-turnstile [data-cta-turnstile-slot]{transform-origin:left top;max-width:100%}.preview-modal-copy .btn{width:100%}.preview-modal-actions{display:grid;grid-template-columns:1fr 1fr}.preview-modal-actions .btn{width:100%;min-width:0}}

.preview-human-check[hidden]{display:none!important}.preview-human-check.is-awaiting{border-color:#7bc79b;background:linear-gradient(180deg,#f6fff9,#f2fbff)}.preview-preflight-note{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:#557067}

/* ===== PageAI v0.7.6 diagnostic log viewer ===== */
.admin-log-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-log-intro .muted{max-width:820px;line-height:1.7}.admin-log-filters{display:flex;gap:7px;flex-wrap:wrap}.admin-log-filters .active{border-color:#2D8B53;color:#2D8B53;background:#eff8f3}.admin-diagnostic-table{min-width:980px}.admin-diagnostic-table td{vertical-align:top}.nowrap{white-space:nowrap}.log-level-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.03em;background:#eef2f1;color:#45544f}.log-level-error,.log-level-critical{background:#fff0ed;color:#a83a28}.log-level-warning{background:#fff8e7;color:#946600}.log-level-info{background:#eef7ff;color:#246b9e}.log-level-audit{background:#f2f3f7;color:#5d6373}.log-correlation{display:block;margin-top:5px;color:#7b8782;font-size:10px;word-break:break-all}.log-message{max-width:390px;min-width:250px;white-space:normal;line-height:1.55}.log-details summary{cursor:pointer;color:#2D8B53;font-weight:800;font-size:11px}.log-details pre{max-width:620px;max-height:420px;overflow:auto;margin:8px 0 0;padding:12px;border-radius:9px;background:#101715;color:#d9eee6;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}@media(max-width:900px){.admin-log-intro{flex-direction:column}.admin-log-filters{width:100%}}


/* ===== PageAI v0.7.6 public preview phase + ETA visibility ===== */
.preview-phase-head{max-width:700px;margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#2D8B53;font-size:12px;font-weight:800}.preview-phase-head span:last-child{font-variant-numeric:tabular-nums;color:#53655f}.preview-process-help{margin-top:7px!important;margin-bottom:15px!important}.preview-phase-track{max-width:760px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.preview-phase-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dce8e4;border-radius:999px;background:#f8fbfa;color:#81908b;font-size:11px;line-height:1}.preview-phase-chip b{font-weight:750}.preview-phase-chip.is-done{background:#eff8f3;color:#2D8B53;border-color:#d5eadc}.preview-phase-chip.is-active{background:#e9f8f4;color:#157958;border-color:#bfe4d3;box-shadow:0 0 0 3px rgba(45,139,83,.07)}.preview-eta{max-width:700px;margin:14px auto 0;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;align-items:center;color:#354b44}.preview-eta>i{grid-row:1/3;color:#2D8B53}.preview-eta span{font-size:13px;font-weight:650}.preview-eta span b{color:#167955;font-size:14px}.preview-eta small{font-size:10px;color:#86958f}.log-preview-stage b{display:block;color:#203d34}.log-preview-stage small{display:block;margin-top:4px;color:#667b74;line-height:1.45}.admin-diagnostic-table .log-preview-stage{min-width:180px}
html[data-theme="dark"] .preview-phase-head{color:#7ddbad}html[data-theme="dark"] .preview-phase-head span:last-child{color:#abc0b9}html[data-theme="dark"] .preview-phase-chip{background:#182420;border-color:#30413b;color:#83948e}html[data-theme="dark"] .preview-phase-chip.is-done{background:#173026;border-color:#28563f;color:#88e4b4}html[data-theme="dark"] .preview-phase-chip.is-active{background:#15372b;border-color:#367b5b;color:#a2f0c5}html[data-theme="dark"] .preview-eta{color:#d6e5df}html[data-theme="dark"] .preview-eta span b{color:#8be1b5}html[data-theme="dark"] .preview-eta small{color:#91a69e}
@media(max-width:760px){.preview-phase-head{gap:8px}.preview-phase-track{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.preview-phase-chip{flex:0 0 auto}.preview-eta{margin-top:12px;text-align:left}.preview-eta small{line-height:1.45}}

/* PageAI v0.8.1: separate LLM routing profiles and scrollable admin navigation. */
.llm-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.llm-profile-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fcfcfe}.llm-profile-box.preview{background:#f5fbf8;border-color:#d8eee3}.llm-profile-box.paid{background:#f7f7ff;border-color:#e0def8}.llm-profile-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.llm-profile-title>span{margin-left:auto;font-size:10px;color:var(--muted);font-weight:700}.admin-shell .sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.admin-shell .side-nav{flex:0 0 auto}.admin-shell .sidebar-bottom{padding-bottom:10px}
@media(max-width:980px){.llm-profile-grid{grid-template-columns:1fr}.admin-shell .sidebar{overflow:visible}}
@media(max-width:680px){.admin-shell .sidebar{overflow:visible}}

/* PageAI v0.8.2: project financials / admin drill-down. */
.table-scroll{width:100%;overflow:auto}.admin-project-table{min-width:1260px}.admin-project-link{color:#177a55;font-weight:850;text-decoration:none}.admin-project-link:hover{text-decoration:underline}.table-sub{display:block;margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap}.admin-finance-note{margin:12px 0 0;font-size:10px;line-height:1.65}.admin-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.admin-finance-grid .metric{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.admin-finance-grid .metric span{font-size:10px;color:var(--muted);font-weight:800}.admin-finance-grid .metric strong{font-size:20px;color:#173c2e}.admin-finance-grid .metric small{font-size:9px;color:var(--muted);line-height:1.45}.admin-param-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.admin-param-grid>div{padding:10px;border:1px solid var(--line);border-radius:9px;min-width:0}.admin-param-grid span{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.admin-param-grid strong{display:block;font-size:11px;word-break:break-word}.admin-json-detail{margin-top:9px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.admin-json-detail>summary{cursor:pointer;padding:10px 12px;font-size:10px;font-weight:850;background:#fafcfb}.admin-json-detail pre,.manga-page-card details pre{max-height:420px;overflow:auto;margin:0;padding:12px;background:#111916;color:#d9eee6;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.admin-manga-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-manga-grid .manga-page-card img{max-height:620px;object-fit:contain;background:#eef4f1}.admin-manga-grid details{margin-top:8px}.admin-manga-grid details summary{cursor:pointer;font-size:10px;color:#2D8B53;font-weight:800}.admin-project-detail .panel-head h3{margin-top:6px}
html[data-theme="dark"] .admin-finance-grid .metric,html[data-theme="dark"] .admin-param-grid>div,html[data-theme="dark"] .admin-json-detail>summary{background:#17201d}html[data-theme="dark"] .admin-finance-grid .metric strong{color:#dff4e9}
@media(max-width:1100px){.admin-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-manga-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.admin-finance-grid,.admin-param-grid,.admin-manga-grid{grid-template-columns:1fr}}

/* v0.9 credit/quality preview + pricing navigation */
.preview-credit-explainer{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border:1px solid #d7e9df;border-radius:12px;background:linear-gradient(135deg,#f3fbf6,#f2faff);color:#31443c}.preview-credit-explainer>div{display:flex;align-items:center;gap:7px}.preview-credit-explainer span{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:10px;background:#e3f5e9;color:#247344;font-size:15px;font-weight:950}.preview-credit-explainer .preview-credit-gift span{background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff}.preview-credit-explainer b{font-size:11px}.preview-credit-explainer strong{font-size:13px;color:#21764a}.preview-credit-explainer-copy{margin:7px 0 2px!important;font-size:10.5px!important;line-height:1.6!important;text-align:center;color:#607068!important}.preview-modal-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:100%;align-items:center}.preview-modal-images img{display:block!important;width:100%!important;height:auto!important;max-height:64vh!important;object-fit:contain;border-radius:10px!important;box-shadow:0 16px 42px rgba(24,61,49,.18);background:#fff}.pricing-more-row{text-align:center;margin-top:28px}.pricing-more-link{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#2D8B53;text-decoration:none;padding:12px 18px;border-radius:999px;border:1px solid #cfe5d8;background:#fff}.pricing-page-hero{text-align:center;padding:58px 0 30px}.pricing-page-hero h1{font-size:clamp(32px,5vw,52px);margin:0 0 12px}.pricing-credit-policy{max-width:850px;margin:22px auto 0;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#edf8f1,#edf8fd);border:1px solid #d4e7dc;font-weight:800}.pricing-detail-section{padding:28px 0 72px}.pricing-page-card-actions{text-align:center;margin-top:22px}.pricing-page-card-actions .btn{min-width:180px}.pricing-page .pricing-grid{margin-top:26px}
@media(max-width:1100px){.manga-basic-grid,.hero-preview-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.preview-credit-explainer{flex-wrap:wrap}.preview-credit-explainer>i{display:none}.preview-credit-explainer strong{width:100%;text-align:center}.preview-modal-images{grid-template-columns:1fr}.manga-basic-grid,.hero-preview-details-grid{grid-template-columns:1fr}}


/* ===== PageAI v0.9.2 pricing / preview credit / edit-credit UX ===== */
.pricing-more-row{display:flex;justify-content:center;padding-top:24px;margin-top:0;text-align:initial}
.pricing-more-link{display:inline-flex;align-items:center;gap:9px;color:#2D8B53;font-weight:900;padding:10px 4px;border:0;border-bottom:1px solid rgba(45,139,83,.32);border-radius:0;background:transparent;text-decoration:none}
.pricing-more-link:hover{gap:13px}.pricing-more-link i{font-size:11px;transition:.18s}
.preview-credit-explainer{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 14px}
.preview-credit-explainer-flow{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;flex-wrap:nowrap}
.preview-credit-explainer-flow>div{display:flex;align-items:center;gap:7px;min-width:0}
.preview-credit-explainer-flow span{display:inline-grid;place-items:center;flex:0 0 auto;min-width:34px;height:34px;padding:0 7px;border-radius:10px;background:#e3f5e9;color:#247344;font-size:15px;font-weight:950}
.preview-credit-explainer-flow .preview-credit-gift span{background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff}
.preview-credit-explainer-flow b{font-size:11px;line-height:1.35;white-space:normal}.preview-credit-explainer-flow strong{font-size:13px;line-height:1.35;color:#21764a;white-space:nowrap}
.preview-credit-explainer-copy{margin:0!important;font-size:10.5px!important;line-height:1.6!important;text-align:center;color:#607068!important}
.pricing-edit-credit-note{margin:12px 0 0;padding:11px 13px;border:1px solid #dcebe3;border-radius:10px;background:#f7fbf9;color:#52665e;font-size:10px;line-height:1.65}
.pricing-edit-credit-note i{color:#2D8B53;margin-right:5px}
html[data-theme="dark"] .pricing-edit-credit-note{background:#17231f;border-color:#30443b;color:#bdcec7}
@media(max-width:620px){.preview-credit-explainer-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.preview-credit-explainer-flow>i.fa-equals{display:none}.preview-credit-explainer-flow>strong{grid-column:1/-1;text-align:center;padding-top:2px}.preview-credit-explainer-flow>div{justify-content:center}.preview-credit-explainer-flow b{font-size:10.5px}.preview-credit-explainer-copy{max-width:320px;margin:0 auto!important}}
/* v0.9.2 specificity guard against earlier v0.9 preview-credit flex rules. */
.preview-credit-explainer>.preview-credit-explainer-flow{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;flex-wrap:nowrap}
.preview-credit-explainer>.preview-credit-explainer-flow strong{width:auto;text-align:left}
@media(max-width:620px){.preview-credit-explainer>.preview-credit-explainer-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.preview-credit-explainer>.preview-credit-explainer-flow strong{width:auto;text-align:center}}


/* ===== PageAI v0.9.3 saved-preview / progress / detail-grid UX ===== */
.hero-preview-action-row{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.hero-preview-action-row .hero-generate{margin-top:2px}.preview-saved-open{min-height:44px;border-radius:22px;padding-inline:17px;color:#26764c;border-color:#cfe2d7;background:#f8fcfa}.preview-saved-open:hover{background:#eef8f2}.hero-preview-details-grid{grid-template-columns:minmax(155px,1.25fr) repeat(4,minmax(118px,1fr));gap:10px}.hero-preview-details-grid select{min-width:0;text-overflow:ellipsis}.hero-preview-details-grid label:first-child select{font-size:11.5px;padding-right:28px}.hero-preview-details-grid small{white-space:normal;margin-top:0;line-height:1.45}.preview-modal-progress .preview-progress>i{background:linear-gradient(135deg,#2D8B53 0%,#1CB2EC 100%)!important;box-shadow:0 2px 8px rgba(28,178,236,.18)}.preview-modal-gallery{width:100%;display:grid;gap:14px;justify-items:center}.preview-modal-images{display:block;width:100%;max-width:470px}.preview-modal-images img{display:none!important;width:auto!important;max-width:100%!important;max-height:64vh!important;margin:0 auto!important}.preview-modal-images img.is-active{display:block!important}.preview-page-nav{display:flex;align-items:center;justify-content:center;gap:12px}.preview-page-nav button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #cadfd4;background:#fff;color:#26764c;cursor:pointer}.preview-page-nav button:disabled{opacity:.35;cursor:default}.preview-page-nav b{min-width:52px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#40554d}.preview-modal-copy [data-preview-page-label]{font-size:10px;font-weight:850;color:#2D8B53;margin-bottom:4px}
html[data-theme="dark"] .preview-saved-open{background:#16231f;border-color:#315044;color:#8de0b3}html[data-theme="dark"] .preview-page-nav button{background:#17231f;border-color:#315044;color:#8de0b3}html[data-theme="dark"] .preview-page-nav b{color:#c6d9d1}
@media(max-width:1100px){.hero-preview-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview-details-grid label:last-child{grid-column:1/-1}}
@media(max-width:760px){.hero-preview-action-row{display:grid;grid-template-columns:1fr}.hero-preview-action-row .btn{width:100%;min-width:0}.hero-preview-details-grid{grid-template-columns:1fr}.hero-preview-details-grid label:last-child{grid-column:auto}.preview-modal-images{max-width:430px}}

/* ===== PageAI v0.9.4 plan Credits / page-capacity UX ===== */
.pricing-credit-policy{display:grid;gap:9px}.pricing-credit-rules{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.pricing-credit-rules strong{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #d4e7dc;color:#244a3b;font-size:12px}.pricing-credit-rules strong i{color:#2D8B53}.pricing-credit-policy small{display:block;color:#607168;font-size:10.5px;line-height:1.6}.account-credit-policy{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));align-items:center;gap:8px 10px;margin:0 0 18px;padding:12px 14px;border:1px solid #d8e9e0;border-radius:12px;background:linear-gradient(135deg,#f4fbf7,#f3faff)}.account-credit-policy strong{display:inline-flex;align-items:center;gap:6px;color:#244a3b;font-size:11px}.account-credit-policy strong i{color:#2D8B53}.account-credit-policy small{grid-column:1/-1;color:#6b7a73;font-size:9.5px;line-height:1.55}.account-plan-capacity{display:flex;align-items:center;gap:6px;margin:3px 0 8px;color:#24734a;font-size:10.5px;font-weight:850}.account-plan-capacity i{color:#2D8B53}html[data-theme="dark"] .pricing-credit-rules strong,html[data-theme="dark"] .account-credit-policy{background:#17231f;border-color:#30443b;color:#dceae4}html[data-theme="dark"] .pricing-credit-policy small,html[data-theme="dark"] .account-credit-policy small{color:#aebeb7}html[data-theme="dark"] .account-credit-policy strong{color:#dceae4}html[data-theme="dark"] .account-plan-capacity{color:#8bd5a8}@media(max-width:620px){.account-credit-policy{grid-template-columns:1fr}.account-credit-policy small{grid-column:auto}.pricing-credit-rules{align-items:stretch}.pricing-credit-rules strong{width:100%;justify-content:center}}

/* ===== PageAI v0.9.5 hero detail layout / pricing heading balance ===== */
/* Keep the free-preview options in an intentional 3 + 2 layout so long labels never squeeze the selectors. */
.hero-preview-details-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px}
.hero-preview-details-grid>label{min-width:0}
.hero-preview-details-grid>label:nth-child(-n+3){grid-column:span 2}
.hero-preview-details-grid>label:nth-child(n+4){grid-column:span 3}
.hero-preview-details-grid select{width:100%;max-width:100%;min-width:0}
/* Match the visual scale of the How-to / FAQ page titles instead of overpowering them. */
.pricing-page-hero h1{font-size:clamp(32px,4vw,46px);line-height:1.18;letter-spacing:-1.8px}
@media(max-width:620px){
  .hero-preview-details-grid{grid-template-columns:1fr}
  .hero-preview-details-grid>label:nth-child(n){grid-column:auto}
  .pricing-page-hero h1{font-size:32px;letter-spacing:-1.2px}
}

/* ===== PageAI v0.9.7 public-preview UX / larger hero manga ===== */
/* hidden must win over the shared .btn display rule: only show after a completed free preview is recoverable. */
.preview-saved-open[hidden]{display:none!important}

/* Make the hero sample manga visibly larger on desktop while keeping safe responsive bounds. */
@media(min-width:1121px){
  .toon-hero-art{min-height:650px;padding:18px 6px 18px 10px}
  .toon-hero-art picture,
  .toon-hero-art .hero-sheet{width:min(540px,92%)}
}
@media(max-width:1120px) and (min-width:861px){
  .toon-hero-art{min-height:560px}
  .toon-hero-art picture,
  .toon-hero-art .hero-sheet{width:min(460px,88%)}
}
@media(max-width:860px) and (min-width:621px){
  .toon-hero-art picture,
  .toon-hero-art .hero-sheet{width:min(380px,82%)}
}
@media(max-width:620px){
  .toon-hero-art picture,
  .toon-hero-art .hero-sheet{width:min(315px,82%)}
}

/* One page is shown at a time. Two-page previews use the existing left/right pager. */
.preview-modal-images img{user-select:none;-webkit-user-drag:none}
.preview-download-help{margin:0!important;text-align:center;color:#697972!important;font-size:11px!important;line-height:1.6!important}
.preview-download-notice{
  position:fixed;left:50%;bottom:28px;z-index:2200;transform:translate(-50%,10px);
  max-width:min(92vw,520px);padding:11px 16px;border-radius:999px;
  background:rgba(20,38,32,.94);color:#fff;font-size:12px;font-weight:850;
  box-shadow:0 12px 34px rgba(10,30,23,.22);opacity:0;transition:opacity .16s ease,transform .16s ease;
  pointer-events:none;text-align:center
}
.preview-download-notice.is-visible{opacity:1;transform:translate(-50%,0)}
.preview-download-notice[hidden]{display:none!important}
html[data-theme="dark"] .preview-download-help{color:#b9c8c4!important}

/* v0.9.7 — editable world, visual Character Bible and unified generation progress */
.project-world-edit-form{margin-top:16px;padding:16px;border:1px solid #dfeae5;border-radius:14px;background:#fbfdfc}
.world-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.world-edit-grid label{display:grid;gap:6px}.world-edit-grid label>span{font-size:12px;font-weight:850;color:#42584f}.world-edit-grid .wide{grid-column:1/-1}
.world-edit-grid select{width:100%;min-width:0}
.world-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.world-edit-actions small{color:#6c7f77;line-height:1.55}.world-edit-actions small i{color:#2D8B53;margin-right:5px}
.character-bible-visual-panel{margin:16px 0;padding:16px;border:1px solid #d8e9e0;border-radius:15px;background:linear-gradient(145deg,#f8fcfa,#f4fafc)}
.character-bible-visual-copy{margin-bottom:12px}.character-bible-visual-copy b{display:block;font-size:14px;color:#23493a;margin-bottom:4px}.character-bible-visual-copy p{margin:0;color:#687b73;font-size:12px;line-height:1.65}
.character-bible-visual-image{display:block;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #dbe8e2;box-shadow:0 10px 28px rgba(26,70,54,.08)}.character-bible-visual-image img{display:block;width:100%;max-width:100%;max-height:520px;object-fit:contain;background:#fff}
.character-bible-visual-empty{display:flex;align-items:center;gap:10px;padding:17px;border-radius:11px;background:#fff;color:#6a7e75;font-size:12px;border:1px dashed #cee0d7}.character-bible-visual-empty i{color:#2D8B53;font-size:18px}
.job-phase-head{margin-top:4px!important;margin-bottom:9px!important}.job-phase-track{margin-bottom:11px!important;justify-content:flex-start!important}
.preview-preview-visual-stack{display:grid;gap:18px;width:100%;max-height:74vh;overflow:auto;padding:2px}
.preview-character-bible{width:100%;max-width:620px;margin:0 auto;padding:13px;border-radius:13px;border:1px solid #d4e6dd;background:#f8fcfa}
.preview-character-bible-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:10px}.preview-character-bible-head span{font-size:12px;font-weight:900;color:#26764c}.preview-character-bible-head span i{margin-right:6px}.preview-character-bible-head small{font-size:10px;color:#788a82;text-align:right}
.preview-character-bible img{display:block!important;width:100%!important;height:auto!important;max-height:48vh!important;object-fit:contain!important;margin:0 auto!important;border-radius:9px!important;border:1px solid #dce7e2;box-shadow:none!important;background:#fff;user-select:none;-webkit-user-drag:none}
.preview-character-bible p{margin:9px 1px 0!important;color:#697b74!important;font-size:10.5px!important;line-height:1.6!important}
html[data-theme="dark"] .project-world-edit-form,html[data-theme="dark"] .character-bible-visual-panel,html[data-theme="dark"] .preview-character-bible{background:#12201b;border-color:#294139}html[data-theme="dark"] .world-edit-grid label>span,html[data-theme="dark"] .character-bible-visual-copy b,html[data-theme="dark"] .preview-character-bible-head span{color:#d8eee4}html[data-theme="dark"] .character-bible-visual-copy p,html[data-theme="dark"] .world-edit-actions small,html[data-theme="dark"] .preview-character-bible p{color:#a9bbb4}
@media(max-width:760px){.world-edit-grid{grid-template-columns:1fr}.world-edit-grid .wide{grid-column:auto}.world-edit-actions{align-items:stretch;flex-direction:column}.world-edit-actions .btn{width:100%}.preview-character-bible-head{align-items:flex-start;flex-direction:column}.preview-character-bible-head small{text-align:left}}

/* v1.0.0 logged-in generation URL / email-admin UI */
.manga-create-form .url-prefix-field input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;flex:1;background:transparent!important}
.generation-background-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(45,139,83,.08);color:#267749;font-size:13px;line-height:1.6}.generation-background-note i{margin-right:6px}
.signup-verification-sent{text-align:center}.auth-success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:4px auto 16px;background:linear-gradient(135deg,rgba(45,139,83,.14),rgba(28,178,236,.14));font-size:30px;color:#2D8B53}
.admin-email-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px}.email-template-vars{margin-top:18px;padding:14px 16px;border-radius:12px;background:#f5faf7;border:1px solid #dcebe3}.email-template-vars code{display:inline-block;margin:6px 5px 0 0;padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #dbe5e1;font-size:12px}.email-template-vars p{margin:9px 0 0;color:#62716b;font-size:13px}.admin-email-template-list{display:grid;gap:12px}.admin-email-template-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px;border:1px solid #dce5e2;border-radius:14px}.admin-email-template-card small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#718079}.admin-email-template-card h4{margin:3px 0 4px}.admin-email-template-card p{margin:0;color:#63716d}.email-template-actions{display:flex;gap:8px;align-items:center}.email-template-actions form{margin:0}
html[data-theme="dark"] .generation-background-note{background:rgba(45,139,83,.16);color:#aee6c3}html[data-theme="dark"] .email-template-vars{background:#13201b;border-color:#30453b}html[data-theme="dark"] .email-template-vars code{background:#0e1713;border-color:#30453b}html[data-theme="dark"] .admin-email-template-card{border-color:#30423b}
@media(max-width:980px){.admin-email-grid{grid-template-columns:1fr}.admin-email-template-card{grid-template-columns:1fr auto}.email-template-actions{grid-column:1/-1}}
@media(max-width:620px){.admin-email-template-card{grid-template-columns:1fr}.email-template-actions{flex-wrap:wrap}.email-template-vars code{font-size:11px}}

/* ===== PageAI v1.1.4 time-zone settings / NEWS CMS ===== */
.account-settings-panel select[name="default_timezone"]{font-size:13px;line-height:1.45}
.admin-news-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.65fr);gap:20px;margin-bottom:20px}.admin-news-category-panel,.admin-news-editor-panel{min-width:0}.news-admin-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.news-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.news-editor-label{display:block;margin-bottom:7px;font-size:12px;font-weight:850;color:#314940}.rich-toolbar{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #dbe5e1;border-bottom:0;border-radius:11px 11px 0 0;background:#f7faf9}.rich-toolbar button{width:34px;height:32px;border:1px solid #d7e2dd;border-radius:8px;background:#fff;color:#2b473b;cursor:pointer}.rich-toolbar button:hover{background:#edf8f2;color:#2D8B53}.rich-editor{min-height:230px;padding:14px;border:1px solid #dbe5e1;border-radius:0 0 11px 11px;background:#fff;color:#17231e;line-height:1.75;overflow:auto;outline:none}.rich-editor:focus{border-color:#4aa777;box-shadow:0 0 0 3px rgba(45,139,83,.08)}.rich-editor p{margin:.55em 0}.rich-editor a{color:#1678a2;text-decoration:underline}.admin-news-list-panel{margin-top:6px}.admin-news-table td small{display:block;margin-top:4px;color:#76847e}.admin-news-table td:first-child{white-space:nowrap}
.news-page{min-height:70vh;background:linear-gradient(180deg,#f7fbf9 0,#fff 320px)}.news-hero{padding:74px 0 48px;text-align:center}.news-hero .section-kicker{justify-content:center}.news-hero h1{margin:12px 0 10px;font-size:clamp(34px,4vw,48px);letter-spacing:-1.5px}.news-hero p{max-width:760px;margin:0 auto;color:#66766f;line-height:1.8}.news-content{padding:0 0 90px}.news-filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.news-filter-row a{padding:9px 14px;border:1px solid #dbe7e1;border-radius:999px;background:#fff;color:#516159;font-size:13px;font-weight:800}.news-filter-row a.active,.news-filter-row a:hover{border-color:#7bc69a;background:#edf9f2;color:#24784b}.news-list{display:grid;gap:14px;max-width:980px;margin:0 auto}.news-list-card{border:1px solid #e0e8e4;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(30,70,52,.045);transition:transform .16s ease,box-shadow .16s ease}.news-list-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(30,70,52,.08)}.news-list-card>a{display:block;padding:22px 24px;color:inherit;text-decoration:none}.news-list-meta,.news-detail-meta{display:flex;align-items:center;gap:10px;margin-bottom:11px;color:#75847e;font-size:12px}.news-category-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#eaf7ef;color:#24784b;font-size:11px;font-weight:850}.news-list-card h2{margin:0 0 8px;font-size:20px;line-height:1.45}.news-list-card p{margin:0;color:#66766f;line-height:1.75}.news-read-more{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#2D8B53;font-size:12px;font-weight:850}.news-detail-card{max-width:920px;margin:0 auto;padding:34px 38px;border:1px solid #dfe8e4;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(28,68,51,.06)}.news-back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:24px;color:#39785a;font-weight:800}.news-detail-card h2{margin:0 0 28px;font-size:clamp(26px,3vw,36px);line-height:1.4;letter-spacing:-.7px}.news-rich-body{color:#263a31;line-height:1.9;font-size:15px}.news-rich-body h2,.news-rich-body h3,.news-rich-body h4{margin:1.5em 0 .6em}.news-rich-body p{margin:.8em 0}.news-rich-body ul,.news-rich-body ol{padding-left:1.6em}.news-rich-body a{color:#147da8;text-decoration:underline}.news-rich-body blockquote{margin:1em 0;padding:12px 16px;border-left:4px solid #6ec391;background:#f4faf6;color:#53665d}.news-empty{padding:60px 20px;text-align:center;color:#718078}.news-empty i{font-size:32px;color:#9ab1a6}.news-empty p{margin:12px 0 0}
html[data-theme="dark"] .rich-toolbar{background:#17221e;border-color:#33463e}html[data-theme="dark"] .rich-toolbar button{background:#0f1814;border-color:#34483f;color:#d5e5dd}html[data-theme="dark"] .rich-editor{background:#0f1714;border-color:#34483f;color:#e5eee9}html[data-theme="dark"] .news-page{background:linear-gradient(180deg,#111b17 0,#0e1512 320px)}html[data-theme="dark"] .news-list-card,html[data-theme="dark"] .news-detail-card{background:#121b17;border-color:#304039}html[data-theme="dark"] .news-hero p,html[data-theme="dark"] .news-list-card p,html[data-theme="dark"] .news-rich-body{color:#b8c7c0}html[data-theme="dark"] .news-filter-row a{background:#121b17;border-color:#33463e;color:#c0cec8}
@media(max-width:980px){.admin-news-layout,.news-editor-grid{grid-template-columns:1fr}}@media(max-width:720px){.news-admin-meta-grid{grid-template-columns:1fr}.news-detail-card{padding:24px 20px}.news-list-card>a{padding:18px}.news-hero{padding-top:52px}}

.rich-toolbar button.active{background:#e3f5ea;color:#23764a;border-color:#8dcaa6}.rich-html-source{display:block!important;width:100%;min-height:230px;padding:14px;border:1px solid #dbe5e1;border-radius:0 0 11px 11px;background:#0f1720;color:#d9edf7;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}


/* v1.1.4 dedicated Features page */
.features-page{min-height:70vh;background:linear-gradient(180deg,#f5fbf8 0,#fff 420px)}.features-hero{padding:82px 0 54px;overflow:hidden;position:relative}.features-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-260px;background:radial-gradient(circle,rgba(28,178,236,.13),rgba(45,139,83,0) 70%);pointer-events:none}.features-hero-inner{position:relative;z-index:1;text-align:center}.features-hero .section-kicker{justify-content:center}.features-hero h1{max-width:980px;margin:12px auto 16px;font-size:clamp(36px,4.7vw,58px);line-height:1.2;letter-spacing:-2px}.features-hero p{max-width:860px;margin:0 auto;color:#61746b;font-size:16px;line-height:1.95}.features-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.features-phase-nav{max-width:900px;margin:42px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.features-phase-nav a{display:flex;align-items:center;gap:12px;padding:15px 17px;background:#fff;border:1px solid #dce9e3;border-radius:14px;text-align:left;box-shadow:0 8px 25px rgba(32,82,59,.045)}.features-phase-nav a:hover{border-color:#80c9a0;transform:translateY(-1px)}.features-phase-nav b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff;font-size:12px}.features-phase-nav span{font-weight:850;color:#263a31}.features-summary{padding:0 0 36px}.features-summary-card{max-width:940px;margin:auto;display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid #d7e8df;border-radius:16px;background:#f4fbf7}.features-summary-card>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:12px;background:#dff4e8;color:#23804d}.features-summary-card b{display:block;margin:1px 0 6px;font-size:15px}.features-summary-card p{margin:0;color:#607169;line-height:1.8}.features-phase{padding:64px 0}.features-phase:nth-of-type(even){background:#fafcfb}.features-phase-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:30px}.features-phase-number{font-size:52px;line-height:1;font-weight:950;color:#d9eee3;letter-spacing:-3px}.features-phase-head h2{margin:3px 0 8px;font-size:clamp(29px,3.2vw,42px);letter-spacing:-1.2px}.features-phase-head p{margin:0;color:#6a7a73;font-size:15px}.features-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features-card{min-height:210px;padding:22px;border:1px solid #e0e9e5;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(31,75,56,.045)}.features-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;margin-bottom:16px;background:linear-gradient(135deg,rgba(45,139,83,.11),rgba(28,178,236,.12));color:#258154;font-size:17px}.features-card h3{margin:0 0 9px;font-size:16px;line-height:1.5}.features-card p{margin:0;color:#66776f;line-height:1.8;font-size:13px}.features-flow-band{padding:56px 0}.features-flow-card{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:34px 38px;border-radius:20px;background:linear-gradient(135deg,#eef9f3,#effaff);border:1px solid #d5e9df}.features-flow-card h2{margin:5px 0 10px;font-size:30px;letter-spacing:-.8px}.features-flow-card p{margin:0;color:#63756c;line-height:1.85}.features-mini-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.features-mini-flow span{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #d8e6df;font-weight:850;color:#345b47}.features-mini-flow i{font-size:10px;color:#5a8b72}.features-bottom-cta{padding:28px 0 92px}.features-bottom-card{padding:48px 34px;text-align:center;border:1px solid #d8e7df;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(31,76,57,.07)}.features-bottom-card .section-kicker{justify-content:center}.features-bottom-card h2{margin:10px 0;font-size:clamp(28px,3.5vw,40px)}.features-bottom-card p{max-width:720px;margin:0 auto 24px;color:#65766e;line-height:1.8}.news-category-select-field select{font-weight:750}.news-category-select-field .hint{display:block;font-weight:500}
html[data-theme="dark"] .features-page{background:linear-gradient(180deg,#101a16 0,#0e1512 420px)}html[data-theme="dark"] .features-phase:nth-of-type(even){background:#101713}html[data-theme="dark"] .features-phase-nav a,html[data-theme="dark"] .features-card,html[data-theme="dark"] .features-bottom-card{background:#121b17;border-color:#304039}html[data-theme="dark"] .features-summary-card,html[data-theme="dark"] .features-flow-card{background:#15221c;border-color:#30463b}html[data-theme="dark"] .features-hero p,html[data-theme="dark"] .features-card p,html[data-theme="dark"] .features-phase-head p,html[data-theme="dark"] .features-summary-card p,html[data-theme="dark"] .features-flow-card p,html[data-theme="dark"] .features-bottom-card p{color:#b5c5bd}html[data-theme="dark"] .features-phase-nav span,html[data-theme="dark"] .features-card h3,html[data-theme="dark"] .features-flow-card h2{color:#e5eee9}html[data-theme="dark"] .features-mini-flow span{background:#0f1814;border-color:#35483f;color:#d8e6df}
@media(max-width:1050px){.features-card-grid{grid-template-columns:repeat(2,1fr)}.features-flow-card{grid-template-columns:1fr}}@media(max-width:720px){.features-hero{padding-top:54px}.features-hero h1{font-size:34px;letter-spacing:-1px}.features-hero-actions{flex-direction:column;align-items:stretch}.features-phase-nav{grid-template-columns:1fr;margin-top:28px}.features-phase{padding:46px 0}.features-card-grid{grid-template-columns:1fr}.features-phase-head{gap:12px}.features-phase-number{font-size:40px}.features-flow-card,.features-bottom-card{padding:26px 20px}.features-mini-flow{justify-content:flex-start}}


/* ===== PageAI v1.1.4 bilingual automatic reply editor ===== */
.email-locale-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.email-locale-editor{min-width:0;margin:0;padding:15px;border:1px solid #dce7e2;border-radius:14px;background:#fbfdfc}.email-locale-editor legend{padding:0 7px;font-size:13px;font-weight:900;color:#2f4b3e}.lang-chip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;margin-right:6px;padding:0 7px;border-radius:999px;background:#e8f6ee;color:#24794b;font-size:10px;font-weight:900;vertical-align:middle}.email-locale-editor textarea{min-height:300px;resize:vertical}.admin-email-template-card p+.admin-email-template-card p{margin-top:5px}.admin-email-template-card p{line-height:1.55}.admin-email-grid-bilingual{grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr)}
html[data-theme="dark"] .email-locale-editor{background:#111b17;border-color:#30423a}html[data-theme="dark"] .email-locale-editor legend{color:#dcebe4}html[data-theme="dark"] .lang-chip{background:#193729;color:#9fd9b8}
@media(max-width:1180px){.email-locale-editor-grid{grid-template-columns:1fr}.admin-email-grid-bilingual{grid-template-columns:1fr}}

/* ===== PageAI v1.1.4 navigation, feature badges, admin email spacing and jobs visibility ===== */
.public-main-nav .public-nav-home{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 32px!important;width:32px;max-width:32px!important;height:32px;margin-right:-18px;border-radius:9px;color:#53645c;font-size:14px}
.public-main-nav .public-nav-home:hover{background:#edf8f2;color:#2D8B53}
.features-page .section-kicker{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 13px;border:1px solid rgba(45,139,83,.30);border-radius:999px;background:#fff;color:#2D8B53;font-size:11px;font-weight:850;line-height:1.2}
.features-hero .section-kicker,.features-bottom-card .section-kicker{margin-left:auto;margin-right:auto}
.admin-email-grid-bilingual{margin-top:22px}
.admin-job-warning{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px;padding:11px 13px;border:1px solid #eedca9;border-radius:11px;background:#fff9e9;color:#765a18;font-size:12px;line-height:1.6}
.admin-job-warning i{margin-top:2px;color:#b57d00}.admin-jobs-table-wrap{overflow-x:auto}.admin-jobs-table-wrap .history-table{min-width:1040px}
html[data-theme="dark"] .features-page .section-kicker{background:#13201b;border-color:#315346;color:#9fdbb8}
html[data-theme="dark"] .public-main-nav .public-nav-home{color:#d7e7df}html[data-theme="dark"] .public-main-nav .public-nav-home:hover{background:#193127;color:#9fdbb8}
html[data-theme="dark"] .admin-job-warning{background:#2a2415;border-color:#554722;color:#ead18d}
@media(max-width:860px){.public-main-nav .public-nav-home{margin-right:4px!important}}
@media(max-width:680px){.public-main-nav .public-nav-home{width:28px;height:28px;flex-basis:28px!important;margin-right:2px!important}.admin-email-grid-bilingual{margin-top:16px}}


/* PageAI v1.1.4: split generation actions, Credit coin, admin Credit adjustment */
.toon-credit-coin{display:inline-grid;place-items:center;width:22px;height:22px;min-width:22px;border:2px solid currentColor;border-radius:50%;font-size:11px;font-weight:900;line-height:1;letter-spacing:-.02em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);vertical-align:-3px}
.pricing-credit-rules strong,.account-credit-policy strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pricing-credit-rules strong>small,.account-credit-policy strong>small{font-size:11px;font-weight:600;opacity:.72;margin-left:2px}
.features-credit-split{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.features-credit-split>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;font-weight:800}.features-credit-split small{font-size:11px;font-weight:600;opacity:.72}
.manga-generation-actions{display:flex;flex-direction:column;gap:8px}.manga-generation-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.manga-generation-buttons .btn{min-height:46px;width:100%;white-space:nowrap}.manga-generation-credit-note{display:block;color:#6d7974;font-size:11px;line-height:1.6}
.admin-credit-adjust{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.admin-credit-adjust h4{margin:0 0 6px}.admin-credit-adjust p{margin:0 0 14px}.admin-credit-adjust-form{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(240px,1.35fr) auto;gap:12px;align-items:end}.admin-credit-adjust-form label{display:grid;gap:6px}.admin-credit-adjust-form .btn{white-space:nowrap}
@media(max-width:760px){.manga-generation-buttons{display:grid;grid-template-columns:1fr}.admin-credit-adjust-form{grid-template-columns:1fr}.pricing-credit-rules strong,.account-credit-policy strong{align-items:flex-start}}
/* v1.1.4 Credit split: render the C unit as a coin rather than plain text. */
.credit-number{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.pricing-credit-rules .toon-credit-coin,.account-credit-policy .toon-credit-coin,.features-credit-split .toon-credit-coin{vertical-align:middle}

/* v1.1.5 project lifecycle, version history, edit locking, and local panel crops */
.project-world-edit-form + .style-snapshot-card{margin-top:18px}
.project-delete-form{display:flex;justify-content:flex-end;padding:0 14px 13px}.project-delete-button{border:0;background:transparent;color:#9b5a5a;font:inherit;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px}.project-delete-button:hover{background:#fff2f2;color:#b33a3a}
.page-version-stage{position:relative;overflow:hidden;border-radius:12px}.page-version-stage img{display:block;width:100%;height:auto}
.page-version-nav{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin:9px 0 8px}.page-version-nav>span{text-align:center;font-size:11px;font-weight:850;color:#567168}.page-version-button{border:1px solid #d8e5df;background:#fff;color:#426157;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:850;cursor:pointer}.page-version-button:disabled{opacity:.4;cursor:not-allowed}
.panel-image-preview{position:relative;overflow:hidden;border:1px solid #dce8e2;border-radius:12px;background:#eef5f1;margin-bottom:10px;min-height:92px}.panel-image-preview img{position:absolute;max-width:none;object-fit:fill;display:block}.panel-edit-card .panel-image-preview+.panel-edit-head{margin-top:2px}
.is-generation-locked textarea:disabled,.is-generation-locked input:disabled,.is-generation-locked select:disabled{background:#edf0ee!important;color:#87928d!important;border-color:#d8dfdc!important;cursor:not-allowed;opacity:.8}.is-generation-locked form[aria-busy="true"]{position:relative}.is-generation-locked form[aria-busy="true"]:after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:rgba(243,246,244,.18)}
html[data-theme="dark"] .page-version-button{background:#14221d;border-color:#31463d;color:#cde3d9}html[data-theme="dark"] .panel-image-preview{background:#111d18;border-color:#2d4037}html[data-theme="dark"] .project-delete-button:hover{background:#321c1c}html[data-theme="dark"] .is-generation-locked textarea:disabled,html[data-theme="dark"] .is-generation-locked input:disabled,html[data-theme="dark"] .is-generation-locked select:disabled{background:#17211d!important;color:#73827b!important;border-color:#2a3933!important}
@media(max-width:760px){.page-version-nav{grid-template-columns:1fr 1fr}.page-version-nav>span{grid-column:1/-1;grid-row:1}.page-version-button{grid-row:2}.project-delete-form{padding:0 10px 10px}}



/* ===== PageAI v1.1.9 credit image + clearer Credit rules + active public navigation ===== */
.toon-credit-coin{display:inline-block!important;width:28px!important;height:28px!important;min-width:28px!important;border:0!important;border-radius:50%!important;box-shadow:none!important;object-fit:contain;vertical-align:middle!important;background:transparent!important}
.credit-number{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:18px;line-height:1;font-weight:950;color:#172033}
.pricing-credit-rules{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;width:100%;align-items:stretch!important}
.pricing-credit-rules .credit-rule-card{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:8px!important;min-width:0;padding:15px 14px!important;border:1px solid #d4e7dc!important;border-radius:14px!important;background:#fff!important;color:#244a3b!important;font-size:12px!important;text-align:center;box-shadow:0 5px 18px rgba(34,92,66,.045)}
.pricing-credit-rules .credit-rule-label{font-size:13px;font-weight:900;color:#244a3b;line-height:1.35}
.pricing-credit-rules .credit-rule-value{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;line-height:1.3}
.pricing-credit-rules .credit-rule-value>small{font-size:10.5px;font-weight:700;color:#6b7a73;opacity:1;margin:0}
.pricing-credit-rules .credit-rule-note{display:block;min-height:20px;padding:5px 9px;border-radius:999px;background:#edf8f2;color:#28754b;font-size:10px;font-weight:850;line-height:1.35}
.pricing-credit-rules .credit-rule-card:not(.credit-rule-card-manga) .credit-rule-note{display:none}
.pricing-credit-policy{max-width:900px;padding:20px 22px;gap:12px}
.pricing-credit-policy>small{text-align:center;margin-top:1px}
.features-summary-card{max-width:980px;padding:24px 26px;gap:18px}
.features-summary-content{min-width:0;flex:1}.features-summary-content>b{font-size:17px!important;margin:2px 0 12px!important}
.features-credit-rules{margin:0 0 13px}.features-summary-card p{font-size:13px;line-height:1.75}
.account-credit-policy{display:block!important;padding:16px!important}.account-credit-policy>.pricing-credit-rules{margin-bottom:10px}.account-credit-policy>small{display:block;text-align:center}
.public-main-nav a.is-current{color:#2D8B53!important}.public-main-nav a.is-current:hover{color:#247744!important}
html[data-theme="dark"] .pricing-credit-rules .credit-rule-card{background:#17231f!important;border-color:#30443b!important;color:#dceae4!important;box-shadow:none}
html[data-theme="dark"] .pricing-credit-rules .credit-rule-label,html[data-theme="dark"] .credit-number{color:#e8f2ed}
html[data-theme="dark"] .pricing-credit-rules .credit-rule-value>small{color:#aebeb7}
html[data-theme="dark"] .pricing-credit-rules .credit-rule-note{background:#193729;color:#a6dfbd}
html[data-theme="dark"] .public-main-nav a.is-current{color:#8ed7ad!important}
@media(max-width:760px){.pricing-credit-rules{grid-template-columns:1fr!important}.pricing-credit-rules .credit-rule-card{width:100%!important;align-items:flex-start!important;text-align:left!important}.pricing-credit-rules .credit-rule-value{justify-content:flex-start}.features-summary-card{padding:20px 18px}.features-summary-card>span{width:38px;height:38px}.toon-credit-coin{width:26px!important;height:26px!important;min-width:26px!important}.credit-number{font-size:17px}}

/* v1.1.9 Character Bible per-person history + divider-aware local panel previews */
.character-person-reference{margin:0 0 16px;padding:12px;border:1px solid #dfe9e4;border-radius:13px;background:linear-gradient(145deg,#f8fcfa,#f5fafc)}
.character-person-reference-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.character-person-reference-head b{display:flex;align-items:center;gap:7px;font-size:11px;color:#31584a}.character-person-reference-head b i{color:#2D8B53}.character-person-reference-head span{font-size:9.5px;font-weight:800;color:#6a7c74;white-space:nowrap}
.character-person-reference-stage{position:relative;overflow:hidden;border-radius:11px;border:1px solid #dbe7e1;background:#fff;min-height:105px}.character-person-reference-stage img{position:absolute;max-width:none;object-fit:fill;display:block}
.character-person-version-nav{display:flex;justify-content:space-between;gap:8px;margin-top:9px}.character-person-version-nav button{border:1px solid #d7e4de;background:#fff;color:#416157;border-radius:9px;padding:6px 9px;font-size:9.5px;font-weight:850;cursor:pointer}.character-person-version-nav button:disabled{opacity:.38;cursor:not-allowed}
.panel-edit-card.is-landscape-panel{grid-column:1/-1}.panel-edit-card.is-landscape-panel .panel-image-preview{min-height:150px}.panel-image-preview[data-autocrop-applied="1"]{box-shadow:inset 0 0 0 1px rgba(45,139,83,.06)}
html[data-theme="dark"] .character-person-reference{background:#14221d;border-color:#2b4138}html[data-theme="dark"] .character-person-reference-head b{color:#d8eee4}html[data-theme="dark"] .character-person-reference-head span{color:#9fb2aa}html[data-theme="dark"] .character-person-reference-stage,html[data-theme="dark"] .character-person-version-nav button{background:#101a16;border-color:#31473d;color:#d0e4db}
@media(max-width:760px){.character-person-reference-head{align-items:flex-start;flex-direction:column;gap:4px}.character-person-reference-stage{min-height:88px}.panel-edit-card.is-landscape-panel{grid-column:auto}}



/* ===== PageAI v1.1.9 public heading kicker alignment + deterministic panel dividers ===== */
.public-page-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  gap:7px;
  width:max-content;
  padding:7px 13px;
  border:1px solid rgba(45,139,83,.30);
  border-radius:999px;
  background:#fff;
  color:#2D8B53;
  font-family:var(--toon-public-font)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
.public-page-kicker>i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
  width:1em;
  height:1em;
  line-height:1!important;
  vertical-align:middle;
}
.pricing-page-hero .public-page-kicker,.guide-hero .public-page-kicker,.faq-page-hero .public-page-kicker,.features-hero .public-page-kicker,.legal-hero .public-page-kicker{margin-left:auto;margin-right:auto;margin-bottom:15px}
html[data-theme="dark"] .public-page-kicker{background:#13201b;border-color:#315346;color:#9fdbb8}

/* ===== PageAI v1.1.9 character-reference accuracy / thumbnails / pricing CTA ===== */
.reference-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}
.reference-asset-card{display:grid;gap:6px;min-width:0;padding:7px;border:1px solid #dce7e2;border-radius:11px;background:#f8faf9;color:#40554c;text-decoration:none;transition:.18s ease}
.reference-asset-card:hover{transform:translateY(-1px);border-color:#b9d9c8;box-shadow:0 6px 18px rgba(25,69,51,.08)}
.reference-asset-thumb{display:flex;width:100%;aspect-ratio:16/10;overflow:hidden;align-items:center;justify-content:center;border-radius:8px;background:#343a37}
.reference-asset-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#343a37}
.reference-asset-name{display:flex;align-items:center;gap:5px;min-width:0;font-size:9px;font-weight:750;line-height:1.3}
.reference-asset-name i{flex:0 0 auto;color:#2D8B53}.reference-asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.character-library-reference{display:grid;gap:8px;padding:10px;border:1px solid #dce9e2;border-radius:12px;background:linear-gradient(145deg,#f7fcf9,#f5fafc)}
.character-library-reference-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.character-library-reference-head b{display:flex;align-items:center;gap:6px;color:#31584a;font-size:10.5px}.character-library-reference-head b i{color:#2D8B53}.character-library-reference-head span{font-size:9px;font-weight:850;color:#718078;white-space:nowrap}
.character-library-reference-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:2.6/1;min-height:112px;border:1px solid #d8e5df;border-radius:10px;background:#fff}
.character-library-reference-stage img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:fill;display:block}
.character-library-reference-nav{display:flex;justify-content:flex-end;gap:7px}.character-library-reference-nav .btn{min-width:0;padding:6px 9px;font-size:8.5px}
.pricing-page-card-actions .btn-primary{background:linear-gradient(135deg,#2D8B53,#1CB2EC)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(32,128,103,.18)}
.pricing-page-card-actions .btn-primary:hover{filter:brightness(1.035);box-shadow:0 12px 28px rgba(32,128,103,.24)}
html[data-theme="dark"] .reference-asset-card,html[data-theme="dark"] .character-library-reference{background:#14211d;border-color:#30443b;color:#d7e7df}html[data-theme="dark"] .reference-asset-thumb,html[data-theme="dark"] .reference-asset-thumb img{background:#303634}html[data-theme="dark"] .character-library-reference-head b{color:#d8eee4}html[data-theme="dark"] .character-library-reference-head span{color:#9fb2aa}html[data-theme="dark"] .character-library-reference-stage{background:#101815;border-color:#30443b}
@media(max-width:760px){.reference-asset-grid{grid-template-columns:1fr}.character-library-reference-head{align-items:flex-start;flex-direction:column;gap:4px}.character-library-reference-stage{min-height:94px}}

/* ===== PageAI v1.1.10 Character Bible body/expression tabs + safer panel preview presentation ===== */
.character-person-reference-head,.character-library-reference-head{align-items:flex-start}
.character-reference-tabs{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:3px;border:1px solid #d9e7e0;border-radius:10px;background:#eef6f2}
.character-reference-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#597168;font:inherit;font-size:9.5px;font-weight:850;line-height:1.2;cursor:pointer;white-space:nowrap;transition:.16s ease}
.character-reference-tabs button i{font-size:10px;color:#52826b}.character-reference-tabs button:hover:not(:disabled){background:rgba(255,255,255,.72);color:#286c4a}.character-reference-tabs button.active{background:#fff;color:#236b48;box-shadow:0 2px 7px rgba(37,91,67,.10)}.character-reference-tabs button.active i{color:#2D8B53}.character-reference-tabs button:disabled{opacity:.38;cursor:not-allowed}
.character-person-reference-stage,.character-library-reference-stage{transition:width .18s ease,aspect-ratio .18s ease;margin-left:auto;margin-right:auto}
.character-person-reference-stage.is-expression-reference,.character-library-reference-stage.is-expression-reference{width:min(100%,380px)}
.character-library-reference-tabs{max-width:100%}
.panel-image-preview[data-autocrop-applied="1"]::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(45,139,83,.08)}
html[data-theme="dark"] .character-reference-tabs{background:#182922;border-color:#345044}html[data-theme="dark"] .character-reference-tabs button{color:#a9bbb4}html[data-theme="dark"] .character-reference-tabs button:hover:not(:disabled){background:#20352c;color:#d8eee4}html[data-theme="dark"] .character-reference-tabs button.active{background:#253b32;color:#dff3e9;box-shadow:none}html[data-theme="dark"] .character-reference-tabs button i{color:#85c9a1}
@media(max-width:760px){.character-reference-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.character-reference-tabs button{white-space:normal;padding:7px 6px}.character-person-reference-head,.character-library-reference-head{width:100%}.character-person-reference-head>span,.character-library-reference-head>span{align-self:flex-end}.character-person-reference-stage.is-expression-reference,.character-library-reference-stage.is-expression-reference{width:min(100%,320px)}}

/* ===== PageAI v1.2.1 generated-page 3-up lazy carousel + full-resolution zoom ===== */
.manga-page-carousel{position:relative;padding:0 46px 30px}
.manga-page-carousel .manga-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start}
.manga-page-carousel-item[hidden]{display:none!important}
.manga-page-carousel-arrow{position:absolute;top:42%;z-index:3;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #d3e3dc;border-radius:50%;background:rgba(255,255,255,.96);color:#286b4c;box-shadow:0 7px 20px rgba(24,72,52,.14);cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}
.manga-page-carousel-arrow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px rgba(24,72,52,.18)}
.manga-page-carousel-arrow:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}
.manga-page-carousel-prev{left:0}.manga-page-carousel-next{right:0}
.manga-page-carousel-status{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);margin:0;color:#6a7d74;font-size:10px;font-weight:850;white-space:nowrap}
.page-version-stage{background:#f2f5f3}
.page-version-stage.is-loading:after,.manga-lightbox-dialog.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid rgba(45,139,83,.18);border-top-color:#2D8B53;border-radius:50%;animation:toonai-page-spin .72s linear infinite;pointer-events:none}
@keyframes toonai-page-spin{to{transform:rotate(360deg)}}
.page-version-image{transition:filter .16s ease,opacity .16s ease}.page-version-stage.is-loading .page-version-image{opacity:.58}
.page-zoom-button{position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:rgba(14,30,24,.12);color:#fff;opacity:0;cursor:zoom-in;transition:opacity .16s ease,background .16s ease}
.page-zoom-button i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(15,31,25,.78);font-size:19px;box-shadow:0 6px 20px rgba(0,0,0,.22);transform:scale(.92);transition:transform .16s ease}
.page-version-stage:hover .page-zoom-button,.page-zoom-button:focus-visible{opacity:1;background:rgba(14,30,24,.20);outline:none}.page-version-stage:hover .page-zoom-button i,.page-zoom-button:focus-visible i{transform:scale(1)}
.manga-lightbox[hidden]{display:none!important}.manga-lightbox{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:24px}.manga-lightbox-backdrop{position:absolute;inset:0;background:rgba(7,12,10,.80);backdrop-filter:blur(3px)}
.manga-lightbox-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(94vw,1400px);height:94vh;max-width:94vw;max-height:94vh;min-width:180px;min-height:180px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#111915;box-shadow:0 24px 80px rgba(0,0,0,.42);overflow:hidden}
.manga-lightbox-image{display:block;width:auto;height:auto;max-width:none;max-height:none;margin:0 auto;border-radius:9px;background:#fff}
.manga-lightbox-head{position:absolute;left:14px;right:14px;top:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.manga-lightbox-head strong{display:inline-block;max-width:calc(100% - 52px);padding:6px 9px;border-radius:8px;background:rgba(7,14,11,.72);color:#fff;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-lightbox-head .manga-lightbox-close{pointer-events:auto;margin-left:auto}
.manga-lightbox-close{position:relative;z-index:3;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;cursor:pointer;line-height:1;font-size:34px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.manga-lightbox-close i{display:block;width:1em;height:1em;line-height:1;font-size:inherit}
.manga-lightbox-canvas{position:relative;display:block;flex:1 1 auto;min-width:160px;min-height:160px;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:44px 0 0;box-sizing:border-box;touch-action:pan-x pan-y}.manga-lightbox-canvas::-webkit-scrollbar{width:10px;height:10px}.manga-lightbox-canvas::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}.manga-lightbox-canvas::-webkit-scrollbar-track{background:rgba(255,255,255,.06)}
body.manga-lightbox-open{overflow:hidden}
html[data-theme="dark"] .manga-page-carousel-arrow{background:rgba(20,34,29,.97);border-color:#345047;color:#b9e0ca}html[data-theme="dark"] .manga-page-carousel-status{color:#9fb2aa}html[data-theme="dark"] .page-version-stage{background:#111d18}
@media(max-width:760px){.manga-page-carousel{padding:0 32px 30px;overflow:hidden}.manga-page-carousel .manga-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.manga-page-carousel-arrow{width:30px;height:30px;top:38%}.manga-page-carousel-prev{left:0}.manga-page-carousel-next{right:0}.manga-page-card{padding:6px;gap:6px}.manga-page-card .page-number{font-size:8px}.manga-page-card .page-resolution{padding:1px 4px;font-size:7px}.page-version-nav{gap:4px}.page-version-button{padding:5px 4px;font-size:8px}.page-zoom-button{opacity:1;background:transparent;align-items:start;justify-items:end;padding:5px}.page-zoom-button i{width:30px;height:30px;font-size:12px;background:rgba(15,31,25,.72)}.manga-lightbox{padding:10px}.manga-lightbox-dialog{width:98vw;height:96vh;max-width:98vw;max-height:96vh;padding:8px}.manga-lightbox-image{width:100%;max-width:100%;height:auto;max-height:none}.manga-lightbox-head{left:8px;right:8px;top:8px}.manga-lightbox-close{width:42px;height:42px;font-size:36px}}
.manga-page-carousel [data-page-carousel-prev]{left:0}.manga-page-carousel [data-page-carousel-next]{right:0}
.page-thumb-loader,.manga-lightbox-loading{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.88);color:#2D8B53;box-shadow:0 4px 14px rgba(24,72,52,.12);pointer-events:none}.page-thumb-loader[hidden],.manga-lightbox-loading[hidden]{display:none!important}
html[data-theme="dark"] .page-thumb-loader{background:rgba(22,35,30,.92);color:#a8dfbe}
.page-version-stage.is-loading:after{display:none}

html[data-theme="dark"] .manga-page-card .page-resolution{background:#14221d;border-color:#31463d;color:#a8dfbe}

.manga-lightbox-canvas img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;border-radius:9px;background:#fff;object-fit:contain}
[data-ui-lightbox] .manga-lightbox-dialog{width:auto;height:auto;max-width:min(94vw,1400px);max-height:94vh}
[data-ui-lightbox] .manga-lightbox-canvas{max-height:calc(94vh - 28px);width:auto;min-width:min(92vw,280px)}
.ui-shot{position:relative;display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:0;border:1px solid #d7e4de;border-radius:14px;overflow:hidden;background:#edf4f0;cursor:zoom-in;box-sizing:border-box}
.ui-shot img{display:block;width:100%;height:auto;max-width:100%;vertical-align:middle;object-fit:contain;background:#f4f8f6}
.ui-shot-zoom{position:absolute;inset:0;display:grid;place-items:center;background:rgba(14,30,24,.12);opacity:0;transition:opacity .16s ease,background .16s ease;pointer-events:none}
.ui-shot-zoom i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(15,31,25,.78);color:#fff;font-size:19px;box-shadow:0 6px 20px rgba(0,0,0,.22);transform:scale(.92);transition:transform .16s ease}
.ui-shot:hover .ui-shot-zoom,.ui-shot:focus-visible .ui-shot-zoom{opacity:1;background:rgba(14,30,24,.20);outline:none}
.ui-shot:hover .ui-shot-zoom i,.ui-shot:focus-visible .ui-shot-zoom i{transform:scale(1)}
.docs-shot{margin:16px 0 22px;max-width:100%;min-width:0}
.docs-shot figcaption{margin:8px 2px 0;font-size:12px;line-height:1.65;color:#6a7a73}
.features-card{display:flex;flex-direction:column}
.features-card>p{flex:1}
.features-card-shot{margin-top:16px}
.features-card-shot img{height:148px;object-fit:cover;object-position:top center}
html[data-theme="dark"] .ui-shot{border-color:#30433b;background:#101a16}
html[data-theme="dark"] .ui-shot img{background:#0e1713}
html[data-theme="dark"] .docs-shot figcaption{color:#9aada4}
@media(max-width:760px){
  .ui-shot-zoom{opacity:1;background:transparent;align-items:start;justify-items:end;padding:8px}
  .ui-shot-zoom i{width:32px;height:32px;font-size:12px;background:rgba(15,31,25,.72)}
  .features-card-shot img{height:168px}
}
@media(max-width:430px){
  .docs-shot,.ui-shot,.features-card-shot{border-radius:12px}
  .features-card-shot img{height:150px}
}


/* v1.3.1 public documentation */
.docs-page{min-height:100vh;background:#f8fbfa;color:var(--text)}
.docs-header{position:sticky;top:0;z-index:90;height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e2ebe7}
.docs-header-inner{height:100%;display:grid;grid-template-columns:180px minmax(280px,1fr) auto;align-items:center;justify-content:space-between;gap:18px;width:min(100% - 44px,1320px);max-width:1320px;margin:auto}
.docs-brand-logo{width:156px;height:44px;display:flex;align-items:center;text-decoration:none;min-width:0;overflow:hidden}.docs-brand-logo img{width:156px;height:auto;max-height:44px;object-fit:contain;object-position:left center}.docs-brand-logo img.docs-brand-logo-light{display:block}.docs-brand-logo img.docs-brand-logo-dark{display:none}.docs-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.docs-home-button,.docs-header .theme-toggle,.docs-header .language-code-button{height:40px;border:1px solid #dce8e2;border-radius:11px;background:#fff;color:#395047;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-sizing:border-box}.docs-home-button,.docs-header .theme-toggle{width:40px;min-width:40px}.docs-header .language-code-button{width:54px;min-width:54px;padding:0 8px;gap:5px;white-space:nowrap;flex-wrap:nowrap;line-height:1}.docs-header .language-code-button span,.docs-header .language-code-button i{display:inline-block;flex:0 0 auto;white-space:nowrap}.docs-header .language-control{flex:0 0 auto;white-space:nowrap}
.docs-home-button:hover{color:#2D8B53;background:#edf8f2}.docs-search{position:relative;min-width:0;width:100%;justify-self:center}.docs-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#789087}.docs-search input{width:100%;height:42px;border:1px solid #d7e4de;border-radius:12px;background:#f8fbfa;padding:0 44px 0 40px;font-size:14px;color:#1d2c26}.docs-search input:focus{outline:2px solid rgba(45,139,83,.15);border-color:#68af86;background:#fff}.docs-search-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#829089;border:1px solid #dbe5e1;border-radius:6px;padding:3px 6px;background:#fff}
.docs-shell{width:min(100% - 44px,1320px);max-width:1320px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:38px;align-items:start}.docs-left,.docs-right{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto;padding:28px 0 40px}.docs-left-title,.docs-right-title{font-size:11px;font-weight:900;letter-spacing:.09em;color:#819087;text-transform:uppercase;margin:0 0 12px}.docs-menu{display:grid;gap:4px}.docs-menu-group{margin-bottom:14px}.docs-menu-group>b{display:block;font-size:12px;color:#2c4037;margin:0 0 5px;padding:0 8px}.docs-menu a,.docs-right a{display:block;color:#64746c;text-decoration:none;border-radius:8px;font-size:12px;line-height:1.45}.docs-menu a{padding:7px 8px}.docs-right a{padding:6px 0;border-left:2px solid transparent;padding-left:10px}.docs-menu a:hover,.docs-menu a.active,.docs-right a:hover,.docs-right a.active{color:#2D8B53;background:#eef8f2}.docs-right a.active{border-left-color:#2D8B53;background:transparent}.docs-main{padding:54px 0 100px;min-width:0}.docs-hero{padding-bottom:32px;border-bottom:1px solid #e0e9e5;margin-bottom:36px}.docs-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;color:#2D8B53;background:#eaf7ef;border:1px solid #d5ebdf;border-radius:999px;padding:6px 10px}.docs-hero h1{font-size:42px;letter-spacing:-1.5px;line-height:1.15;margin:15px 0 12px}.docs-hero p{font-size:15px;line-height:1.9;color:#66756e;margin:0;max-width:720px}.docs-callout{margin-top:20px;padding:16px 18px;border:1px solid #d7e9df;border-radius:14px;background:#f2faf6;display:flex;gap:12px;align-items:flex-start}.docs-callout i{color:#2D8B53;margin-top:3px}.docs-callout p{font-size:13px;line-height:1.75;margin:0;color:#52645b}.docs-section{scroll-margin-top:90px;padding:6px 0 36px;border-bottom:1px solid #edf1ef;margin-bottom:34px}.docs-section:last-child{border-bottom:0}.docs-section h2{font-size:28px;letter-spacing:-.6px;margin:0 0 13px}.docs-section h3{font-size:18px;margin:28px 0 10px;scroll-margin-top:90px}.docs-section p,.docs-section li{font-size:14px;line-height:1.9;color:#50615a}.docs-section p{margin:8px 0 14px}.docs-steps{counter-reset:docstep;display:grid;gap:12px;margin:18px 0}.docs-step{counter-increment:docstep;position:relative;padding:17px 18px 17px 56px;border:1px solid #e0e9e5;border-radius:14px;background:#fff}.docs-step:before{content:counter(docstep);position:absolute;left:17px;top:17px;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.docs-step b{display:block;font-size:14px;margin-bottom:5px}.docs-step p{font-size:13px;margin:0;color:#66766e}.docs-ui-path{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin:5px 0 12px}.docs-ui-path span{padding:5px 8px;border-radius:7px;background:#edf5f1;color:#315042;font-size:11px;font-weight:800}.docs-ui-path i{font-size:8px;color:#8aa097}.docs-note{padding:13px 15px;border-left:3px solid #2D8B53;background:#f5faf7;border-radius:0 10px 10px 0;font-size:13px;color:#566860;line-height:1.75;margin:15px 0}.docs-table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0;border:1px solid #dfe8e4;border-radius:12px;overflow:hidden;background:#fff}.docs-table th,.docs-table td{font-size:12px;line-height:1.6;text-align:left;padding:11px 13px;border-bottom:1px solid #edf1ef;vertical-align:top}.docs-table th{background:#f5f9f7;color:#384d43}.docs-table tr:last-child td{border-bottom:0}.docs-search-empty{display:none;padding:38px 20px;text-align:center;color:#718078}.docs-footer-mini{border-top:1px solid #e1e9e5;padding:24px 0 36px;text-align:center;font-size:11px;color:#7b8982}
html[data-theme="dark"] .docs-page{background:#0e1713;color:#eef6f2}html[data-theme="dark"] .docs-header{background:rgba(13,22,18,.96);border-bottom-color:#26362f}html[data-theme="dark"] .docs-brand-logo img.docs-brand-logo-light{display:none}html[data-theme="dark"] .docs-brand-logo img.docs-brand-logo-dark{display:block}html[data-theme="dark"] .docs-home-button,html[data-theme="dark"] .docs-header .theme-toggle,html[data-theme="dark"] .docs-header .language-code-button{background:#14211b;border-color:#31433a;color:#dcebe4}html[data-theme="dark"] .docs-search input{background:#14211b;border-color:#31443b;color:#eff8f4}html[data-theme="dark"] .docs-search-kbd{background:#1a2a22;border-color:#34483e;color:#9fb0a8}html[data-theme="dark"] .docs-menu-group>b,html[data-theme="dark"] .docs-section h2,html[data-theme="dark"] .docs-section h3{color:#eef7f3}html[data-theme="dark"] .docs-menu a,html[data-theme="dark"] .docs-right a,html[data-theme="dark"] .docs-section p,html[data-theme="dark"] .docs-section li{color:#aebfb7}html[data-theme="dark"] .docs-menu a:hover,html[data-theme="dark"] .docs-menu a.active{background:#193127;color:#9fdbb8}html[data-theme="dark"] .docs-step,html[data-theme="dark"] .docs-table{background:#132019;border-color:#2a3b32}html[data-theme="dark"] .docs-table th{background:#192820;color:#dbe9e2}html[data-theme="dark"] .docs-table th,html[data-theme="dark"] .docs-table td{border-bottom-color:#283931}html[data-theme="dark"] .docs-callout,html[data-theme="dark"] .docs-note{background:#15271e;border-color:#2b523d}
@media(max-width:1080px){.docs-shell{grid-template-columns:210px minmax(0,1fr)}.docs-right{display:none}}
@media(max-width:760px){.docs-header{height:auto}.docs-header-inner{grid-template-columns:minmax(120px,1fr) auto;gap:8px 12px;padding:10px 0}.docs-brand-logo{grid-column:1;grid-row:1;width:138px;height:38px}.docs-brand-logo img{width:138px;max-height:38px}.docs-header-actions{grid-column:2;grid-row:1;gap:6px}.docs-search{grid-column:1/-1;grid-row:2}.docs-shell{grid-template-columns:1fr}.docs-left{position:static;max-height:none;padding:20px 0 0;border-bottom:1px solid #e3ebe7}.docs-menu{grid-template-columns:1fr 1fr;gap:8px}.docs-menu-group{margin-bottom:8px}.docs-main{padding-top:34px}.docs-hero h1{font-size:34px}.docs-section h2{font-size:24px}}
@media(max-width:520px){.docs-menu{grid-template-columns:1fr}.docs-hero h1{font-size:30px}.docs-step{padding-left:50px}.manga-generation-buttons{grid-template-columns:1fr}}


/* v1.3.1 unified public error pages */
.toon-error-body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7fbf9 0%,#eef8f4 100%);color:#17231e}.toon-error-page{min-height:100vh;display:grid;place-items:center;padding:36px 18px;box-sizing:border-box}.toon-error-card{width:min(100%,720px);background:#fff;border:1px solid #dfeae5;border-radius:24px;box-shadow:0 24px 70px rgba(29,62,47,.09);padding:36px;text-align:center}.toon-error-brand{display:inline-flex;margin-bottom:22px}.toon-error-brand img{width:168px;height:auto;max-height:50px;object-fit:contain}.toon-error-brand .brand-logo-dark{display:none}.toon-error-status{display:inline-grid;place-items:center;min-width:76px;height:38px;padding:0 14px;border-radius:999px;background:#eaf7ef;color:#2D8B53;font-size:18px;font-weight:900;letter-spacing:.04em}.toon-error-card h1{font-size:30px;line-height:1.25;margin:16px 0 10px}.toon-error-lead{margin:0 auto 24px;max-width:570px;color:#617168;line-height:1.8;font-size:14px}.toon-error-meta{display:grid;gap:0;margin:0;text-align:left;border:1px solid #e1eae6;border-radius:14px;overflow:hidden;background:#fbfdfc}.toon-error-meta>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 15px;border-bottom:1px solid #e8efec}.toon-error-meta>div:last-child{border-bottom:0}.toon-error-meta dt{font-size:12px;font-weight:900;color:#596b62}.toon-error-meta dd{margin:0;font-size:12px;line-height:1.6;color:#34463d;word-break:break-word}.toon-error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.toon-error-actions .btn{min-width:150px}.toon-error-actions i{font-size:13px}html[data-theme="dark"] .toon-error-body{background:linear-gradient(180deg,#0d1512 0%,#101c17 100%);color:#eef7f3}html[data-theme="dark"] .toon-error-card{background:#14201b;border-color:#2c3c34;box-shadow:0 24px 70px rgba(0,0,0,.25)}html[data-theme="dark"] .toon-error-brand .brand-logo-light{display:none}html[data-theme="dark"] .toon-error-brand .brand-logo-dark{display:block}html[data-theme="dark"] .toon-error-lead{color:#aebdb5}html[data-theme="dark"] .toon-error-meta{background:#101a16;border-color:#2c3c34}html[data-theme="dark"] .toon-error-meta>div{border-bottom-color:#26362f}html[data-theme="dark"] .toon-error-meta dt{color:#a6b8af}html[data-theme="dark"] .toon-error-meta dd{color:#d8e7df}html[data-theme="dark"] .toon-error-actions .btn-ghost{background:#18251f;color:#edf7f2;border-color:#33483d}@media(max-width:620px){.toon-error-card{padding:28px 20px;border-radius:18px}.toon-error-card h1{font-size:24px}.toon-error-meta>div{grid-template-columns:1fr;gap:4px}.toon-error-actions{display:grid}.toon-error-actions .btn{width:100%}}


/* ===== PageAI v1.3.1 global back-to-top control ===== */
.back-to-top-button{position:fixed;right:22px;bottom:22px;z-index:180;width:46px;height:46px;min-width:46px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2D8B53,#1CB2EC);color:#fff;font-size:22px;font-weight:900;line-height:1;box-shadow:0 10px 26px rgba(31,139,120,.28);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.96);transition:opacity .16s ease,visibility .16s ease,transform .16s ease,box-shadow .16s ease,filter .16s ease;user-select:none;-webkit-tap-highlight-color:transparent}.back-to-top-button.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.back-to-top-button:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(31,139,120,.34);filter:brightness(1.035)}
.back-to-top-button:focus-visible{outline:3px solid rgba(28,178,236,.28);outline-offset:3px}
.back-to-top-button i{pointer-events:none;font-size:18px}
@media(max-width:760px){.back-to-top-button{right:14px;bottom:14px;width:42px;height:42px;min-width:42px;font-size:20px}}


/* ===== PageAI v1.4.0 responsive hardening ===== */
html,body{max-width:100%}body{overflow-x:hidden}.btn,.small-btn,.icon-btn{max-width:100%}.panel,.price-card,.feature-card,.features-card,.legal-card,.docs-step,.faq-library-item,.pricing-detail-section,.pricing-detail-section .container,.pricing-details-body{min-width:0}.panel h1,.panel h2,.panel h3,.legal-card,.docs-main,.footer-col,.faq-results-panel{overflow-wrap:anywhere}.table-scroll,.admin-jobs-table-wrap,.admin-faq-table-wrap,.pricing-table-wrap,.pricing-matrix-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.history-table,.admin-project-table,.admin-faq-table,.pricing-matrix-table{max-width:none}
@media(max-width:1024px){
  .public-header-grid{min-width:0}.public-main-nav{min-width:0}.public-header-actions{min-width:0}
  .pricing-page .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{min-height:auto}
  .footer-grid{gap:24px}.public-footer .footer-brand{min-width:0!important}.public-footer .footer-brand p{width:auto!important;max-width:100%!important}
  .app-content{width:100%;max-width:100%}.page-grid,.manga-new-layout{min-width:0}.panel{max-width:100%}
  .admin-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .docs-header-inner,.docs-shell{max-width:100%}
}
@media(max-width:760px){
  .public-header .container{min-width:0}.public-header-actions{max-width:100%;overflow:visible;flex-wrap:nowrap;align-items:center;padding-top:2px;padding-bottom:2px}.public-header-actions .btn,.public-main-nav a{white-space:nowrap}.public-main-nav{max-width:100%;-webkit-overflow-scrolling:touch}
  .public-header-actions .btn-ghost{display:inline-flex}.public-header-actions .btn-primary{display:none}
  .pricing-page .pricing-grid{grid-template-columns:1fr}.footer-grid,.public-footer .footer-grid{grid-template-columns:1fr 1fr!important}.public-footer .footer-brand{grid-column:1/-1}.footer-col{min-width:0}
  .contact-layout,.contact-two-col,.contact-side,.features-card-grid,.feature-grid{grid-template-columns:1fr}
  .billing-toggle{max-width:100%;display:flex}.billing-toggle button{min-width:0;padding-left:12px;padding-right:12px}
  .price-card ul,.price-card p,.price-card strong{overflow-wrap:anywhere}
  .app-shell:not(.admin-shell){display:block;padding-bottom:78px}.app-shell:not(.admin-shell) .sidebar{position:fixed!important;left:0;right:0;top:auto!important;bottom:0!important;height:70px!important;min-height:70px!important;z-index:120;display:block!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--line)!important;box-shadow:0 -8px 24px rgba(16,45,34,.10);overflow:visible!important}.app-shell:not(.admin-shell) .sidebar>.brand,.app-shell:not(.admin-shell) .sidebar-bottom{display:none!important}.app-shell:not(.admin-shell) .side-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%;height:100%;margin:0!important;padding:0!important;overflow:visible!important}.app-shell:not(.admin-shell) .side-nav a,.app-shell:not(.admin-shell) .side-nav a:not(.active){min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:5px 3px!important;font-size:9px!important;line-height:1.15;text-align:center;white-space:normal!important}.app-shell:not(.admin-shell) .side-nav a .nav-icon{width:auto!important;font-size:16px!important}
  .admin-shell .sidebar{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid var(--line)!important;overflow:visible!important}.admin-shell .sidebar .brand{display:flex!important;padding:0!important}.admin-shell .side-nav{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;gap:5px!important;width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:4px 0!important}.admin-shell .side-nav a,.admin-shell .side-nav a:not(.active){display:flex!important;flex:0 0 auto!important;flex-direction:row!important;gap:6px!important;padding:8px 9px!important;font-size:10px!important;white-space:nowrap!important}.admin-shell .sidebar-bottom{display:none!important}
  .app-topbar{max-width:100%;overflow:visible}.top-actions{max-width:100%;overflow:visible!important;flex-wrap:wrap;row-gap:6px}.app-content{max-width:100%;overflow:hidden}.panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs,.project-section-tabs{max-width:100%;-webkit-overflow-scrolling:touch}
  .manga-generation-buttons .btn{white-space:normal}.client-create-form,.client-admin-grid,.project-card-grid.history-project-grid,.admin-finance-grid,.admin-param-grid{grid-template-columns:1fr!important}.client-create-form .btn{grid-column:auto!important}
  .admin-project-table,.admin-faq-table,.admin-jobs-table-wrap .history-table{min-width:760px}
  .docs-header-inner{grid-template-columns:minmax(0,1fr) auto}.docs-header-actions{min-width:0}.docs-search input{font-size:16px}.docs-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.docs-table tbody,.docs-table thead{min-width:560px}
  .toon-error-page{padding:24px 12px}.toon-error-card{max-width:100%}
  .back-to-top-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .container{width:min(100% - 20px,1180px)}.public-header .brand-logo{max-width:108px}.public-main-nav{gap:6px}.public-main-nav a{font-size:9.5px}.public-header-actions{justify-content:flex-end}.public-header-actions .btn-ghost{display:inline-flex!important}
  .footer-grid,.public-footer .footer-grid{grid-template-columns:1fr!important}.public-footer .footer-brand,.footer-col{grid-column:1!important}.public-footer .footer-social{flex-wrap:wrap}
  .app-content{padding-left:10px!important;padding-right:10px!important}.panel{padding:13px!important}.app-topbar{padding-left:10px!important;padding-right:10px!important}.app-topbar h1{font-size:16px!important}.top-actions .btn{padding:7px 8px!important}
  .docs-brand-logo{width:116px!important;height:34px!important}.docs-brand-logo img{width:116px!important;max-height:34px!important}.docs-header-actions{gap:4px!important}.docs-home-button,.docs-header .theme-toggle{width:36px!important;min-width:36px!important;height:36px!important}.docs-header .language-code-button{width:48px!important;min-width:48px!important;height:36px!important;padding:0 6px!important}.docs-hero h1{font-size:27px!important;letter-spacing:-.8px}.docs-menu{grid-template-columns:1fr!important}.docs-step{padding:14px 14px 14px 48px}.docs-step:before{left:13px;top:14px}
  .faq-page-hero h1,.features-hero h1,.guide-v070 .guide-hero h1{font-size:29px}.faq-support-cta>.container>div{align-items:flex-start}.faq-support-cta small{overflow-wrap:anywhere}
  .manga-page-carousel{padding-left:28px!important;padding-right:28px!important}.manga-page-carousel .manga-page-grid{gap:5px!important}.page-version-button{font-size:7px!important}.manga-page-card .page-number{font-size:7px!important}
}

/* ===== Tablet / mobile landing + footer layout ===== */
.public-header .public-main-nav{
  align-items:center;
}
.public-header .public-main-nav a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:32px;
  line-height:1;
  box-sizing:border-box;
}
.public-header .public-main-nav .public-nav-home{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:center;
  height:32px;
  min-height:32px;
  margin-top:0;
  margin-bottom:0;
  padding:0;
  line-height:1;
}
.public-header .public-main-nav .public-nav-home i{
  display:block;
  line-height:1;
  transform:translateY(1px);
}

@media(max-width:1120px){
  .landing-page .toon-hero-grid{
    display:grid;
    grid-template-columns:1fr!important;
    gap:20px;
    min-height:0;
    align-items:start;
    padding-top:36px;
    container-type:inline-size;
    container-name:toon-hero;
  }
  .landing-page .toon-hero-copy{display:contents}
  .landing-page .toon-hero-headline{
    order:1;
    width:100%;
    text-align:center;
  }
  .landing-page .hero-kicker{
    padding-top:0;
    margin:0 0 2px;
  }
  .landing-page .toon-hero h1{
    margin:0 0 12px;
  }
  .landing-page .hero-desc{margin:0;line-height:1.75}
  .landing-page .toon-hero-art{
    order:4!important;
    min-height:0!important;
    padding:6px 0 10px!important;
  }
  .landing-page .hero-create-card{
    order:5;
    max-width:none!important;
    width:100%;
  }
  .landing-page .steps .steps-just{display:none}
  .landing-page .steps h2{
    font-size:clamp(22px,3.5vw,28px);
    letter-spacing:-.03em;
  }
  html[lang="ja-JP"] .landing-page .steps h2{white-space:nowrap}
  .public-footer .footer-grid,
  .public-footer .container.footer-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:"brand brand brand" "service support company";
    justify-content:stretch;
    justify-items:stretch;
    align-items:start;
    column-gap:24px;
    row-gap:28px;
  }
  .public-footer .footer-brand{
    grid-area:brand;
    grid-column:1/-1!important;
    justify-self:stretch;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .public-footer .footer-brand .brand-logo{
    width:140px;
    max-width:min(140px,100%);
    height:auto;
  }
  .public-footer .footer-brand p{
    width:100%!important;
    max-width:36em!important;
    line-height:1.75;
  }
  .public-footer .footer-col:nth-child(2){grid-area:service}
  .public-footer .footer-col:nth-child(3){grid-area:support}
  .public-footer .footer-col:nth-child(4){grid-area:company}
  .public-footer .footer-col,
  .public-footer .footer-col:last-child{
    grid-column:auto!important;
    min-width:0;
    width:100%;
  }
  .public-footer .footer-social{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
  }
}

@media(max-width:1120px){
  html[lang="ja-JP"] .landing-page .hero-kicker{
    white-space:nowrap;
    font-size:clamp(16px,6.5cqi,66px);
    letter-spacing:0;
    line-height:1.2;
    margin-bottom:.28em;
  }
  html[lang="ja-JP"] .landing-page .toon-hero h1{
    white-space:nowrap;
    font-size:clamp(22px,6.9cqi,70px);
    letter-spacing:-.04em;
    line-height:1.2;
    margin-top:0;
    margin-bottom:.48em;
  }
  html[lang="ja-JP"] .landing-page .toon-hero h1 br{display:none}
}
@media(max-width:1120px) and (min-width:681px){
  .landing-page .steps-grid{
    grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr)!important;
    max-width:100%;
    align-items:start;
    column-gap:4px;
    padding-top:10px;
  }
  .landing-page .steps-grid>.step-arrow{
    display:flex!important;
    transform:none!important;
    margin:36px 0 0!important;
    align-self:center;
    width:32px;
    height:auto;
  }
  .landing-page .step>span{width:64px;height:64px;font-size:24px}
  .landing-page .step h3{font-size:13px}
  .landing-page .step p{font-size:11px}
  .landing-page .step p br{display:none}
  .landing-page .step>b{
    width:22px;
    height:22px;
    left:calc(50% - 38px);
    top:-4px;
    font-size:11px;
  }
  .public-footer .footer-brand{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:22px;
  }
  .public-footer .footer-brand p{margin:0}
}

@media(max-width:680px){
  .public-header .public-header-grid{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand actions"!important;
    align-items:center;
  }
  .public-header .brand,
  .public-header .brand.brand-image-link{
    grid-area:brand;
    margin:0!important;
    margin-left:0!important;
    justify-self:start!important;
    justify-content:flex-start;
  }
  .public-header .brand-logo,
  .public-header .brand.brand-image-link .brand-logo{
    object-position:left center;
  }
  .public-header-actions{
    grid-area:actions;
    width:auto!important;
    max-width:none;
    justify-self:end!important;
    justify-content:flex-end!important;
  }
  .public-header .public-main-nav a{min-height:28px}
  .public-header .public-main-nav .public-nav-home{
    height:28px;
    min-height:28px;
  }
  .landing-page .toon-hero-grid{padding-top:32px}
  .landing-page .steps h2{font-size:clamp(18px,5.4vw,24px)}
  .landing-page .steps-grid{
    grid-template-columns:1fr!important;
    max-width:320px;
    justify-items:center;
    gap:0;
  }
  .landing-page .steps-grid>.step-arrow{
    display:flex!important;
    transform:rotate(90deg)!important;
    width:auto;
    height:28px;
    margin:6px 0 12px!important;
  }
  .landing-page .step{width:100%;max-width:280px}
  .landing-page .step>span{width:72px;height:72px;font-size:28px}
  .landing-page .step>b{
    left:50%;
    margin-left:-45px;
    top:-6px;
  }
  .public-footer .footer-grid,
  .public-footer .container.footer-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"brand brand" "service support" "company company";
  }
  .public-footer .footer-brand{
    grid-area:brand;
    width:100%!important;
    display:grid;
    grid-template-columns:1fr;
    justify-items:start;
  }
  .public-footer .footer-col:last-child{grid-column:auto!important}
}

@media(max-width:480px){
  .public-footer .footer-grid,
  .public-footer .container.footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "service" "support" "company";
  }
  .public-footer .footer-brand,
  .public-footer .footer-col{grid-column:auto!important;width:100%!important}
}

/* Global nav: Docs item + hamburger when the inline menu no longer fits. */
.public-nav-toggle{
  display:none;
  width:40px;
  height:40px;
  flex:0 0 40px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid var(--line,#d9e2e6);
  border-radius:11px;
  background:var(--panel,#fff);
  color:var(--text,#395047);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  box-sizing:border-box;
}
.public-nav-toggle [data-nav-icon-close]{display:none}
.public-nav-home-label{
  display:none;
}
@media(max-width:1200px) and (min-width:1025px){
  .public-header .public-header-grid{
    grid-template-columns:minmax(140px,1fr) auto minmax(200px,1fr);
    gap:16px;
  }
  .public-main-nav{gap:22px}
}
@media(max-width:1024px){
  .public-header{
    height:auto;
    overflow:visible;
  }
  .public-nav-toggle{
    display:inline-flex;
  }
  .public-header-actions .language-code-button,
  .public-header-actions .btn,
  .public-header-actions .theme-toggle,
  .public-header-actions .public-nav-toggle{
    height:42px!important;
    min-height:42px!important;
    box-sizing:border-box;
    border-radius:9px;
  }
  .public-header-actions .theme-toggle,
  .public-header-actions .public-nav-toggle{
    width:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    padding:0!important;
    font-size:16px;
  }
  .public-header.is-nav-open .public-nav-toggle [data-nav-icon-open]{display:none}
  .public-header.is-nav-open .public-nav-toggle [data-nav-icon-close]{display:inline-block}
  .public-header .public-header-grid{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand actions"!important;
    padding:12px 0;
    row-gap:0;
  }
  .public-header .brand{grid-area:brand;justify-self:start}
  .public-header-actions{grid-area:actions;justify-self:end}
  .public-header .public-main-nav{
    display:none!important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:70;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:4px!important;
    margin:0;
    padding:8px 16px 14px;
    background:#fff;
    border-top:1px solid #eef2f4;
    box-shadow:0 18px 32px rgba(16,45,34,.12);
  }
  .public-header.is-nav-open .public-main-nav{
    display:flex!important;
  }
  .public-header .public-main-nav a,
  .public-header .public-main-nav .public-nav-home{
    display:flex!important;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    max-width:none!important;
    flex:0 0 auto!important;
    min-height:44px!important;
    height:auto;
    margin:0!important;
    padding:10px 12px;
    font-size:15px!important;
    text-align:left;
    border-radius:10px;
  }
  .public-header .public-main-nav a:hover{
    background:#edf8f2;
  }
  html[data-theme="dark"] .public-header .public-main-nav a:hover{
    background:#193127;
  }
  .public-header .public-main-nav .public-nav-home-label{
    display:inline;
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    margin-left:8px;
    font-size:15px;
    font-weight:800;
  }
  html[data-theme="dark"] .public-header .public-main-nav{
    background:#121b19;
    border-top-color:#24312f;
    box-shadow:0 18px 32px rgba(0,0,0,.35);
  }
  html[data-theme="dark"] .public-nav-toggle{
    background:#17211f;
    color:#fff;
    border-color:#30423e;
  }
  /* Keep JP/US menu and login button fully visible on tablet/mobile. */
  .public-header,
  .public-header .container,
  .public-header-grid,
  .public-header-actions{
    overflow:visible!important;
  }
  .public-header .public-header-grid{
    padding-top:14px!important;
    padding-bottom:14px!important;
    align-items:center;
  }
  .public-header-actions{
    align-items:center;
    gap:6px;
    padding-top:4px;
    padding-bottom:4px;
    min-height:50px;
  }
  .public-header-actions .btn,
  .public-header-actions .btn-ghost,
  .public-header-actions .language-code-button,
  .public-header-actions .theme-toggle,
  .public-header-actions .public-nav-toggle{
    flex-shrink:0;
    position:relative;
    z-index:2;
  }
  .public-header-actions .btn-ghost{
    display:inline-flex!important;
    line-height:1;
    overflow:visible;
  }
  .language-control,
  .language-menu-control{
    position:relative;
    z-index:130;
    overflow:visible;
  }
  .language-menu,
  .language-code-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    z-index:140!important;
    width:min(220px,calc(100vw - 24px));
    max-height:min(70vh,420px);
  }
}
@media(max-width:420px){
  .public-header-actions .btn-ghost{
    padding:0 10px!important;
    font-size:11px!important;
    min-height:42px!important;
    height:42px!important;
  }
  .language-menu,
  .language-code-menu{
    position:fixed!important;
    top:72px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
  }
}
body.public-nav-open{overflow:hidden}

/* Final mobile header safety: never clip JP/US or Login controls. */
@media(max-width:760px){
  .public-header{
    height:auto!important;
    min-height:72px;
    overflow:visible!important;
  }
  .public-header .container,
  .public-header-grid{
    height:auto!important;
    min-height:0;
    overflow:visible!important;
  }
  .public-header-actions{
    padding-top:6px!important;
    padding-bottom:6px!important;
    overflow:visible!important;
  }
}

/* Docs uses the same content width / side gutters as the public site. */
@media(max-width:1024px){
  .docs-header-inner,
  .docs-shell{width:min(100% - 36px,1320px);max-width:1320px}
}
@media(max-width:620px){
  .docs-header-inner,
  .docs-shell{width:min(100% - 24px,1320px);max-width:1320px}
}

/* =========================================================
   PageAI v1.5.0 — hero visual carousel: manga sample 1 ↔ manga sample 2
   ========================================================= */
.landing-page .toon-hero-art.toon-hero-carousel{
  position:relative;
  min-height:650px;
  padding:18px 6px 38px 10px;
  isolation:isolate;
  overflow:visible;
}
.landing-page .toon-hero-carousel .hero-carousel-viewport{
  position:relative;
  width:100%;
  height:100%;
  min-height:590px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-page .toon-hero-carousel .hero-carousel-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(18px) scale(.985);
  transition:opacity .38s ease,transform .38s ease,visibility .38s step-end;
}
.landing-page .toon-hero-carousel .hero-carousel-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0) scale(1);
  transition:opacity .38s ease,transform .38s ease,visibility 0s step-start;
}
.landing-page .toon-hero-carousel .hero-manga-stack{
  position:relative;
  width:min(540px,92%);
  display:flex;
  align-items:center;
  justify-content:center;
}
.landing-page .toon-hero-carousel .hero-manga-stack>picture{
  display:block;
  width:100%;
  position:relative;
  z-index:5;
  line-height:0;
}
.landing-page .toon-hero-carousel .hero-manga-stack>picture img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  transform:rotate(1.35deg);
  box-shadow:0 22px 44px rgba(19,52,61,.18);
  filter:none;
}
.landing-page .toon-hero-carousel .hero-manga-stack .hero-sheet{
  width:100%;
  left:50%;
  top:50%;
}
.landing-page .toon-hero-carousel .hero-manga-stack-secondary .hero-sheet-1{transform:translate(-58%,-49%) rotate(-6.2deg);opacity:.66}
.landing-page .toon-hero-carousel .hero-manga-stack-secondary .hero-sheet-2{transform:translate(-54%,-50%) rotate(-3.4deg);opacity:.78}
.landing-page .toon-hero-carousel .hero-manga-stack-secondary .hero-sheet-3{transform:translate(-46%,-50%) rotate(4.7deg);opacity:.84}
.landing-page .toon-hero-carousel .hero-manga-stack-secondary .hero-sheet-4{transform:translate(-50%,-50%) rotate(2.1deg);opacity:.95}
.landing-page .toon-hero-carousel .hero-carousel-arrow{
  position:absolute;
  top:50%;
  z-index:20;
  width:44px;
  height:44px;
  border:1px solid rgba(205,219,224,.96);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#1c6f5b;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-shadow:0 10px 26px rgba(23,52,61,.14);
  cursor:pointer;
  transform:translateY(-50%);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.landing-page .toon-hero-carousel .hero-carousel-arrow:hover{
  background:#fff;
  box-shadow:0 13px 30px rgba(23,52,61,.2);
}
.landing-page .toon-hero-carousel .hero-carousel-arrow:focus-visible{
  outline:3px solid rgba(28,178,236,.28);
  outline-offset:2px;
}
.landing-page .toon-hero-carousel .hero-carousel-prev{left:-6px}
.landing-page .toon-hero-carousel .hero-carousel-next{right:-6px}
.landing-page .toon-hero-carousel .hero-carousel-dots{
  position:absolute;
  left:50%;
  bottom:2px;
  z-index:21;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
}
.landing-page .toon-hero-carousel .hero-carousel-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#cbd8dc;
  cursor:pointer;
  transition:width .2s ease,border-radius .2s ease,background .2s ease;
}
.landing-page .toon-hero-carousel .hero-carousel-dots button.is-active{
  width:24px;
  border-radius:99px;
  background:linear-gradient(90deg,#2D8B53,#1CB2EC);
}
@media(max-width:1120px){
  .landing-page .toon-hero-art.toon-hero-carousel{min-height:540px!important;padding:4px 0 38px!important}
  .landing-page .toon-hero-carousel .hero-carousel-viewport{min-height:500px}
  .landing-page .toon-hero-carousel .hero-manga-stack{width:min(460px,86%)}
  .landing-page .toon-hero-carousel .hero-carousel-prev{left:5%}
  .landing-page .toon-hero-carousel .hero-carousel-next{right:5%}
}
@media(max-width:860px){
  .landing-page .toon-hero-art.toon-hero-carousel{min-height:470px!important}
  .landing-page .toon-hero-carousel .hero-carousel-viewport{min-height:430px}
  .landing-page .toon-hero-carousel .hero-manga-stack{width:min(380px,82%)}
  .landing-page .toon-hero-carousel .hero-carousel-arrow{width:40px;height:40px}
  .landing-page .toon-hero-carousel .hero-carousel-prev{left:2%}
  .landing-page .toon-hero-carousel .hero-carousel-next{right:2%}
}
@media(max-width:620px){
  .landing-page .toon-hero-art.toon-hero-carousel{min-height:365px!important;padding:0 0 34px!important}
  .landing-page .toon-hero-carousel .hero-carousel-viewport{min-height:330px}
  .landing-page .toon-hero-carousel .hero-manga-stack{width:min(300px,80%)}
  .landing-page .toon-hero-carousel .hero-carousel-arrow{width:36px;height:36px;font-size:12px}
  .landing-page .toon-hero-carousel .hero-carousel-prev{left:0}
  .landing-page .toon-hero-carousel .hero-carousel-next{right:0}
  .landing-page .toon-hero-carousel .hero-carousel-dots{bottom:-1px}
}
@media(prefers-reduced-motion:reduce){
  .landing-page .toon-hero-carousel .hero-carousel-slide{transition:none!important}
}

/* =========================================================
   PageAI v1.5.0 — project reference image attachments
   ========================================================= */
.project-attachment-field{display:grid;gap:10px;padding:14px;border:1px solid #dbe7e5;border-radius:12px;background:linear-gradient(135deg,rgba(45,139,83,.035),rgba(28,178,236,.035))}
.project-attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#17483a}.project-attachment-heading>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850}.project-attachment-heading>small{font-size:10px;color:#718079;font-weight:700}
.project-attachment-dropzone{position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;min-height:68px;padding:11px 13px!important;border:1px dashed #b9d5ce!important;border-radius:10px!important;background:#fff!important;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.project-attachment-dropzone:hover{border-color:#2D8B53!important;background:#fbfffd!important;box-shadow:0 5px 16px rgba(28,86,64,.06)}
.project-attachment-dropzone input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:3!important}.project-attachment-dropzone:focus-within{border-color:#2D8B53!important;box-shadow:0 0 0 3px rgba(45,139,83,.12),0 5px 16px rgba(28,86,64,.06)}.project-attachment-dropzone>span:last-child{display:grid;gap:3px}.project-attachment-dropzone b{font-size:12px;color:#253630}.project-attachment-dropzone small{font-size:10.5px;color:#77837f}.project-attachment-icon{width:40px;height:40px;display:grid!important;place-items:center;flex:0 0 40px;border-radius:10px;background:#eaf8f2;color:#17825e;font-size:17px}
.project-attachment-status{display:flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:7px;background:#f4f8f6;color:#687872;font-size:10.5px;font-weight:700}.project-attachment-field.has-files .project-attachment-status{background:#eaf8f2;color:#167351}.project-attachment-help{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:10.5px;line-height:1.55;color:#687872}.project-attachment-help i{color:#26936c;margin-top:2px}.project-attachment-error{padding:8px 10px;border-radius:8px;background:#fff1f1;color:#b42318;font-size:11px;font-weight:700}
.project-attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-attachment-item{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid #dce7e4;border-radius:9px;background:#fff}.project-attachment-thumb{width:42px;height:42px;overflow:hidden;border-radius:7px;background:#eef3f2}.project-attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-attachment-meta{display:grid;gap:2px;min-width:0}.project-attachment-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.project-attachment-meta small{font-size:9.5px;color:#77837f}.project-attachment-remove{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:#f4f7f6;color:#68736f;cursor:pointer}.project-attachment-remove:hover{background:#fff0f0;color:#b42318}
html[data-theme="dark"] .project-attachment-field{border-color:#304b46;background:linear-gradient(135deg,rgba(45,139,83,.12),rgba(28,178,236,.08))}html[data-theme="dark"] .project-attachment-dropzone,html[data-theme="dark"] .project-attachment-item{background:#17211f!important;border-color:#38534d!important}html[data-theme="dark"] .project-attachment-dropzone b,html[data-theme="dark"] .project-attachment-meta b{color:#edf8f4}html[data-theme="dark"] .project-attachment-status{background:#1c2d29;color:#a7bbb4}html[data-theme="dark"] .project-attachment-field.has-files .project-attachment-status{background:#19382d;color:#91e2c0}html[data-theme="dark"] .project-attachment-help,html[data-theme="dark"] .project-attachment-dropzone small,html[data-theme="dark"] .project-attachment-meta small{color:#a7bbb4}
@media(max-width:620px){.project-attachment-list{grid-template-columns:1fr}.project-attachment-field{padding:12px}.project-attachment-dropzone{min-height:64px}.project-attachment-dropzone small{line-height:1.45}}

/* ===== PageAI v1.6 Character Library visual-reference workflow ===== */
.character-library-visual-status{display:flex;align-items:center;gap:8px;margin:10px 0 2px;padding:9px 11px;border-radius:10px;background:#eef9f3;color:#23754a;font-size:11px;font-weight:800}
.character-library-edit-note{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid #dce9e2;border-radius:11px;background:#f7fbf8;color:#52645b;font-size:11px;line-height:1.65}
.character-library-edit-note>i{color:#2D8B53;margin-top:3px;flex:0 0 auto}.character-library-edit-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}.character-library-edit-actions .btn{min-height:40px}
.shared-character-choice>span{grid-template-columns:74px 1fr 20px}.shared-character-thumb{width:74px;height:58px;border-radius:10px;overflow:hidden;border:1px solid #d9e5df;background:#f4faf6;display:flex;align-items:center;justify-content:center}.shared-character-thumb img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#fff}.shared-character-choice>span>i:first-child{justify-self:center}
html[data-theme="dark"] .character-library-visual-status{background:#173127;color:#8fddb0}html[data-theme="dark"] .character-library-edit-note{background:#17201d;border-color:#304039;color:#b8c8c0}html[data-theme="dark"] .shared-character-thumb{background:#101713;border-color:#304039}html[data-theme="dark"] .shared-character-thumb img{background:#111814}
@media(max-width:620px){.character-library-edit-actions{display:grid;grid-template-columns:1fr}.character-library-edit-actions .btn{width:100%}.shared-character-choice>span{grid-template-columns:64px 1fr 18px}.shared-character-thumb{width:64px;height:54px}}

/* ===== PageAI v1.6.1 Character Library thumbnail containment / version navigation ===== */
.character-library-list,.character-library-card,.character-library-reference,.character-library-reference-head,.character-library-reference-stage,.character-library-reference-nav{min-width:0;max-width:100%}
.character-library-card{overflow:hidden}
.character-library-reference{overflow:hidden;contain:layout paint}
.character-library-reference-head{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;width:100%}
.character-library-reference-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:100%;box-sizing:border-box}
.character-library-reference-tabs button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:7px 7px}
.character-library-version-label{display:block;justify-self:end;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;line-height:1.35}
.character-library-reference-stage{display:flex;align-items:center;justify-content:center;width:100%!important;max-width:100%!important;min-height:118px;max-height:310px;box-sizing:border-box;isolation:isolate}
.character-library-reference-stage img{display:block;max-width:none!important;box-sizing:border-box;transform:none!important;transform-origin:top left}
.character-library-reference-stage img.is-whole-reference{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;background:#fff}
.character-library-reference-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;justify-content:stretch}
.character-library-reference-nav .btn{width:100%;max-width:100%;min-width:0!important;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 8px;font-size:9px}
.character-library-reference-nav .btn:disabled{opacity:.45;cursor:not-allowed}
html[data-theme="dark"] .character-library-reference-stage img.is-whole-reference{background:#101815}
@media(max-width:760px){.character-library-reference-stage{min-height:106px;max-height:260px}.character-library-reference-tabs button{font-size:9px}.character-library-version-label{justify-self:start}.character-library-reference-nav .btn{font-size:9px}}


/* =========================================================
   PageAI v1.7.1 — reliable live generation progress bars
   Legacy .preview-progress once doubled as a content wrapper and retained
   padding, which collapsed the actual 8px track under border-box sizing.
   Reset it as a dedicated progress track for both public preview and user jobs.
   ========================================================= */
.preview-progress{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:10px!important;
  min-height:10px!important;
  padding:0!important;
  margin-top:10px;
  text-align:left!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(45,139,83,.13) 0%,rgba(28,178,236,.11) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(45,139,83,.08);
}
.preview-progress>i{
  position:relative;
  display:block!important;
  height:100%!important;
  min-height:10px!important;
  padding:0!important;
  margin:0!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#2D8B53 0%,#15996f 52%,#1CB2EC 100%)!important;
  background-size:180% 100%!important;
  box-shadow:0 2px 9px rgba(45,139,83,.22);
  transition:width .65s cubic-bezier(.22,.8,.24,1)!important;
  animation:toonProgressGradientFlow 1.8s linear infinite;
  will-change:width,background-position;
}
.preview-progress>i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.32) 48%,transparent 76%);
  transform:translateX(-100%);
  animation:toonProgressSheen 2.2s ease-in-out infinite;
}
@keyframes toonProgressGradientFlow{to{background-position:180% 0}}
@keyframes toonProgressSheen{0%,20%{transform:translateX(-100%)}70%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){
  .preview-progress>i{animation:none!important;transition:width .01ms linear!important}
  .preview-progress>i::after{animation:none!important;display:none!important}
}


/* ===== PageAI v1.7.2 project labels + independently scrollable project sidebar ===== */
.app-shell:not(.admin-shell) .app-topbar h1{min-width:0;max-width:min(58vw,760px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:980px){.app-shell:not(.admin-shell) .app-topbar h1{max-width:100%;width:100%}}

/* PageAI v1.8.0 payment history / BillDX (retained in v2.1.0) */
.payment-history-panel{max-width:1120px}.payment-history-table{min-width:860px}.payment-history-table td:first-child{white-space:nowrap}.billing-pdf-actions{display:flex;gap:7px;flex-wrap:wrap}.billing-pdf-actions .small-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.table-sub{display:block;color:var(--muted);font-size:11px;margin-top:4px}.billdx-integration-panel{max-width:920px}.billdx-integration-panel .admin-security-note{margin-top:20px}
@media(max-width:760px){.payment-history-panel{padding:16px}.billing-pdf-actions{min-width:150px}.billdx-integration-panel{padding:16px}}
/* v1.8.0: keep the extra account/admin navigation reachable on shorter screens. */
.tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tabs a{flex:0 0 auto}
.admin-shell .side-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-right:2px}.admin-shell .sidebar-bottom{flex:0 0 auto;margin-top:8px}


/* ===== PageAI v2.1.0 login / grouped admin nav / security / AI debug export ===== */
.auth-forgot-under{text-align:center;margin:10px 0 0}.auth-forgot-under .auth-forgot-link{display:inline-flex;padding:4px 2px}
.admin-side-nav>.admin-nav-group{display:block;margin:0;padding:0;border:0}.admin-nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 12px;color:#b7c2be;font-size:12px;font-weight:800;user-select:none}.admin-nav-group>summary::-webkit-details-marker{display:none}.admin-nav-group>summary:hover,.admin-nav-group>summary.active{background:rgba(255,255,255,.075);color:#fff}.admin-nav-chevron{margin-left:auto;font-size:9px;transition:transform .18s ease}.admin-nav-group[open] .admin-nav-chevron{transform:rotate(180deg)}.admin-subnav{display:grid;gap:3px;padding:4px 0 7px 19px}.admin-subnav a{padding:8px 10px!important;font-size:11px!important}.admin-subnav a .nav-icon{width:18px!important;font-size:11px!important}.admin-subnav a.active{box-shadow:inset 2px 0 #35b780}.security-control-card h3 i,.debug-export-panel h3 i{margin-right:7px;color:#2D8B53}.security-settings-grid{align-items:start}.security-ip-table{min-width:920px}.security-ip-table code{font-size:11px;white-space:nowrap}.badge.red{background:#fff0ed;color:#a83a28}.debug-export-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}.debug-export-frame{display:block;width:100%;min-height:430px;max-height:680px;resize:vertical;border:1px solid #27332f;border-radius:12px;padding:15px;background:#101715;color:#d9eee6;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto;tab-size:2}
html[data-theme="dark"] .admin-nav-group>summary:hover,html[data-theme="dark"] .admin-nav-group>summary.active{background:rgba(255,255,255,.09)}
@media(max-width:980px){.admin-shell .admin-side-nav>.admin-nav-group{flex:0 0 auto}.admin-shell .admin-nav-group>summary{white-space:nowrap;padding:8px 9px;font-size:10px}.admin-shell .admin-subnav{position:relative;padding:3px 0 3px 8px;min-width:150px}.admin-shell .admin-subnav a{padding:7px 8px!important}.debug-export-frame{min-height:360px}}
/* v2.1.0 manga HTML export + source-faithful editable text layer */
.manga-page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.download-choice{position:relative}.download-choice-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:35;min-width:170px;padding:6px;background:var(--panel-bg,#fff);border:1px solid var(--line,#dfe7e2);border-radius:10px;box-shadow:0 12px 30px rgba(20,42,31,.14)}.download-choice-menu[hidden]{display:none}.download-choice-menu a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:7px;color:inherit;text-decoration:none;font-size:13px;white-space:nowrap}.download-choice-menu a:hover,.download-choice-menu a:focus{background:rgba(45,139,83,.09);outline:none}.download-chevron{font-size:10px;margin-left:3px}.manga-text-help{margin-top:8px;padding:8px 10px;border-radius:9px;background:rgba(45,139,83,.08);color:var(--muted,#66756c);font-size:12px;line-height:1.5}.manga-text-help[hidden]{display:none}.manga-text-overlay{position:absolute;inset:0;z-index:7;pointer-events:none;container-type:inline-size}.manga-text-overlay[hidden]{display:none}.manga-text-edit-region{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:calc(var(--py,.003)*100cqw) calc(var(--px,.004)*100cqw);background:rgba(var(--bg,255,255,255),var(--bga,.96));border:1px dashed rgba(45,139,83,.68);border-radius:var(--radius,12%);color:var(--fg,#111);line-height:var(--lh,1.15);letter-spacing:var(--ls,.01em);font-weight:var(--fw,650);font-size:calc(var(--fs,.026)*100cqw);text-align:center;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;pointer-events:auto;cursor:text;user-select:text;-webkit-user-select:text;transform:rotate(var(--rot,0deg));transform-origin:center;-webkit-text-stroke:calc(var(--stroke,0)*100cqw) var(--stroke-color,#fff);paint-order:stroke fill;box-shadow:0 0 calc(var(--py,.003)*55cqw) calc(var(--px,.004)*18cqw) rgba(var(--bg,255,255,255),calc(var(--bga,.96)*.72))}.manga-text-edit-region.kind-sfx{background:transparent;box-shadow:none}.manga-text-edit-region.font-sans{font-family:"BIZ UDPGothic","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}.manga-text-edit-region.font-serif{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}.manga-text-edit-region.font-display{font-family:Impact,"Arial Black","Noto Sans JP","Yu Gothic",sans-serif;font-stretch:condensed}.manga-text-edit-region.is-vertical{writing-mode:vertical-rl;text-orientation:mixed}.manga-text-edit-region.is-editing{outline:2px solid #2D8B53;border-style:solid;background:rgba(var(--bg,255,255,255),.98);overflow:auto;z-index:9}.manga-text-edit-region.is-saving{opacity:.68}.manga-text-edit-region.is-saved{box-shadow:0 0 0 3px rgba(45,139,83,.22)}[data-text-layer-toggle].active{background:rgba(45,139,83,.12);border-color:rgba(45,139,83,.45);color:#1f7043}[data-text-layer-toggle].is-loading i{animation:toonai-page-spin .72s linear infinite}.page-version-stage:has(.manga-text-overlay:not([hidden])) .page-zoom-button{display:none}html[data-theme="dark"] .download-choice-menu{background:#14201a;border-color:#344a3e}html[data-theme="dark"] .manga-text-help{background:rgba(60,170,105,.13)}

/* v2.1.1: keep the project download label on one line at all carousel widths. */
.manga-page-actions .download-choice{width:100%;max-width:100%;min-width:0;flex:1 1 100%}
.manga-page-actions [data-download-toggle]{display:flex;width:100%;max-width:100%;min-width:0;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.2}
.manga-page-actions [data-download-toggle] .fa-download,.manga-page-actions [data-download-toggle] .download-chevron{flex:0 0 auto}
@media(max-width:760px){.manga-page-actions [data-download-toggle]{font-size:9px;padding:7px 6px;gap:5px}.manga-page-actions .download-chevron{font-size:7px;margin-left:1px}}

/* =========================================================
   PageAI v0.1.0 brand + core workspace
   Primary: Yellow #C49F00 / Blue #217B8D
   ========================================================= */
:root{
  --primary:#C49F00;
  --primary2:#217B8D;
  --pageai-yellow:#C49F00;
  --pageai-blue:#217B8D;
  --pageai-yellow-soft:#fff7d4;
  --pageai-blue-soft:#e8f6f8;
  --pageai-gradient:linear-gradient(135deg,#C49F00 0%,#9b9d29 46%,#217B8D 100%);
  --shadow:0 18px 45px rgba(24,55,62,.10);
}
.brand-logo{display:block;width:auto;max-width:180px;height:44px;object-fit:contain}.pageai-brand .brand-logo{max-width:188px}.sidebar .pageai-brand .brand-logo{max-width:182px;height:44px}.admin-brand-link .brand-logo{max-width:182px}.brand-logo-dark{display:none}html[data-theme="dark"] .brand-logo-light{display:none!important}html[data-theme="dark"] .brand-logo-dark{display:block!important}
.btn-primary{background:var(--pageai-gradient);color:#fff;box-shadow:0 9px 22px rgba(33,123,141,.20)}.btn-primary:hover{filter:brightness(.96);transform:translateY(-1px)}
.field:focus,input:focus,select:focus,textarea:focus{border-color:var(--pageai-blue);box-shadow:0 0 0 4px rgba(33,123,141,.11)}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(196,159,0,.12),rgba(33,123,141,.10));color:#17697a}.credit-card{background:linear-gradient(145deg,#17353c,#217B8D 62%,#9f8620);box-shadow:0 16px 35px rgba(18,60,70,.17)}.credit-card a{color:#fff1af}.avatar{background:var(--pageai-gradient)}.account-link:hover,.account-link.active{background:linear-gradient(90deg,rgba(196,159,0,.10),rgba(33,123,141,.08))}.badge{background:var(--pageai-blue-soft);color:#17697a}.badge.green{background:#e8f8ef;color:#167a52}.btn-soft{background:var(--pageai-blue-soft);color:#17697a}.choice input:checked+span{border-color:var(--pageai-blue);background:var(--pageai-blue-soft);color:#17697a}
.pageai-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#8c7200}.pageai-kicker:before{content:"";width:18px;height:3px;border-radius:9px;background:var(--pageai-gradient)}
.pageai-create-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.pageai-create-panel{padding:28px}.pageai-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:24px}.pageai-create-head h2,.pageai-project-head h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.pageai-create-head p,.pageai-project-head p{color:var(--muted);line-height:1.75;margin:0;max-width:800px}.pageai-credit-pill{min-width:112px;background:linear-gradient(145deg,#17353c,#217B8D);color:#fff;border-radius:16px;padding:13px 16px;text-align:right}.pageai-credit-pill small{display:block;color:#c8e8ee}.pageai-credit-pill strong{font-size:24px}.pageai-form-section{padding:26px 0;border-bottom:1px solid var(--line)}.pageai-section-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.pageai-section-title>span{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--pageai-gradient);color:#fff;font-weight:900}.pageai-section-title div{display:flex;flex-direction:column;gap:2px}.pageai-section-title b{font-size:16px}.pageai-section-title small{color:var(--muted)}.pageai-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pageai-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pageai-form-section label>span:first-child{display:block;font-weight:800;margin-bottom:7px}.pageai-form-section label.full{display:block;margin-top:14px}.pageai-url-field{display:flex;align-items:center;border:1px solid #dbdde7;border-radius:11px;overflow:hidden;background:#fff}.pageai-url-field:focus-within{border-color:var(--pageai-blue);box-shadow:0 0 0 4px rgba(33,123,141,.11)}.pageai-url-field>span{padding:0 0 0 14px;color:#6e7780;font-weight:700}.pageai-url-field input{border:0;box-shadow:none!important;padding-left:3px}.pageai-competitors{margin-top:14px;border:1px dashed #d5dce0;border-radius:12px;padding:13px 15px}.pageai-competitors summary{cursor:pointer;font-weight:800;color:#46565e}.pageai-competitors .pageai-three-col{margin-top:14px}.pageai-blueprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pageai-blueprint-card input,.pageai-design-grid input,.pageai-module-card input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.pageai-blueprint-card>span{min-height:145px;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:.18s}.pageai-blueprint-card i{font-size:21px;color:var(--pageai-blue)}.pageai-blueprint-card b{font-size:15px}.pageai-blueprint-card small{color:var(--muted);line-height:1.55}.pageai-blueprint-card input:checked+span{border-color:var(--pageai-blue);background:linear-gradient(145deg,rgba(196,159,0,.08),rgba(33,123,141,.08));box-shadow:0 0 0 2px rgba(33,123,141,.08)}.pageai-module-group{margin-top:18px}.pageai-module-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#808b92;margin:0 0 8px}.pageai-module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pageai-module-card>span{border:1px solid var(--line);border-radius:13px;padding:13px 14px;display:block;cursor:pointer;min-height:84px}.pageai-module-card input:checked+span{border-color:#7badb7;background:#f0fafb}.pageai-module-card.is-required>span{background:#fff9df;border-color:#e6d077}.pageai-module-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pageai-module-top b{font-size:14px}.pageai-module-top em{font-style:normal;font-size:10px;border-radius:99px;padding:3px 7px;background:#edf2f3;color:#607077;white-space:nowrap}.pageai-module-card.is-required em{background:#f0df88;color:#705c00}.pageai-module-card small{display:block;color:var(--muted);line-height:1.5;margin-top:6px}.pageai-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pageai-design-grid label>span{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.pageai-design-grid input:checked+span{border-color:var(--pageai-blue);background:linear-gradient(135deg,rgba(196,159,0,.08),rgba(33,123,141,.08))}.pageai-design-grid small{color:var(--muted)}.pageai-create-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px}.pageai-cost-summary{display:flex;flex-direction:column}.pageai-cost-summary>span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}.pageai-cost-summary strong{font-size:21px}.pageai-cost-summary small{color:var(--muted)}.pageai-create-button{min-width:220px}.pageai-why-panel{position:sticky;top:100px;padding:24px;background:linear-gradient(155deg,#fffdf5,#f4fbfc)}.pageai-why-panel h3{font-size:22px;margin:9px 0}.pageai-why-panel>p{color:var(--muted);line-height:1.75}.pageai-pipeline{display:flex;flex-direction:column;gap:6px;margin:22px 0}.pageai-pipeline>div{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(33,123,141,.13);background:#fff;border-radius:10px;font-weight:750}.pageai-pipeline i{width:22px;color:var(--pageai-blue);text-align:center}.pageai-pipeline>div:nth-child(3n+1) i{color:var(--pageai-yellow)}.pageai-lockin{display:flex;gap:12px;border-radius:14px;padding:14px;background:#17353c;color:#fff}.pageai-lockin>i{font-size:20px;color:#f0cf43}.pageai-lockin div{display:flex;flex-direction:column;gap:4px}.pageai-lockin small{color:#c9e1e5;line-height:1.5}
.pageai-project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.pageai-project-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.pageai-project-main{display:flex;flex-direction:column;gap:20px}.pageai-project-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}.pageai-source-url{display:flex;align-items:center;gap:9px;background:#f4f8f9;border-radius:10px;padding:10px 12px;margin:10px 0 18px;color:#17697a}.pageai-strategy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pageai-strategy-grid>div{border:1px solid var(--line);border-radius:12px;padding:12px}.pageai-strategy-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.pageai-strategy-grid strong{font-size:13px;line-height:1.6}.pageai-competitor-list{margin-top:16px;display:flex;flex-direction:column;gap:7px}.pageai-competitor-list>span{display:flex;align-items:center;gap:7px;color:#56666d;font-size:12px}.pageai-research-note{display:flex;gap:10px;margin-top:18px;padding:14px;border-radius:12px;background:#fff8dc;color:#6a5b18;line-height:1.65}.pageai-research-note i{margin-top:3px;color:#a68700}.pageai-selected-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pageai-selected-module{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.pageai-selected-module>i{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--pageai-blue-soft);color:var(--pageai-blue)}.pageai-selected-module div{display:flex;flex-direction:column;min-width:0}.pageai-selected-module small{color:var(--muted);line-height:1.4}.pageai-selected-module>span{font-size:10px;color:#748087;white-space:nowrap}.pageai-design-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pageai-design-concept{border:1px solid var(--line);border-radius:14px;overflow:hidden}.pageai-design-concept.selected{border-color:var(--pageai-blue);box-shadow:0 0 0 2px rgba(33,123,141,.08)}.pageai-concept-visual{height:120px;background:linear-gradient(145deg,#fbf7e7,#eff8fa);padding:17px;display:flex;flex-direction:column;gap:9px}.pageai-concept-visual span{display:block;height:12px;border-radius:5px;background:#d7e1e3}.pageai-concept-visual span:first-child{height:38px;width:68%;background:linear-gradient(90deg,#C49F00,#217B8D)}.pageai-concept-visual span:last-child{width:82%}.pageai-design-concept>div:last-child{padding:11px;display:flex;flex-direction:column}.pageai-design-concept small{color:var(--muted)}.pageai-build-card>h3{font-size:21px;margin:8px 0 14px}.pageai-tier-card{border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:12px}.pageai-tier-card.system{border-color:#86b7c0;background:linear-gradient(145deg,#fffdf4,#f0fafb)}.pageai-tier-card>div:first-child{display:flex;align-items:center;gap:10px}.pageai-tier-card>div:first-child>i{font-size:24px;color:var(--pageai-blue)}.pageai-tier-card>div:first-child span{display:flex;flex-direction:column}.pageai-tier-card>strong{display:block;font-size:21px;margin-top:10px}.pageai-tier-card p{color:var(--muted);font-size:12px;line-height:1.6}.pageai-tier-card .btn{width:100%}.pageai-buy-credit{display:block;text-align:center;font-weight:800;color:#17697a;margin-top:9px}.pageai-security-summary{margin-top:16px;padding:14px;background:#17353c;color:#fff;border-radius:14px}.pageai-security-summary b{color:#fff1ad}.pageai-security-summary ul{padding-left:18px;margin:10px 0 0}.pageai-security-summary li{font-size:11px;color:#c9e1e5;margin:5px 0}.pageai-build-history{display:flex;flex-direction:column;gap:9px}.pageai-build-history>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.pageai-build-history>div>span:first-child{display:flex;flex-direction:column}.pageai-build-history small{color:var(--muted)}.pageai-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pageai-history-card{display:block;padding:0;overflow:hidden;transition:.18s}.pageai-history-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(27,61,69,.10)}.pageai-history-card>div:last-child{padding:18px}.pageai-history-card h3{margin:6px 0 8px}.pageai-history-card p{color:var(--muted);line-height:1.6;min-height:44px}.pageai-history-preview{height:130px;background:linear-gradient(145deg,#fff8db,#eaf7f9);padding:22px}.pageai-history-preview div{height:46px;border-radius:10px;background:linear-gradient(90deg,#C49F00,#217B8D);width:70%;margin-bottom:10px}.pageai-history-preview span{height:8px;border-radius:5px;background:#c9d8db;display:block;width:88%;margin-top:7px}.pageai-history-preview span:last-child{width:64%}.pageai-history-meta{display:flex;justify-content:space-between;gap:10px;color:#7b878c;font-size:11px}.pageai-history-meta span{display:flex;align-items:center;gap:5px}
html[data-theme="dark"]{--bg:#0d1518;--panel:#111c20;--text:#edf4f5;--muted:#9aadb2;--line:#29383d}html[data-theme="dark"] .sidebar{background:#0f1a1e}html[data-theme="dark"] .app-main{background:#0d1518}html[data-theme="dark"] .app-topbar{background:rgba(13,21,24,.94)}html[data-theme="dark"] .panel,html[data-theme="dark"] .pageai-url-field,html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#111c20;color:#edf4f5;border-color:#29383d}html[data-theme="dark"] .pageai-why-panel{background:linear-gradient(155deg,#171a12,#102328)}html[data-theme="dark"] .pageai-pipeline>div{background:#132126;border-color:#29444a}html[data-theme="dark"] .pageai-blueprint-card>span,html[data-theme="dark"] .pageai-module-card>span,html[data-theme="dark"] .pageai-design-grid label>span,html[data-theme="dark"] .pageai-selected-module,html[data-theme="dark"] .pageai-strategy-grid>div{background:#111c20;border-color:#29383d}html[data-theme="dark"] .pageai-module-card input:checked+span,html[data-theme="dark"] .pageai-blueprint-card input:checked+span,html[data-theme="dark"] .pageai-design-grid input:checked+span{background:linear-gradient(145deg,rgba(196,159,0,.14),rgba(33,123,141,.17));border-color:#468b99}html[data-theme="dark"] .pageai-module-card.is-required>span{background:#2b2815;border-color:#6d6128}html[data-theme="dark"] .pageai-source-url{background:#15282d;color:#7dc3d0}html[data-theme="dark"] .pageai-research-note{background:#302b15;color:#e6d58c}html[data-theme="dark"] .pageai-tier-card{background:#111c20}html[data-theme="dark"] .pageai-tier-card.system{background:linear-gradient(145deg,#282513,#10272c);border-color:#3c7782}html[data-theme="dark"] .pageai-concept-visual{background:linear-gradient(145deg,#2c2916,#102b31)}
@media(max-width:1180px){.pageai-create-shell,.pageai-project-grid{grid-template-columns:1fr}.pageai-why-panel,.pageai-project-side{position:static}.pageai-history-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pageai-blueprint-grid,.pageai-three-col,.pageai-design-grid,.pageai-history-grid{grid-template-columns:1fr}.pageai-module-grid,.pageai-selected-modules,.pageai-strategy-grid,.pageai-two-col{grid-template-columns:1fr}.pageai-create-head,.pageai-create-actions,.pageai-project-head{flex-direction:column}.pageai-create-button{width:100%}.pageai-credit-pill{align-self:flex-end}.pageai-create-panel{padding:20px}}

/* PageAI public prototype */
.pageai-landing{overflow:hidden}.pageai-hero{padding:86px 0 76px;background:radial-gradient(circle at 9% 10%,rgba(196,159,0,.15),transparent 33%),radial-gradient(circle at 88% 12%,rgba(33,123,141,.18),transparent 34%)}.pageai-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.72fr);gap:64px;align-items:center}.pageai-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:99px;background:#fff4bf;color:#7c6500;font-weight:900;font-size:12px;border:1px solid #eadb88}.pageai-hero h1{font-size:clamp(50px,6.4vw,82px);line-height:1.02;letter-spacing:-3.7px;margin:20px 0}.pageai-hero h1 span{background:var(--pageai-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.pageai-hero>div>div:first-child>p{font-size:18px;line-height:1.95;color:var(--muted);max-width:740px}.pageai-hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px}.pageai-hero-points span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#53646b}.pageai-hero-points i{color:var(--pageai-blue)}.pageai-hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 28px 75px rgba(24,58,65,.13)}.pageai-hero-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.pageai-hero-card-head img{border-radius:12px}.pageai-hero-card-head div{display:flex;flex-direction:column}.pageai-hero-card-head b{font-size:16px}.pageai-hero-card-head small{color:var(--muted)}.pageai-hero-card form label{font-weight:800;display:block;margin:10px 0 6px}.pageai-hero-card textarea{resize:vertical}.pageai-hero-card .btn{width:100%;margin-top:14px}.pageai-hero-url{display:flex;align-items:center;border:1px solid #dbdde7;background:#fff;border-radius:11px;overflow:hidden}.pageai-hero-url span{padding-left:12px;color:#738087;font-weight:700}.pageai-hero-url input{border:0;box-shadow:none!important;padding-left:2px}.pageai-or{display:flex;align-items:center;gap:10px;color:#9aa5aa;font-size:10px;font-weight:900;margin:13px 0}.pageai-or:before,.pageai-or:after{content:"";height:1px;background:var(--line);flex:1}.pageai-hero-card>p{color:var(--muted);font-size:11px;line-height:1.6;margin:12px 0 0}.pageai-hero-card>p i{color:var(--pageai-blue);margin-right:5px}.pageai-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.pageai-proof .container{display:grid;grid-template-columns:repeat(3,1fr)}.pageai-proof .container>div{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.pageai-proof .container>div:last-child{border-right:0}.pageai-proof b{font-size:14px}.pageai-proof span{font-size:12px;color:var(--muted);line-height:1.55}.pageai-flow h2,.pageai-blueprints-public h2,.pageai-final-cta h2,.pageai-simple-page h1{font-size:clamp(34px,4vw,50px);letter-spacing:-1.8px;margin:11px 0 28px}.pageai-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pageai-flow-grid article{position:relative;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;min-height:220px}.pageai-flow-grid article>span{position:absolute;right:16px;top:12px;font-size:28px;font-weight:900;color:#eef1f2}.pageai-flow-grid i{font-size:25px;color:var(--pageai-blue);margin-bottom:26px}.pageai-flow-grid article:nth-child(3n+1) i{color:var(--pageai-yellow)}.pageai-flow-grid h3{font-size:18px}.pageai-flow-grid p{color:var(--muted);line-height:1.7}.pageai-blueprints-public{background:#f7fafb}.pageai-public-blueprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pageai-public-blueprint-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.pageai-public-blueprint-grid i{font-size:25px;color:var(--pageai-blue)}.pageai-public-blueprint-grid article:nth-child(even) i{color:var(--pageai-yellow)}.pageai-public-blueprint-grid h3{margin:18px 0 8px}.pageai-public-blueprint-grid p{color:var(--muted);line-height:1.65;min-height:54px}.pageai-public-blueprint-grid span{font-size:11px;font-weight:800;color:#6d7c82}.pageai-final-cta{padding:46px 0;background:#152f36;color:#fff}.pageai-final-cta .container{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.pageai-final-cta img{border-radius:17px}.pageai-final-cta h2{font-size:30px;margin:0 0 4px;color:#fff}.pageai-final-cta p{margin:0;color:#c6dce1}.pageai-simple-page{min-height:70vh}.pageai-simple-page>div>h1{max-width:900px}.pageai-page-lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:840px}.pageai-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.pageai-feature-list article{display:flex;gap:18px;padding:20px;border:1px solid var(--line);background:#fff;border-radius:16px}.pageai-feature-list i{font-size:24px;color:var(--pageai-blue);width:34px}.pageai-feature-list h2{font-size:17px;margin:0 0 6px}.pageai-feature-list p{color:var(--muted);line-height:1.65;margin:0}.pageai-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.pageai-pricing-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}.pageai-pricing-grid article.popular{border-color:#6ba7b2;box-shadow:0 16px 38px rgba(33,123,141,.13)}.pageai-pricing-grid h2{margin:0}.pageai-pricing-grid>article>strong{font-size:28px}.pageai-pricing-grid>article>strong small{font-size:11px;color:var(--muted)}.pageai-pricing-grid>article>b{color:#17697a}.pageai-pricing-grid p{color:var(--muted);line-height:1.55;min-height:44px}.pageai-pricing-grid .btn{margin-top:auto}.pageai-credit-explain{margin-top:22px;border-radius:18px;background:linear-gradient(135deg,#fff8d8,#eaf7f9);padding:26px}.pageai-credit-explain h2{margin:0 0 8px}.pageai-credit-explain p{line-height:1.7;color:#53646b;max-width:900px}.pageai-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.pageai-how-grid article{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.pageai-how-grid>article>span{font-weight:900;font-size:30px;color:#d9e2e4}.pageai-how-grid h2{font-size:18px}.pageai-how-grid p{color:var(--muted);line-height:1.65}.pageai-docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px}.pageai-docs-layout aside{position:sticky;top:95px;align-self:start;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;background:#fff}.pageai-docs-layout aside b{padding:8px}.pageai-docs-layout aside a{padding:8px;border-radius:8px;color:#66767d}.pageai-docs-layout aside a:hover{background:#edf7f8;color:#17697a}.pageai-docs-layout article>h1{margin-bottom:18px}.pageai-docs-layout article section{padding:25px 0;border-bottom:1px solid var(--line)}.pageai-docs-layout article section h2{font-size:24px;margin:0 0 10px}.pageai-docs-layout article section p,.pageai-docs-layout article section li{color:var(--muted);line-height:1.75}.pageai-docs-layout pre{white-space:pre-wrap;background:#14282e;color:#d7edf1;padding:16px;border-radius:12px;overflow:auto}.pageai-preview-page{min-height:75vh}.pageai-preview-head h1{font-size:42px;margin:10px 0}.pageai-preview-head p{color:var(--muted);max-width:780px;line-height:1.75}.pageai-preview-input{max-width:720px;margin-top:24px}.pageai-preview-input label{display:block;font-weight:800;margin-bottom:12px}.pageai-preview-input input,.pageai-preview-input textarea{margin-top:6px}.pageai-preview-context{display:flex;align-items:center;gap:10px;background:#f4f9fa;border:1px solid #d9e9ec;border-radius:12px;padding:12px 14px;margin:22px 0}.pageai-preview-context i{color:var(--pageai-blue)}.pageai-preview-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pageai-preview-designs article{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.pageai-preview-designs article>div:last-child{padding:14px;display:flex;flex-direction:column;gap:3px}.pageai-preview-designs article>div:last-child span{color:var(--muted);font-size:12px}.pageai-preview-mock{height:320px;padding:16px;background:linear-gradient(150deg,#fffaf0,#eef9fb)}.mock-nav{display:flex;gap:5px}.mock-nav span{width:7px;height:7px;border-radius:50%;background:#b7c2c5}.mock-hero{height:170px;margin-top:20px;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(30,60,66,.08);padding:24px}.mock-hero b{display:block;width:67%;height:29px;border-radius:6px;background:linear-gradient(90deg,#C49F00,#217B8D)}.mock-hero i{display:block;width:88%;height:8px;border-radius:5px;background:#dce5e7;margin-top:12px}.mock-hero i:nth-of-type(2){width:62%}.mock-hero button{display:block;width:84px;height:27px;border:0;border-radius:8px;background:#217B8D;margin-top:22px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mock-cards span{height:72px;border-radius:10px;background:#fff;border:1px solid #e2e8e9}.variant-1{background:linear-gradient(150deg,#f8f7f3,#fff)}.variant-1 .mock-hero b{background:#26383e}.variant-1 .mock-hero button{background:#C49F00}.variant-2{background:linear-gradient(150deg,#eaf7f9,#fdf9e6)}.variant-2 .mock-hero{background:#17363e}.variant-2 .mock-hero i{background:#49686f}.variant-2 .mock-hero button{background:#C49F00}.pageai-preview-gate{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:24px;background:#17353c;color:#fff;border-radius:18px;padding:22px}.pageai-preview-gate>i{font-size:27px;color:#f0cf43}.pageai-preview-gate b{font-size:16px}.pageai-preview-gate p{color:#c5dde2;margin:4px 0 0;line-height:1.6}
html[data-theme="dark"] .pageai-hero-card,html[data-theme="dark"] .pageai-proof,html[data-theme="dark"] .pageai-flow-grid article,html[data-theme="dark"] .pageai-public-blueprint-grid article,html[data-theme="dark"] .pageai-feature-list article,html[data-theme="dark"] .pageai-pricing-grid article,html[data-theme="dark"] .pageai-how-grid article,html[data-theme="dark"] .pageai-docs-layout aside,html[data-theme="dark"] .pageai-preview-designs article{background:#111c20;border-color:#29383d}html[data-theme="dark"] .pageai-blueprints-public{background:#0f181b}html[data-theme="dark"] .pageai-credit-explain{background:linear-gradient(135deg,#2b2814,#10262c)}html[data-theme="dark"] .pageai-credit-explain p{color:#a9babf}html[data-theme="dark"] .pageai-preview-context{background:#15282d;border-color:#315058}html[data-theme="dark"] .pageai-hero-url{background:#111c20;border-color:#29383d}html[data-theme="dark"] .pageai-proof span{color:#9aadb2}
@media(max-width:980px){.pageai-hero-grid{grid-template-columns:1fr}.pageai-flow-grid,.pageai-public-blueprint-grid,.pageai-how-grid{grid-template-columns:repeat(2,1fr)}.pageai-pricing-grid{grid-template-columns:repeat(2,1fr)}.pageai-preview-designs{grid-template-columns:1fr}.pageai-preview-mock{height:260px}.pageai-docs-layout{grid-template-columns:1fr}.pageai-docs-layout aside{position:static;display:none}.pageai-final-cta .container{grid-template-columns:auto 1fr}.pageai-final-cta .btn{grid-column:1/-1}}
@media(max-width:650px){.pageai-hero{padding-top:55px}.pageai-hero h1{font-size:46px;letter-spacing:-2.4px}.pageai-proof .container,.pageai-flow-grid,.pageai-public-blueprint-grid,.pageai-feature-list,.pageai-pricing-grid,.pageai-how-grid{grid-template-columns:1fr}.pageai-proof .container>div{border-right:0;border-bottom:1px solid var(--line)}.pageai-final-cta .container{grid-template-columns:1fr;text-align:center}.pageai-final-cta img{margin:auto}.pageai-preview-gate{grid-template-columns:1fr;text-align:center}.pageai-preview-gate>i{margin:auto}}
.pageai-deploy-card>.panel-head>i{font-size:24px;color:var(--pageai-blue)}.pageai-deploy-form{margin-top:15px}.pageai-deploy-grid{display:grid;grid-template-columns:110px minmax(0,1fr) 100px minmax(0,1fr);gap:10px;margin-bottom:12px}.pageai-deploy-grid label{display:block}.pageai-deploy-grid label.full{grid-column:1/-1}.pageai-deploy-grid label>span,.pageai-deploy-now label>span:first-child{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:5px}.pageai-deploy-now{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.pageai-confirm{display:flex!important;align-items:flex-start;gap:8px;border:1px solid #e7d888;background:#fff9dd;padding:10px;border-radius:10px}.pageai-confirm input{width:auto;margin-top:2px}.pageai-confirm span{font-size:12px;color:#665812}.pageai-deploy-now .btn{width:100%}html[data-theme="dark"] .pageai-confirm{background:#2b2814;border-color:#625923}html[data-theme="dark"] .pageai-confirm span{color:#dfd18c}@media(max-width:760px){.pageai-deploy-grid{grid-template-columns:1fr 1fr}.pageai-deploy-grid label.full{grid-column:1/-1}}
.pageai-inline-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.pageai-inline-action small{color:var(--text-muted,#6b7280);max-width:720px;line-height:1.5}.pageai-real-designs .pageai-design-concept{position:relative;overflow:hidden}.pageai-design-image-link{display:block;border-radius:14px;overflow:hidden;background:#eef3f4;aspect-ratio:16/9}.pageai-design-image-link img{width:100%;height:100%;display:block;object-fit:cover}.pageai-design-select{margin-top:10px}.pageai-design-concept.selected{outline:2px solid #217B8D;box-shadow:0 0 0 4px rgba(33,123,141,.12)}