/* TAKE X visual skin — homepage only. No layout or behavior overrides. */
body.home-app {
 --bg:#f7f8fc; --bg-2:#fff; --bg-1:#eef0fc; --menu-bg:#fff;
 --card:rgba(255,255,255,.88); --card-border:#dfe2f5;
 --text:#080b1f; --text-body:#353c59; --text-dim:#616d91; --text-faint:#737fa3;
 --primary:#7047f5; --primary-2:#5931e8; --primary-soft:#efebff;
 --nav-bg:rgba(249,250,255,.83); --shadow:0 3.5px 17.6px #40338b0d;
 --shadow-hover:0 10.6px 28.2px #7152d922;
 background:var(--bg); font-family:'Helvetica Neue','PingFang SC','Noto Sans SC',sans-serif;
}
.home-app .bg-glow {
 background: url('take-x-crystal.svg') center 70.4px / 100% 616px no-repeat,
 radial-gradient(ellipse at 2% 28%,#d6d2ff88,transparent 40%),
 radial-gradient(ellipse at 98% 18%,#dce1ffcc,transparent 38%),
 linear-gradient(145deg,#fafbff,#f3f4ff 48%,#fbfcff);
}
.home-app .nav {background:var(--nav-bg);border-bottom-color:#d8dcf266;box-shadow:0 0.9px 15.8px #7062bc05;}
.home-app .logo span {background:none;-webkit-text-fill-color:currentColor;color:var(--text);}
.home-app .logo .lg-ic {background:linear-gradient(140deg,#c2a5ff,#7044fc 55%,#b9dfff);color:white;box-shadow:inset 0 0.9px 1.8px #fff9,0 2.6px 10.6px #7355f044;border:0.9px solid #bea9ff;}
.home-app .nav-links a {color:var(--text-body);}
.home-app .hero-badge {background:linear-gradient(115deg,#ffffffc9,#efe8ffdc);border-color:#b69aff;box-shadow:inset 0 0.9px 0 #fff,0 3.5px 15.8px #7951ed08;color:#7140ee;}
.home-app .hero h1 {text-shadow:0 1.8px 0.9px #fff8;}
.home-app .grad {text-shadow:none;background:linear-gradient(110deg,#593bff 8%,#8058ff 46%,#b986f1 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.home-app .hero-sub {color:var(--text-dim);}
.home-app .hero-sub b {color:var(--primary);}
.home-app .input-shell {background:linear-gradient(130deg,#ffffffed,#ffffffd9);border-color:#d8d1ff;box-shadow:0 0 0 6.2px #ffffff6b,inset 0 0.9px 0 #fff,0 14.1px 40.5px #7960e426;backdrop-filter:blur(17.6px);}
.home-app .input-shell:focus-within {border-color:#a78bff;box-shadow:0 0 0 6.2px #cbbfff36,0 15.8px 42.2px #7357de2b;}
.home-app textarea::placeholder {color:var(--text-faint);opacity:1;}
.home-app .hero-toolbar {border-top-color:#e4e6f2;}
.home-app .sel-btn,.home-app .upload-btn,.home-app .theme-toggle,.home-app .btn-ghost {background:linear-gradient(140deg,#f9f9ff,#eff0fb);border-color:#e0e3f4;color:var(--text-body);box-shadow:inset 0 0.9px 0 #fff9;border-radius:12.3px;}
.home-app .upload-btn,.home-app .sel-btn .ic,.home-app .generation-cost {color:var(--primary);}
.home-app .btn-generate {background:linear-gradient(115deg,#b580fa 0%,#8253ff 40%,#5a29ff 100%);color:#fff;border-color:#976bff;box-shadow:inset 0 0.9px 0.9px #e5cbffb3,0 4.4px 13.2px #7645f84d;}
.home-app .btn-generate:hover {filter:brightness(1.06);box-shadow:inset 0 0.9px 0.9px #fff9,0 7px 19.4px #7645f866;}
.home-app .btn-generate:disabled {filter:saturate(.5);}
.home-app .btn-login {background:linear-gradient(135deg,#191b38,#080b1f);box-shadow:inset 0 0.9px 0.9px #ffffff30,0 2.6px 8.8px #080b1f33;color:white;}
.home-app .home-mode-switch {background:linear-gradient(120deg,#f3f2ff,#e9eafe99);border-color:#dcdfff;border-radius:15.8px;box-shadow:inset 0 0.9px 0 #fff,0 4.4px 15.8px #6552ba10;}
.home-app .home-mode {border-radius:11.4px;}
.home-app .home-mode.active {background:var(--bg-2);color:var(--primary);box-shadow:0 2.6px 10.6px #7764c91f;}
.home-app .chip {background:linear-gradient(145deg,#fff,#fafaff);border-color:#e1e4fa;box-shadow:0 1.8px 4.4px #6260b71c,inset 0 0.9px 0 #fff;color:var(--text-body);}
.home-app .chip:hover {border-color:#b49aff;background:#f0eaff;color:var(--primary);}
.home-app .chip-kb {background:#f3f1ff;}
.home-app .case-banner,.home-app .gallery-banner,.home-app .feature-card,.home-app .workflow-step,.home-app .canvas-recent-item {background:var(--card);border-color:var(--card-border);box-shadow:inset 0 0.9px 0 #fff9,0 5.3px 21.1px #6258a90b;}
.home-app .f-icon,.home-app .cb-icon,.home-app .canvas-new-plus {background:linear-gradient(145deg,#ece8ff,#daddff);color:var(--primary);box-shadow:inset 0 0.9px 0.9px #fff;}
.home-app .trust-bar b,.home-app .step-num {color:var(--primary);}
.home-app .sel-menu {background:var(--menu-bg);border-color:var(--card-border);box-shadow:0 12.3px 31.7px #30256429;}
.home-app .sel-item:hover,.home-app .sel-item.active {background:var(--primary-soft);color:var(--primary);}
.home-app .canvas-new-project {background:linear-gradient(135deg,#f6f3ffed,#edf1ffed);border-color:#cdc5f5;}
.home-app .canvas-quick-input {background:var(--card);border-color:var(--card-border);}
.home-app :is(button,a,textarea,input):focus-visible {outline:1.8px solid #906cff;outline-offset:3.5px;}
[data-theme='dark'] body.home-app {
 --bg:#080b1f; --bg-2:#141830; --bg-1:#1b2040; --menu-bg:#1b203e; --card:#131830ed;
 --card-border:#34395e; --text:#f1f2ff; --text-body:#d9ddf3; --text-dim:#b0b9dc; --text-faint:#929fc6;
 --primary:#b59bff; --primary-2:#9978ff; --primary-soft:#2a2450; --nav-bg:#090d22dc;
}
[data-theme='dark'] .home-app .bg-glow {background:url('take-x-crystal.svg') center 70.4px / 100% 616px no-repeat,radial-gradient(ellipse at 5% 22%,#382e6a88,transparent 44%),radial-gradient(ellipse at 95% 22%,#272f7288,transparent 42%),#080b1f;}
[data-theme='dark'] .home-app .hero h1 {text-shadow:none;}
[data-theme='dark'] .home-app .hero-badge {background:linear-gradient(115deg,#222044,#2e2054);border-color:#665299;color:#c8b4ff;}
[data-theme='dark'] .home-app .input-shell {background:linear-gradient(130deg,#171b35f5,#12162cf0);border-color:#605083;box-shadow:0 0 0 6.2px #b19cff09,inset 0 0.9px 0 #ffffff17,0 14.1px 44px #0005;}
[data-theme='dark'] .home-app .hero-toolbar {border-color:#343957;}
[data-theme='dark'] .home-app :is(.sel-btn,.upload-btn,.theme-toggle,.btn-ghost,.home-mode-switch,.chip) {background:linear-gradient(135deg,#252943,#1b2038);border-color:#373d5d;box-shadow:inset 0 0.9px 0 #ffffff0c;}
[data-theme='dark'] .home-app :is(.case-banner,.gallery-banner,.feature-card,.workflow-step,.canvas-recent-item) {box-shadow:inset 0 0.9px 0 #ffffff08,0 5.3px 21.1px #0002;}
[data-theme='dark'] .home-app :is(.f-icon,.cb-icon,.canvas-new-plus) {background:linear-gradient(135deg,#38305c,#242d56);box-shadow:inset 0 0.9px 0 #ffffff15;}
[data-theme='dark'] .home-app .canvas-new-project {background:linear-gradient(135deg,#211d3d,#141b34);border-color:#4a416b;}
@media(max-width:800px){.home-app .bg-glow{background-size:968px 545.6px,auto,auto,auto;}.home-app .input-shell{backdrop-filter:none;}}

/* Reference artwork implementation, 2026-09-08. */
body.home-app {--primary:#6337ff;--text:#080b1f;--text-dim:#637097;background:#f7f8ff;}
.home-app .bg-glow {position:absolute;inset:0 0 auto;height:max(651.2px,56.32vw);background:url('take-x-hero-v2.png') center top / 100% auto no-repeat;z-index:-1;}
.home-app .nav {position:relative;background:transparent;border-bottom:0;backdrop-filter:none;box-shadow:none;}
.home-app .nav-inner {max-width:1355.2px;width:90%;padding:15.8px 0;gap:59.8px;}
.home-app .take-logo {gap:4.4px;flex:none;text-decoration:none;line-height:1;}
.home-app .take-logo .take-word {font-family:Arial,'Helvetica Neue',sans-serif;font-size:31.7px;font-weight:950;letter-spacing:-1.8px;transform:scaleX(1.04);}
.home-app .take-mark {width:34.3px;height:34.3px;}
.take-primary-nav {display:flex;gap:35.2px;align-items:center;}
.take-primary-nav a {font-size:12.3px;color:var(--text);text-decoration:none;white-space:nowrap;position:relative;}
.take-primary-nav a.current:after {content:'';position:absolute;bottom:-7.9px;height:1.8px;left:0;right:0;background:currentColor;}
.home-app .nav-links {margin-left:auto;gap:16.7px;white-space:nowrap;}
.home-app .nav-links>a {display:flex;align-items:center;gap:5.3px;font-weight:600;}
.home-app .nav-links>a .ic {color:var(--primary);}
.home-app .nav-links .btn-login,.home-app .nav-links .btn-ghost,.home-app .theme-toggle {height:42.2px;border-radius:13.2px;}
.home-app .nav-links .btn-login {padding:0 17.6px;}
.take-art-caption {position:absolute;z-index:0;pointer-events:none;color:#8b78ff;font:12.3px/1.42 Arial,sans-serif;top:7.35vw;}
.take-art-left {left:5.2%;}
.take-art-left:before {content:'';position:absolute;left:-2vw;top:12.3px;width:0.9px;height:10.5vw;background:#727d9e;}
.take-art-caption span {display:block;margin:21.1px 0 0 2vw;font-family:'Brush Script MT','Snell Roundhand',cursive;font-size:24.6px;line-height:1.1;transform:rotate(-13deg);color:#7053ff;}
.take-art-right {right:2.25%;top:10.5vw;}
.home-app .hero {max-width:none;padding:39.6px 0 0;}
.home-app .hero-badge {font-size:12.7px;padding:9.5px 19px;margin-bottom:15.8px;}
.home-app .hero h1 {font-size:43px;line-height:1.12;letter-spacing:-1.2px;font-weight:800;margin-bottom:15.8px;}
.home-app .hero-sub {font-size:15px;line-height:1.8;margin-bottom:12.3px;}
.home-app .home-mode-switch {margin:0 auto 12.3px;padding:2.6px;border-radius:21.1px;}
.home-app .home-mode {height:36.1px;min-width:110px;font-size:15px;border-radius:19.4px;}
.home-app .input-shell {width:74.5%;max-width:1095.6px;padding:7px 14.1px 8.8px;border-radius:24.6px;box-shadow:0 0 0 6.2px #ffffff70,0 0 0 7px #c6bbff55,0 12.3px 33.4px #7e67e42e;}
.home-app .input-shell textarea {min-height:82.7px;height:82.7px;padding:10.6px 7px;font-size:16.7px;line-height:1.65;}
.home-app .hero-toolbar {min-height:0;padding:8.8px 0 0;gap:9.7px;}
.home-app #generateShell .sel-btn,.home-app #generateShell .upload-btn {height:42.2px;padding:0 15px;font-size:13.2px;border-radius:22px;white-space:nowrap;color:var(--text);background:linear-gradient(140deg,#f7f8ff,#eff1fb);border-color:#e3e5f4;}
.home-app #generateShell .upload-btn {color:var(--primary);}
.home-app #generateShell .sel-btn .ic {color:var(--primary);}
.home-app #generateShell .input-hint {display:none;}
.home-app #generateShell .generation-cost {margin-left:auto;font-size:14.1px;}
.home-app #generateShell .btn-generate {height:44px;min-width:154.9px;padding:0 15.8px;border-radius:17.6px;flex-shrink:0;}
.home-app #generateShell .btn-main {font-size:15.8px;}
.home-app #generateShell .btn-text {display:flex;align-items:center;gap:12.3px;}
.take-send-arrow {font-size:21.1px;font-weight:400;line-height:1;}
.home-app #chips {margin:30.8px auto 0;gap:9.7px;max-width:1012px;}
.home-app #chips .chip {display:inline-flex;align-items:center;gap:7px;padding:11.4px 17.6px;font-size:12.3px;border-radius:26.4px;text-decoration:none;white-space:nowrap;}
.home-app #chips .ic {color:var(--primary);width:15.8px;height:15.8px;}
.take-more span {color:var(--primary);letter-spacing:2.6px;}
.home-app .trust-bar {margin:44px auto 0;max-width:836px;width:60%;gap:0;flex-wrap:nowrap;}
.home-app .trust-bar>span {flex:1;font-size:14.1px;color:var(--text-body);}
.home-app .trust-bar b {display:block;font-size:21.1px;line-height:1.2;color:var(--primary);margin-bottom:4.4px;}
.home-app .trust-bar i {width:0.9px;height:33.4px;border-radius:0;background:#d5dafa;}
.take-brandline {display:flex;align-items:center;justify-content:space-between;gap:21.1px;width:94%;margin:34.3px auto 0;padding-bottom:24.6px;color:#8290b4;font:11.4px/1.5 Arial,'PingFang SC',sans-serif;}
.take-tagline {letter-spacing:1.8px;display:flex;align-items:center;gap:59.8px;}
.take-tagline:before,.take-tagline:after {content:'';width:98.6px;height:0.9px;background:#a0aac8;}
.take-resources {max-width:915.2px;margin:70.4px auto 39.6px;padding:21.1px;text-align:center;border-top:0.9px solid var(--card-border);}
.take-resources .chips {justify-content:center;}
.home-app .features {padding-top:30.8px;}
[data-theme='dark'] body.home-app {--text:#f1f2ff;--text-dim:#b0b9dc;background:#080b1f;}
[data-theme='dark'] .home-app .bg-glow {background:linear-gradient(#080b1f88,#080b1fbb),url('take-x-hero-v2.png') center top / 100% auto no-repeat;filter:saturate(.85);}
[data-theme='dark'] .home-app #generateShell .sel-btn,[data-theme='dark'] .home-app #generateShell .upload-btn {background:#222541;border-color:#3c3e60;color:var(--text);}
[data-theme='dark'] .home-app .take-word {color:white;}
[data-theme='dark'] .home-app .input-shell {box-shadow:0 0 0 6.2px #b19cff0b,0 0 0 7px #c6bbff22,0 12.3px 33.4px #0005;}
@media(max-width:1100px){
 .home-app .nav-inner{width:94%;gap:24.6px;}.take-primary-nav{gap:17.6px;}.home-app .nav-links{gap:7.9px;}.home-app .nav-links .btn-login{padding:0 10.6px;}.home-app .hero-sub{max-width:76%;margin-left:auto;margin-right:auto;}
 .home-app .input-shell{width:86%;}.home-app #generateShell .sel-btn,.home-app #generateShell .upload-btn{padding:0 7.9px;}.home-app #chips{max-width:90%;}.home-app .trust-bar{width:78%;}.take-art-caption{display:none;}.take-tagline:before,.take-tagline:after{display:none;}
}
@media(max-width:800px){
 .home-app .nav-inner{flex-wrap:wrap;gap:13.2px;padding:14.1px 0;}.take-primary-nav{order:3;width:100%;justify-content:center;gap:24.6px;}.take-primary-nav a{font-size:10.6px;}.home-app .nav-links>a{font-size:9.7px;}.home-app .nav-links .btn-ghost{padding:0 7.9px;}.home-app .nav-links .btn-login{font-size:9.7px;letter-spacing:0;}.home-app .nav-links{gap:6.2px;}.home-app .theme-toggle{width:29.9px;min-width:29.9px;}
 .home-app .bg-glow{height:748px;background-size:auto 668.8px;opacity:.65;}.home-app .hero{padding-top:33.4px;}.home-app .hero h1{font-size:33.4px;letter-spacing:-.7px;}.home-app .hero-sub{max-width:90%;font-size:10.6px;}.home-app .hero-badge{font-size:9.7px;}
 .home-app .input-shell{width:92%;padding:7px 10.6px 10.6px;border-radius:19.4px;}.home-app .input-shell textarea{height:88px;min-height:88px;font-size:12.3px;}.home-app .hero-toolbar{flex-wrap:wrap;gap:7px;}.home-app #generateShell .sel-wrap{flex:0 0 auto;}.home-app #generateShell .sel-btn{white-space:nowrap;}.home-app #generateShell .generation-cost{margin-left:auto;}.home-app #generateShell .btn-generate{min-width:118.8px;}.home-app .sel-menu{max-width:calc(100vw - 44px);}.home-app #chips .chip{padding:7.9px 10.6px;}.home-app #chips{gap:7px;}.home-app .trust-bar{width:92%;}.home-app .trust-bar>span{padding:0 5.3px;}.take-brandline{flex-wrap:wrap;justify-content:center;gap:8.8px;margin-top:22.9px;}.take-tagline{order:-1;width:100%;justify-content:center;}.take-resources{margin-top:30.8px;}
 [data-theme='dark'] .home-app .bg-glow{background-size:auto,auto 668.8px;}
}
@media(max-width:430px){.home-app .nav-links>a{display:none;}.home-app .nav-inner{gap:8.8px;}.home-app .take-logo .take-word{font-size:23.8px;}.home-app .hero h1{font-size:26.4px;}.home-app .hero-badge{font-size:8.8px;padding:7px 10.6px;}.home-app .nav-links .btn-login{padding:0 8.8px;}.home-app #generateShell .generation-cost{margin-left:auto;}.home-app .trust-bar>span{font-size:8.8px;}.home-app .trust-bar b{font-size:19.4px;}}

@media(min-width:801px){.home-app .nav-inner{padding-top:10.6px;padding-bottom:10.6px;}.home-app .hero-sub{line-height:1.65;}.home-app .hero h1{margin-bottom:8.8px;}.home-app .take-brandline{margin-top:22.9px;}}
.home-app #generateShell #input{font-size:16.7px;padding:10.6px 7px;line-height:1.6;}

#inputSection.canvas-mode .take-resources{display:none;}
[data-theme='dark'] .home-app .bg-glow{opacity:.55;filter:brightness(.45) saturate(1.15);}

/* Feature copy and resource cards replace the former brand strip. */
.home-app .trust-bar .take-dialog-feature {font-size:22px;line-height:1.48;white-space:nowrap;}
.home-app #inputSection > .banner-row {margin:22.9px auto 0;padding:0 17.6px;gap:28.2px;}
.home-app .take-resources {margin:24.6px auto 26.4px;padding:0 21.1px;border-top:0;}
@media(max-width:800px){.home-app .trust-bar .take-dialog-feature{font-size:14.1px;line-height:1.65;}.home-app #inputSection > .banner-row{gap:12.3px;padding:0 17.6px;}}

/* Official dimensional TAKE X brand artwork. */
.home-app .take-official-logo{display:block;width:158.4px;height:52.8px;object-fit:contain;}
.home-app .take-logo{margin-top:-7px;margin-bottom:-7px;}
[data-theme='dark'] .home-app .take-official-logo{filter:drop-shadow(0 0 4.4px #b1a4ff88);}
@media(max-width:800px){.home-app .take-official-logo{width:118.8px;height:39.6px;}.home-app .take-logo{margin-top:-3.5px;margin-bottom:-3.5px;}}
/* Compact, centered label after removing the trailing arrow. */
.home-app #generateShell #btnGenerate{min-width:0;width:auto;padding:0 17.6px;display:inline-flex;align-items:center;justify-content:center;}
.home-app #generateShell #btnGenerate .btn-text{display:flex;align-items:center;justify-content:center;gap:0;width:auto;}
.home-app #generateShell #btnGenerate .btn-main{font-size:15.8px;line-height:1.2;white-space:nowrap;text-align:center;}

/* Exact top wordmark from the approved color-system artwork, framed without redrawing. */
.home-app .take-logo-crop{display:block;position:relative;width:158.4px;height:43.1px;overflow:hidden;}
.home-app .take-logo-crop img{position:absolute;width:326.2px;max-width:none;height:auto;left:-79.8px;top:-30.2px;}
.home-app .take-logo{margin-top:-2.6px;margin-bottom:-2.6px;}
@media(max-width:800px){.home-app .take-logo-crop{width:118.8px;height:32.3px;}.home-app .take-logo-crop img{width:244.6px;left:-59.8px;top:-22.7px;}}
/* Cinematic navy theme, using dedicated night artwork. */
[data-theme='dark'] body.home-app{--bg:#070b20;--bg-2:#11162e;--card:#11172ce8;--card-border:#343d66;--text:#f2f1ff;--text-body:#d7def5;--text-dim:#b2bfdf;--text-faint:#98a7d0;--primary:#b49aff;--primary-soft:#29244a;background:#070b20;}
[data-theme='dark'] .home-app .bg-glow{height:max(748px,66vw);background:linear-gradient(180deg,#070b2000 65%,#070b20 100%),linear-gradient(90deg,#070b2040,#070b2099 38%,#070b2055 62%,transparent),url('take-x-night.png') center 35.2px / cover no-repeat;filter:none;opacity:1;}
[data-theme='dark'] .home-app .hero h1{color:#f4f2ff;text-shadow:0 2.6px 19.4px #000b;}
[data-theme='dark'] .home-app .grad{background-image:linear-gradient(100deg,#dad9ff,#b395ff 65%,#9684ff);}
[data-theme='dark'] .home-app .hero-badge{background:#211d46c9;border-color:#7970b3;color:#d1c5ff;box-shadow:inset 0 0 12.3px #9173ff15,0 0 22px #6644ff1a;}
[data-theme='dark'] .home-app .input-shell{background:linear-gradient(135deg,#18203bf2,#0e142ceF);border-color:#646397;box-shadow:0 0 0 6.2px #8671e810,0 0 24.6px #8063ff20,inset 0 0.9px 0 #d2c3ff30;}
[data-theme='dark'] .home-app #generateShell .sel-btn,[data-theme='dark'] .home-app #generateShell .upload-btn,[data-theme='dark'] .home-app .chip{background:linear-gradient(135deg,#282c4e,#1c223e);border-color:#41466e;color:#e1defa;}
[data-theme='dark'] .home-app .hero-sub b{color:#c4b1ff;}
[data-theme='dark'] .home-app .hero-sub{text-shadow:0 1.8px 7px #000;}
[data-theme='dark'] .home-app .take-art-caption{color:#aaa8e3;}
[data-theme='dark'] .home-app .take-art-caption span{color:#beaaff;}
[data-theme='dark'] .home-app .btn-generate,[data-theme='dark'] .home-app .btn-login{background:linear-gradient(120deg,#9d87ff,#7045f6 65%,#402aaa);border:0.9px solid #b4a1ff;box-shadow:inset 0 0 7.9px #ddd3ff66,0 0 15.8px #805aff66;}
[data-theme='dark'] .home-app .take-logo-crop{border-radius:4.4px;box-shadow:0 0 14.1px #a68cff33;}
/* Login/register: large visual panel and focused account form. */
.home-app #authModal{background:#02030bd9;backdrop-filter:blur(8.8px);padding:24.6px;}
.home-app #authModal .take-auth{position:relative;display:grid;grid-template-columns:1.25fr 1fr;width:min(985.6px,94vw);max-width:985.6px;height:min(651.2px,88vh);max-height:88vh;padding:0;overflow:hidden;border:0.9px solid #38374e;border-radius:22.9px;background:#11121b;box-shadow:0 28.2px 105.6px #0009;color:#f6f4ff;}
.take-auth-art{position:relative;min-width:0;background:linear-gradient(180deg,#060b2222 50%,#05081cef),url('take-x-night.png') center center/cover no-repeat;border-radius:19.4px;margin:5.3px;overflow:hidden;}
.take-auth-art-top{position:absolute;top:22px;left:24.6px;right:24.6px;display:flex;justify-content:space-between;gap:13.2px;color:#c3c5ed;font-size:8.8px;letter-spacing:1.1px;padding-top:10.6px;border-top:1.8px solid #a999fa66;}
.take-auth-art-copy{position:absolute;left:31.7px;right:22px;bottom:33.4px;}
.take-auth-art-copy p{font-size:24.6px;line-height:1.12;letter-spacing:0.9px;font-weight:700;color:#efedff;margin-bottom:13.2px;}
.take-auth-art-copy h2{font-size:17.6px;letter-spacing:4.4px;margin-bottom:10.6px;color:#fff;}
.take-auth-art-copy>span{font-size:10.6px;color:#a7b2d3;}
.take-auth-content{overflow:auto;padding:48.4px 56.3px 30.8px;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.take-auth-brand{font:800 22.9px Arial,sans-serif;letter-spacing:-0.9px;text-align:center;margin-bottom:15.8px;color:#fff;}
.take-auth-brand span{color:#b49aff;}
.home-app #authModal .modal-head{justify-content:center;margin-bottom:19.4px;}
.home-app #authModal .modal-head h3{font-size:22px;color:#fff;}
.home-app #authModal #btnCloseAuth{position:absolute;right:15px;top:15px;z-index:2;width:28.2px;height:28.2px;background:#ffffff0c;border:0.9px solid #ffffff12;border-radius:50%;color:#cdd0e0;display:grid;place-items:center;}
.home-app #authModal .auth-tabs{gap:0;border-bottom:0.9px solid #343443;margin-bottom:22px;background:none;}
.home-app #authModal .auth-tab{flex:1;background:none;border:0;border-bottom:1.8px solid transparent;border-radius:0;color:#8990ab;font-size:12.3px;padding:10.6px;cursor:pointer;}
.home-app #authModal .auth-tab.active{color:#d2c2ff;border-bottom-color:#aa8bff;}
.home-app #authModal .auth-form{display:flex;flex-direction:column;gap:10.6px;}
.home-app #authModal .auth-form input{width:100%;min-width:0;height:40.5px;border:0.9px solid #3a3c51;border-radius:8.8px;background:#181a27;color:#f1f3ff;padding:0 12.3px;font-size:11.4px;}
.home-app #authModal .auth-form input::placeholder{color:#8d95ae;}
.home-app #authModal .auth-form input:focus{outline:none;border-color:#a080ff;box-shadow:0 0 0 2.6px #9973ff18;}
.home-app #authModal .sms-row{gap:7px;}
.home-app #authModal .btn-sms{color:#c6afff;background:#272039;border-color:#4d405e;border-radius:8.8px;font-size:10.6px;white-space:nowrap;}
.home-app #authModal .btn-primary-auth{height:40.5px;border:0.9px solid #aa8fff;border-radius:8.8px;background:linear-gradient(110deg,#aa86ff,#7045ef);box-shadow:0 4.4px 19.4px #8750ff30;color:white;font-size:13.2px;font-weight:600;margin-top:2.6px;}
.home-app #authModal .auth-error{color:#ffacbb;font-size:10.6px;min-height:0;}
.home-app #authModal .auth-error:empty{display:none;}
.home-app #authModal .auth-tip{color:#969eb7;font-size:9.7px;line-height:1.9;margin-top:17.6px;text-align:center;}
.home-app #authModal .auth-tip b{color:#c1aff2;}
.home-app #authModal .take-auth-brand{font-size:17.6px;margin-bottom:12.3px;letter-spacing:0;}
.home-app #authModal .auth-phone-field{display:flex;align-items:center;width:100%;height:40.5px;border:0.9px solid #3a3c51;border-radius:8.8px;background:#181a27;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.home-app #authModal .auth-phone-field:focus-within{border-color:#a080ff;box-shadow:0 0 0 2.6px #9973ff18;}
.home-app #authModal .auth-country-code{padding:0 0 0 12.3px;color:#f1f3ff;font-size:11.4px;white-space:nowrap;}
.home-app #authModal .auth-phone-field #authPhone{height:38.7px;border:0;background:transparent;box-shadow:none;padding-left:7px;}
.home-app #authModal .auth-phone-field #authPhone:focus{border:0;box-shadow:none;}
.home-app #authModal .auth-consent{margin-top:12.3px;text-align:center;color:#777f99;font-size:8.8px;line-height:1.6;}
.home-app #authModal .auth-consent a{margin:0 2.6px;color:#aaa0cf;text-decoration:none;}
.home-app #authModal .auth-consent a:hover{color:#c9b6ff;}
body:has(#authModal:not(.hidden)){overflow:hidden;}
@media(max-width:800px){.home-app #authModal{padding:10.6px;}.home-app #authModal .take-auth{grid-template-columns:1fr;width:min(387.2px,96vw);height:auto;max-height:92dvh;overflow:auto;border-radius:17.6px;}.take-auth-art{height:162.8px;min-height:162.8px;background-position:center 57%;background-size:cover;}.take-auth-art-top{top:10.6px;left:15.8px;right:15.8px;font-size:7px;}.take-auth-art-copy{left:17.6px;bottom:15.8px;}.take-auth-art-copy p{font-size:15.8px;margin-bottom:5.3px;}.take-auth-art-copy h2{font-size:12.3px;margin-bottom:0;}.take-auth-art-copy>span{display:none;}.take-auth-content{overflow:visible;padding:19.4px 22.9px 22px;}.take-auth-brand{display:none;}.home-app #authModal .modal-head{margin-bottom:8.8px;}.home-app #authModal .modal-head h3{font-size:18.5px;}.home-app #authModal .auth-tabs{margin-bottom:15.8px;}.home-app #authModal #btnCloseAuth{background:#101224d9;}.home-app #authModal .auth-tip{margin-top:10.6px;}[data-theme='dark'] .home-app .bg-glow{background-size:auto,auto,auto 748px;}}
[data-theme='dark'] .home-app .take-logo-crop{box-shadow:none;mix-blend-mode:screen;}
[data-theme='dark'] .home-app .take-logo-crop img{filter:invert(1) hue-rotate(180deg);}
/* Transparent wordmark and illustrated destination cards. */
.home-app .take-clean-logo{display:block;width:auto;height:30px;object-fit:contain;}
[data-theme='dark'] .home-app .take-clean-logo{filter:drop-shadow(0 0 1.8px #a99eff) drop-shadow(0 0 4.4px #a99eff66);}
.home-app #inputSection>.take-preview-row{display:grid;grid-template-columns:1fr 1fr;width:74.5%;max-width:1095.6px;margin:24.6px auto 0;padding:0;gap:15.8px;}
.home-app .take-preview-row .take-preview-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:12.3px;min-width:0;max-width:none;width:100%;min-height:102.1px;padding:15.8px 132px 15.8px 17.6px;text-align:left;border:0.9px solid #cfceff;border-radius:14.1px;overflow:hidden;background:linear-gradient(110deg,#efebffed,#eff7ffed);cursor:pointer;}
.home-app .take-preview-card .cb-icon{width:47.5px;height:47.5px;flex-shrink:0;border-radius:12.3px;background:#faf7ff;color:#7041ff;}
.home-app .take-preview-card .cb-text{min-width:0;flex:1;}
.home-app .take-preview-card .cb-text b{font-size:14.1px;color:var(--primary);}
.home-app .take-preview-card .cb-sub{font-size:9.7px;line-height:1.55;margin-top:4.4px;color:var(--text-dim);}
.home-app .take-preview-card .cb-arrow{position:absolute;right:118.8px;top:50%;font-size:18.5px;color:var(--primary);}
.take-card-images{position:absolute;right:3.5px;bottom:-14.1px;width:105.6px;height:96.8px;pointer-events:none;}
.take-card-images img{position:absolute;width:57.2px;height:83.6px;object-fit:cover;border:0.9px solid #c8caff;border-radius:4.4px;box-shadow:0 6.2px 15px #342e7740;transform:rotate(10deg);}
.take-card-images img:nth-child(1){left:0;top:16.7px;object-position:12% center;transform:rotate(-9deg);}
.take-card-images img:nth-child(2){left:25.5px;top:0;z-index:2;object-position:50% center;transform:rotate(5deg);}
.take-card-images img:nth-child(3){left:54.6px;top:12.3px;object-position:87% center;transform:rotate(15deg);}
.take-cases-card .take-card-images img:nth-child(2){object-position:85% center;}
[data-theme='dark'] .home-app .take-preview-row .take-preview-card{background:linear-gradient(110deg,#211d40eb,#17243eed);border-color:#4c477a;}
[data-theme='dark'] .home-app .take-preview-card .cb-icon{background:#343054;color:#c6b1ff;}
@media(max-width:1100px){.home-app #inputSection>.take-preview-row{width:86%;}.home-app .take-preview-row .take-preview-card{padding-left:12.3px;padding-right:92.4px;gap:8.8px;}.home-app .take-preview-card .cb-arrow{display:none;}.take-card-images{right:-21.1px;}.home-app .take-preview-card .cb-icon{width:38.7px;height:42.2px;}.home-app .take-preview-card .cb-text b{font-size:12.3px;}}
@media(max-width:800px){.home-app .take-clean-logo{width:auto;height:22.9px;}.home-app #inputSection>.take-preview-row{width:92%;grid-template-columns:1fr;gap:10.6px;margin-top:19.4px;}.home-app .take-preview-row .take-preview-card{min-height:88px;padding-right:116.2px;}.take-card-images{right:0;}}
.take-card-images img:nth-child(1),.take-card-images img:nth-child(3){object-position:center;}
.take-cases-card .take-card-images img:nth-child(2){object-position:68% center;}
[data-theme='dark'] .home-app .take-clean-logo{filter:invert(1) hue-rotate(180deg);}
[data-theme='dark'] .home-app .take-primary-nav a,[data-theme='dark'] .home-app .nav-links a,[data-theme='dark'] .home-app .btn-ghost,[data-theme='dark'] .home-app .theme-toggle,[data-theme='dark'] .home-app #generateShell .sel-btn{color:#e0def6;}
/* Match approved compact destination-card reference and use its exact art. */
.home-app #inputSection>.take-preview-row{gap:12.3px;margin-top:21.1px;}
.home-app .take-preview-row .take-preview-card{height:75.7px;min-height:75.7px;padding:10.6px 121.4px 10.6px 20.2px;gap:13.2px;border-radius:10.6px;background:linear-gradient(110deg,#eae7ff,#eef7ff);box-shadow:none;}
.home-app .take-preview-card .cb-icon{width:50.2px;height:50.2px;border-radius:11.4px;background:#f8f5ff;}
.home-app .take-preview-card .cb-icon .ic-lg{width:23.8px;height:23.8px;}
.home-app .take-preview-card .cb-text b{font-size:13.2px;line-height:1.3;}
.home-app .take-preview-card .cb-sub{font-size:8.8px;line-height:1.5;margin-top:5.3px;}
.home-app .take-preview-card .cb-arrow{display:none;}
.home-app .take-cases-card .cb-arrow{display:block;right:136.4px;font-size:19.4px;}
.home-app .take-card-images{right:0;bottom:0;width:114.4px;height:73.9px;background-image:url('take-x-card-reference.png');background-size:853.6px 114.4px;background-position:-294.8px -24.6px;mask-image:linear-gradient(90deg,transparent,#000 12%);}
.home-app .take-cases-card .take-card-images{width:126.7px;background-position:-695.2px -24.6px;}
.home-app #authModal .take-auth-approved{background:#080e20;display:flex;align-items:center;justify-content:center;border-radius:19.4px;}
@media(min-width:801px){.home-app #authModal .take-auth{grid-template-columns:calc(min(651.2px,88vh) * .91811175 - .751137.2px) minmax(0,1fr);}}
.home-app #authModal .take-auth-approved svg{display:block;width:100%;height:100%;overflow:hidden;}
[data-theme='dark'] .home-app .take-card-images{mask-image:linear-gradient(90deg,transparent,#000 25%);border-radius:0 0 8.8px 0;}
@media(max-width:1100px){.home-app .take-preview-row .take-preview-card{padding-left:13.2px;padding-right:105.6px;gap:9.7px;}.home-app .take-preview-card .cb-icon{width:40.5px;height:47.5px;}.home-app .take-card-images{width:98.6px;background-position:-310.6px -24.6px;}.home-app .take-cases-card .take-card-images{width:98.6px;background-position:-723.4px -24.6px;}.home-app .take-cases-card .cb-arrow{display:none;}}
@media(max-width:800px){.home-app .take-preview-row .take-preview-card{height:75.7px;min-height:75.7px;padding-right:110px;}.home-app #authModal .take-auth-approved{height:auto;min-height:0;aspect-ratio:953/1038;}}
/* Rounded canvas composer: focus belongs to the container, not the textarea. */
.home-app .canvas-quick-input{position:relative;max-width:809.6px;padding:15.8px 54.6px 15.8px 21.1px;border-radius:21.1px;background:linear-gradient(160deg,#fff,#f5f3fc);border:0.9px solid #e3dff1;box-shadow:0 7px 21.1px #372b6910;overflow:hidden;}
.home-app .canvas-quick-input:focus-within{padding:17.6px 21.1px 14.1px;border-color:#bcb1d8;box-shadow:0 7px 24.6px #372b6914;}
.home-app .canvas-quick-input::before,.home-app .canvas-quick-input::after{display:none!important;}
.home-app .canvas-quick-input textarea,.home-app .canvas-quick-input textarea:focus-visible{outline:none!important;border:0!important;box-shadow:none!important;border-radius:0;background:transparent;font-size:12.3px;line-height:1.7;padding:3.5px 0;}
.home-app .canvas-quick-footer{display:flex;position:absolute;right:15px;top:50%;transform:translateY(-50%);padding:0;}
.home-app .canvas-quick-footer span,.home-app .canvas-quick-upload{display:none;}
.home-app .canvas-quick-send{border-radius:50%;background:#8a829d;color:#fff;box-shadow:none;width:29px;height:29px;}
.home-app .canvas-quick-input:focus-within .canvas-quick-footer{position:static;transform:none;padding-top:10.6px;animation:none;}
.home-app .canvas-quick-input:focus-within .canvas-quick-footer span,.home-app .canvas-quick-input:focus-within .canvas-quick-upload{display:flex;}
.home-app .canvas-quick-upload{background:transparent;color:var(--text-secondary);}
[data-theme='dark'] .home-app .canvas-quick-input{background:linear-gradient(180deg,#191919,#222);border-color:#ffffff0a;box-shadow:0 7px 21.1px #0002;}
[data-theme='dark'] .home-app .canvas-quick-input:focus-within{border-color:#ffffff26;box-shadow:0 7px 21.1px #0003;}
[data-theme='dark'] .home-app .canvas-quick-send{background:#4b4b4b;color:#bbb;}
/* Fade the artwork before its physical edge, so the long page has no seam. */
.home-app .bg-glow{height:56.28vw;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 100%);}
[data-theme='dark'] .home-app .bg-glow{height:max(748px,66vw);}
@media(max-width:800px){.home-app .bg-glow{height:668.8px;}[data-theme='dark'] .home-app .bg-glow{height:748px;}}
/* Keep all composer menus above the preview cards and surrounding content. */
.home-app #generateShell{position:relative;z-index:20;overflow:visible;}
.home-app #generateShell .hero-toolbar{overflow:visible;}
.home-app #generateShell .sel-wrap.open{z-index:30;}
.home-app #generateShell .sel-menu{z-index:40;}
.home-app .take-preview-row{position:relative;z-index:1;}
[data-theme='dark'] .home-app .take-clean-logo{filter:drop-shadow(0 0 2.6px #a99eff99);}

/* ===== Pro 模式（剧本拆分）标题栏专用尺寸：只作用于 #inputSection.canvas-mode，生成模式不受影响 =====
   数值取自 ≤800px 窄屏断点（俊导 2026-09-12 选定的“图2”方案） */
@media(min-width:801px){
  #inputSection.canvas-mode .hero-badge{font-size:9.7px;padding:7px 13.2px;margin-bottom:11.4px;}
  #inputSection.canvas-mode h1{font-size:33.4px;line-height:1.12;letter-spacing:-0.7px;margin-bottom:8.8px;}
  #inputSection.canvas-mode .hero-sub{font-size:10.6px;line-height:1.65;max-width:90%;margin-left:auto;margin-right:auto;}
}

/* ===== 俊导 2026-09-12 22:37：Pro 模式（剧本信息态）下，首页下方「资源区/知识库直达」不要隐藏 =====
   （覆盖 style.css 与上方 canvas-mode 的 display:none，两种模式都完整保留下方内容） */
#inputSection.canvas-mode .take-resources{display:block;}
#inputSection.canvas-mode .kb-label{display:flex;}
#inputSection.canvas-mode #chipsKb{display:flex;}
#inputSection.canvas-mode .take-resources .chips.chips-kb{display:flex;}

/* ===== 俊导 2026-09-12 22:52：Pro 结果页顶部标题字号太大 → 收小（只作用于 Pro 结果页，不影响其他页） ===== */
.home-app.pro-page .result-head h2{font-size:15.8px;line-height:1.45;margin-bottom:6px;letter-spacing:-0.2px;}
.home-app.pro-page .result-head{margin-bottom:17.6px;}

/* 俊导 2026-09-12 23:2x：Pro 模式显示积分消耗（拆分 20 / 对话调整 1），并去掉输入框竖滚动条 */
.home-app .canvas-quick-footer .pro-cost{flex:0 0 auto;display:inline-flex;align-items:center;gap:3.5px;height:26.4px;padding:0 7px;color:var(--primary);font-size:10.6px;font-weight:700;white-space:nowrap;letter-spacing:.2px}
.home-app .canvas-quick-footer .pro-cost .ic{width:12.3px;height:12.3px}
.home-app .canvas-quick-input:focus-within .canvas-quick-footer .pro-cost{margin-left:auto}