:root{color-scheme:dark;--bg:#090d1a;--panel:#11182a;--line:#ffffff12;--muted:#8994ae;--ink:#edf0fa;--pink:#e394d8;--purple:#9383ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 5%,#45204b35,transparent 35%),radial-gradient(ellipse at 10% 30%,#243c7729,transparent 45%),var(--bg);color:var(--ink);font:14px/1.65 'Microsoft YaHei','Segoe UI',sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pink);outline-offset:3px}[hidden]{display:none!important}.header,main,footer{width:min(1320px,calc(100% - 64px));margin:auto}.header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:23px;font-weight:700;letter-spacing:1px}.brand small{font-size:9px;color:#a497ba;margin-left:12px;letter-spacing:2px}.header nav{display:flex;gap:30px;color:#b1bad0}.header>a:last-child{font-size:12px;color:#9da9c0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:520px;gap:35px;padding:55px 20px 50px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#a897d5}.hero h1{font-size:clamp(37px,4.5vw,64px);line-height:1.3;letter-spacing:-2px;margin:20px 0}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#b5a9ff,#f1acd8);background-clip:text;color:transparent}.hero p{color:var(--muted);line-height:1.9;margin-bottom:25px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid #a494ee55;background:linear-gradient(110deg,#7160d2,#a168b0);border-radius:8px;padding:11px 21px;color:#fff;font-weight:600;font-size:13px}.primary:hover{filter:brightness(1.12)}.hero-note{margin-top:28px;display:flex;align-items:center;gap:9px;color:#7c89a1;font-size:11px}.hero-note i{width:5px;height:5px;background:#bb9ded;border-radius:50%;box-shadow:0 0 12px #b28af0}.brain{position:relative;min-height:370px;display:grid;place-items:center;isolation:isolate}.brain:before{content:'';position:absolute;inset:5%;border-radius:50%;background:#854b9420;filter:blur(35px);z-index:-1}.brain img{width:85%;max-width:450px;mix-blend-mode:screen;border-radius:50%;filter:saturate(.8);animation:float 7s ease-in-out infinite}.orbit{position:absolute;inset:10% 0;border:1px solid #a58ac91c;border-radius:50%;transform:rotate(-25deg)}.brain-label{position:absolute;bottom:2%;right:7%;font-size:8px;letter-spacing:2px;color:#9c8eae;border-left:1px solid #a68bcb66;padding-left:13px}.brain-label b{display:block;font-size:12px;letter-spacing:1px;color:#cdc3e0;margin-top:6px}.library{padding:30px 0 85px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 30px}h2{font-size:27px;margin:9px 0;color:#e5e9f5;letter-spacing:-.6px}.section-head p{color:var(--muted);font-size:12px;margin:8px 0}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}.categories{display:flex;flex-wrap:wrap;gap:6px}.categories button{border:1px solid transparent;border-radius:6px;background:none;color:#8997b0;padding:7px 12px;font-size:12px}.categories button.active{background:#9580d51c;border-color:#a991d83a;color:#d7b8ed}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:6px 12px;min-width:210px;color:#8d99b2}.search input{width:165px;background:none;border:0;color:var(--ink);outline:none;font-size:12px}.results-line{display:flex;justify-content:space-between;color:#63738e;font-size:10px;letter-spacing:1px;padding:18px 0}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#151e31,#101626);transition:transform .2s,border-color .2s}.resource-card:hover{transform:translateY(-4px);border-color:#b397db45}.card-art{height:150px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 65% 60%,#9765a142,transparent 65%),linear-gradient(120deg,#1e2942,#151a2b)}.card-art:before,.card-art:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #c2a5ef25;border-radius:28px;transform:rotate(35deg)}.card-art:after{width:180px;height:180px;transform:rotate(-25deg);border-color:#94b1ec15}.card-art>span{font-size:35px;font-weight:200;color:#e1caed;z-index:1}.card-art small{position:absolute;bottom:12px;left:16px;font-size:9px;color:#b5a6c9;letter-spacing:2px}.card-body{padding:19px}.card-category{font-size:10px;color:#b8a2d7}.draft{color:#e6b88f;margin-left:8px}.card-body h3{font-size:17px;font-weight:600;margin:7px 0 9px;line-height:1.6;overflow-wrap:anywhere}.card-body p{color:#8e9bb3;font-size:12px;line-height:1.8;margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:13px}.card-bottom button,.card-bottom a{background:none;border:0;color:#c7b5e5;font-size:11px;padding:0}.card-bottom .edit{margin-left:auto;color:#7889a6}.empty{grid-column:1/-1;min-height:245px;border:1px dashed #8b84b32a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse at center,#55508413,transparent 70%)}.empty>span{font-size:36px;color:#8e83b2;margin-bottom:12px}.empty h3{font-size:18px;margin:0 0 8px;color:#c1c7db}.empty p{font-size:12px;color:#72819e;max-width:380px;margin:0}.empty button{margin-top:18px}footer{padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:20px}footer .brand{font-size:18px}footer span,footer small{font-size:10px;color:#65718b}dialog{width:min(680px,calc(100% - 28px));max-height:90vh;border:1px solid #9a89c141;border-radius:15px;background:#121a2c;color:#dce2f3;padding:26px;box-shadow:0 35px 130px #0009}dialog::backdrop{background:#040815cf;backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:23px}.dialog-head button{font-size:26px;border:0;background:none;color:#8e9bb5}form>label,.form-row>label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#a2aec5;margin:12px 0}form input:not([type=checkbox]),form textarea,form select{width:100%;border:1px solid #ffffff16;border-radius:6px;padding:10px;background:#090f1e;color:#e3e7f2}form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .check{flex-direction:row;align-items:center;padding-top:21px}.file-button{border:1px dashed #a794d533;border-radius:7px;padding:10px;color:#b8a4d6!important;cursor:pointer}.file-button input{padding:5px!important;font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-actions button{padding:8px 15px;border:1px solid #ffffff1c;background:#ffffff06;border-radius:6px;color:#b6bfd3}.dialog-actions .primary{background:linear-gradient(110deg,#7160d2,#a168b0);color:white}.dialog-actions .danger{margin-right:auto;color:#efaaaa}#editorStatus,#status{font-size:12px;color:#e0b4c6}#viewer video{width:100%;max-height:60vh;background:#050811;border-radius:8px}#viewerBody p{white-space:pre-wrap;color:#acb6ca;overflow-wrap:anywhere}#viewerBody a{display:inline-block;margin-right:15px;color:#d8b9e8}button:disabled{opacity:.5;cursor:wait}@keyframes float{50%{transform:translateY(-9px)}}@media(max-width:1000px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-direction:column}.search{width:100%}.search input{width:100%}.header nav{gap:15px;font-size:12px}.brand small{display:none}}@media(max-width:640px){.header,main,footer{width:calc(100% - 32px)}.header{height:72px}.brand{font-size:20px}.header nav{display:none}.hero{grid-template-columns:1fr;padding:35px 0;gap:0}.hero h1{font-size:43px}.brain{min-height:245px}.brain img{max-width:290px}.hero-note{margin-top:20px}.hero p{font-size:12px}.hero{min-height:0}.section-head{align-items:flex-start}h2{font-size:23px}.resource-grid{grid-template-columns:1fr}.categories button{padding:6px 9px}.card-art{height:165px}.form-row{grid-template-columns:1fr;gap:0}.form-row .check{padding-top:0}footer{align-items:flex-start;flex-direction:column;gap:8px}dialog{padding:20px}.section-head .primary{padding:9px 12px;white-space:nowrap;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.brain{overflow:hidden;min-width:0}
/* A layered creative canvas, with the library always one scroll away. */
body{background:radial-gradient(ellipse at 85% 10%,#45305222,transparent 40%),#090b14}.header{height:82px;position:relative;z-index:5}.header nav a:hover{color:#e1c7f2}.hero.hero-studio{position:relative;display:block;min-height:820px;padding:65px 20px 0;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}.studio-heading{position:relative;z-index:3;pointer-events:none}.studio-heading a{pointer-events:auto}.hero-studio h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-2px;line-height:1.3;margin:18px 0}.hero-studio h1 span{display:block}.hero-studio h1 span:last-child{font-size:.83em}.hero-studio h1 em{background-image:linear-gradient(95deg,#c4b8ff 5%,#f4b9df 70%,#bdb3f3)}.hero-studio p{font-size:13px;line-height:1.9;max-width:460px;color:#8d98b1;margin:16px 0 20px}.studio-actions{display:flex;align-items:center;gap:22px}.studio-actions>span{font-size:10px;color:#7b879f}.studio-grid{position:absolute;inset:35% -5% -20%;background-image:linear-gradient(#9987bd0a 1px,transparent 1px),linear-gradient(90deg,#9987bd0a 1px,transparent 1px);background-size:45px 45px;transform:perspective(550px) rotateX(38deg);mask-image:linear-gradient(transparent,#000 45%,transparent);z-index:-2}.studio-beam{position:absolute;left:-30%;width:170%;height:100px;top:45%;border-radius:50%;background:linear-gradient(90deg,transparent,#a85fe770,#e391cc86,transparent);filter:blur(24px);transform:rotate(-10deg);z-index:-1;pointer-events:none;animation:beam-drift 16s ease-in-out infinite alternate}.beam-two{height:4px;top:49%;background:linear-gradient(90deg,transparent,#a890f4b3,#f4a3cfaa,transparent);filter:blur(3px);transform:rotate(-8deg);animation-delay:-6s}.workflow-stage{height:490px;position:relative;margin-top:-110px;perspective:1200px;--stage-x:0px;--stage-y:0px}.hero-studio .brain{position:absolute;right:1%;top:-185px;width:390px;min-height:330px;transform:translate(calc(var(--stage-x)*.6),calc(var(--stage-y)*.6));overflow:visible;z-index:0;pointer-events:none}.hero-studio .brain img{width:100%;max-width:390px;opacity:.58;animation:none;filter:saturate(.6);mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.hero-studio .brain-label{bottom:0;right:0;font-size:7px}.stage-orbit{position:absolute;inset:10px 3% 10px 30%;border:1px solid #ac8bce13;border-radius:50%;transform:rotate(-18deg);pointer-events:none}.workflow-card{position:absolute;width:29%;max-width:330px;min-width:230px;min-height:260px;border:1px solid #cab0e833;border-radius:15px;padding:19px;text-align:left;color:#e5e3f4;background:linear-gradient(135deg,#28243cdb,#141b2ce8);box-shadow:0 25px 70px #0004,inset 0 1px #fff1;backdrop-filter:blur(15px);transform:translate(var(--stage-x),var(--stage-y)) rotate(var(--card-angle));transition:translate .35s,border-color .35s,box-shadow .35s;overflow:hidden}.workflow-card:hover{translate:0 -9px;border-color:#dfb7ed80;box-shadow:0 30px 85px #341d4c65,inset 0 1px #ffffff30}.workflow-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,0%),#d2b1ec18,transparent 60%);pointer-events:none}.workflow-image{left:6%;top:180px;--card-angle:-7deg;z-index:2}.workflow-video{left:36%;top:110px;--card-angle:1.5deg;z-index:3;background:linear-gradient(140deg,#39304dde,#172133f0)}.workflow-auto{right:3%;top:195px;--card-angle:7deg;z-index:1}.workflow-number{font-size:8px;letter-spacing:2px;color:#b0a1c5;display:block}.workflow-card strong{display:block;font-size:17px;line-height:1.5;letter-spacing:-.5px;margin-top:12px}.workflow-card small{display:block;font-size:10px;color:#9693ad;margin:6px 0 13px}.workflow-link{display:block;font-size:10px;color:#d4b7e8;border-top:1px solid #d2bce018;padding-top:11px}.workflow-art{height:102px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:12px}.image-art i{height:74px;width:74px;border:1px solid #d2acdf65;background:linear-gradient(145deg,#be9bdb26,#d0a68c29);border-radius:17px;transform:rotate(-12deg)}.image-art b{height:66px;width:66px;border:1px solid #f2d1e16b;background:linear-gradient(140deg,#c3a4d264,#a77eaa11);border-radius:15px;transform:rotate(16deg);margin-left:-35px;backdrop-filter:blur(5px)}.image-art em{position:absolute;left:54%;top:15px;font-size:38px;color:#e0c3ee;font-style:normal}.video-art{gap:7px}.video-art i{width:48px;height:70px;background:linear-gradient(150deg,#c497ca62,#576b9740);border:1px solid #bba3d147;border-radius:8px;transform:rotate(-10deg)}.video-art i:nth-child(2){height:90px;width:68px;transform:rotate(0);background:linear-gradient(160deg,#cbb0cf66,#40375855)}.video-art i:nth-child(3){transform:rotate(10deg)}.video-art b{position:absolute;font-size:31px;color:#f2dfef;font-weight:400}.auto-art{gap:7px}.auto-art i{display:grid;place-items:center;width:45px;height:45px;border:1px solid #b8a7dc45;background:#b7a2d410;border-radius:12px;font-style:normal;font-size:20px;color:#bba9db}.auto-art b{width:20px;border-top:1px dashed #baa5db70}.studio-bottom{position:absolute;bottom:22px;left:20px;right:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#727e97}.studio-bottom>span{display:flex;gap:9px;align-items:center}.studio-bottom i{height:4px;width:4px;background:#d0a6db;border-radius:50%;box-shadow:0 0 10px #b68be2}.studio-bottom b{font-weight:400;margin-left:14px}.library{border-top:0;padding-top:28px}.resource-grid{gap:22px}.resource-card .card-art{height:180px;background:radial-gradient(ellipse at 70% 40%,#9b6f9e34,transparent 68%),linear-gradient(120deg,#212b42,#151929)}.resource-card:nth-child(3n+2) .card-art{background:radial-gradient(ellipse at 35% 35%,#5479b94d,transparent 65%),#141d2c}.resource-card:nth-child(3n) .card-art{background:radial-gradient(ellipse at 65% 50%,#b07a9642,transparent 65%),#201b2d}.resource-card .card-art>span{font-size:45px;border:1px solid #c3a9e02c;border-radius:50%;width:65px;height:65px;line-height:60px;text-align:center;background:#ffffff05;backdrop-filter:blur(4px)}.resource-card .card-art small{font-size:8px}.card-preview-label{position:absolute;top:13px;right:13px;border:1px solid #ffffff1a;border-radius:20px;padding:3px 9px;font-size:9px;color:#b6afc5;background:#0d12294d}.resource-card .card-body{padding:20px}.resource-card .card-body p{min-height:42px}.card-category{letter-spacing:.3px}.resource-card .card-bottom{gap:15px}.resource-grid:has(.resource-card:nth-child(4)) .resource-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.resource-grid:has(.resource-card:nth-child(4)) .resource-card:first-child .card-art{height:100%;min-height:265px}.resource-grid:has(.resource-card:nth-child(4)) .resource-card:first-child .card-body{display:flex;flex-direction:column;justify-content:center}.resource-grid:has(.resource-card:nth-child(4)) .resource-card:first-child .card-bottom{margin-top:auto}.empty{position:relative;min-height:265px;background:radial-gradient(ellipse at 50% 30%,#71558c18,transparent 70%),linear-gradient(130deg,#141b2a55,#13142644);overflow:hidden}.empty:before{content:'';position:absolute;inset:20px;border:1px solid #9b80c00c;border-radius:50%;pointer-events:none}.empty p{max-width:460px;line-height:1.9}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.hero-studio .studio-heading>*{animation:studio-enter .8s both}.hero-studio .studio-heading h1{animation-delay:.09s}.hero-studio .studio-heading p{animation-delay:.18s}.hero-studio .studio-actions{animation-delay:.27s}@keyframes studio-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes beam-drift{from{translate:-2% -10px;opacity:.6}to{translate:3% 22px;opacity:1}}@media(min-width:1600px){.hero.hero-studio{min-height:850px}}@media(max-width:1050px){.hero.hero-studio{min-height:780px;padding-top:45px}.workflow-stage{margin-top:-50px}.workflow-card{min-width:0;width:30%;padding:15px;min-height:245px}.workflow-image{left:2%;top:155px}.workflow-video{left:35%;top:110px}.workflow-auto{right:1%;top:170px}.workflow-card strong{font-size:15px}.workflow-card small{font-size:9px}.hero-studio .brain{width:300px;right:1%;top:-155px;min-height:260px}.hero-studio h1{font-size:48px}.studio-heading p{max-width:360px}.auto-art{gap:3px}.auto-art i{width:34px;height:38px}.auto-art b{width:12px}.resource-grid:has(.resource-card:nth-child(4)) .resource-card:first-child{grid-column:auto;display:block}.resource-grid:has(.resource-card:nth-child(4)) .resource-card:first-child .card-art{min-height:0;height:180px}}@media(max-width:640px){.hero.hero-studio{padding:35px 0 0;min-height:1030px}.hero-studio h1{font-size:37px;letter-spacing:-1.3px}.hero-studio h1 span:last-child{font-size:.84em}.hero-studio p{font-size:12px}.studio-actions{gap:12px;align-items:flex-start;flex-direction:column}.studio-actions>span{font-size:9px}.workflow-stage{margin-top:18px;height:600px;perspective:none}.hero-studio .brain{width:210px;min-height:210px;right:-17px;top:-125px;opacity:.6}.hero-studio .brain-label{display:none}.workflow-card{min-height:0;width:83%;max-width:360px;padding:14px 17px;--card-angle:0deg}.workflow-image{left:0;top:20px;transform:rotate(-4deg);z-index:1}.workflow-video{left:14%;top:195px;transform:rotate(3deg);z-index:2}.workflow-auto{right:12%;top:370px;transform:rotate(-3deg);z-index:3}.workflow-art{height:65px;margin-top:8px}.image-art i{width:55px;height:50px}.image-art b{width:50px;height:45px}.image-art em{font-size:27px;top:6px}.video-art i{height:45px;width:35px}.video-art i:nth-child(2){height:59px;width:45px}.video-art b{font-size:25px}.auto-art i{width:36px;height:36px}.workflow-card strong{font-size:15px;margin-top:7px}.workflow-card small{font-size:9px;margin:4px 0 8px}.workflow-link{font-size:9px;padding-top:8px}.workflow-number{font-size:7px}.studio-beam{top:39%;height:90px;filter:blur(22px)}.beam-two{top:42%;height:3px;filter:blur(3px)}.studio-bottom{left:0;right:0;bottom:12px;font-size:8px;gap:8px}.studio-bottom b{margin-left:4px}.library{padding-top:15px}.section-head{gap:12px}.section-head h2{font-size:23px}.section-head p{font-size:11px;max-width:270px}.resource-card .card-art{height:170px}.studio-grid{inset:28% -15% 0;transform:none;background-size:30px 30px}.stage-orbit{inset:0 0 0 0}.hero-studio .studio-heading .eyebrow{font-size:8px;letter-spacing:1.7px}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.workflow-card,.hero-studio .brain{translate:none!important;transform:rotate(var(--card-angle,0deg))!important}.hero-studio .studio-heading>*{animation:none}}
@media(max-width:640px){.hero.hero-studio{min-height:1100px}.workflow-stage{height:670px}.workflow-video{top:235px}.workflow-auto{top:450px}}

/* Drag-and-drop upload panels */
.upload-dropzone{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 13px;transition:border-color .2s,background .2s,box-shadow .2s}
.upload-dropzone:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.upload-dropzone.is-dragover{border-color:#d9b5efaa;background:#a88ad21c;box-shadow:0 0 0 3px #b998dc1c,inset 0 0 28px #b08bdf18}
.upload-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c1a6e155;border-radius:8px;background:#ffffff08;color:#e1c9ee;font-size:19px;line-height:1}
.upload-title{color:#d4b8e8;font-size:12px;white-space:nowrap}
.upload-hint{color:#8490a9;font-size:11px;line-height:1.4}
.upload-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0!important}
.upload-dropzone input:disabled{cursor:wait}
/* Shared main-site cloud mark and orbit, sized for the resource header. */
.header .ai-brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.header .ai-brand .brand-symbol{width:36px;height:36px;flex-basis:36px}
.header .ai-brand .brand-name b{font-size:23px;letter-spacing:.3px}
.header .ai-brand .brand-en{font-size:7px;letter-spacing:2.8px;color:#a497ba}
@media(max-width:640px){.header .ai-brand .brand-symbol{width:30px;height:30px;flex-basis:30px}.header .ai-brand .brand-name b{font-size:20px}.header .ai-brand .brand-en{font-size:6px;letter-spacing:2px}}