@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101211;--panel:#171a18;--line:#ffffff12;--muted:#858b83;--text:#edf0e8;--lime:#d2f980;--sidebar:210px;--font:'Noto Sans SC','Microsoft YaHei',sans-serif;--display:'Barlow Condensed',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer;border:0;background:none}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{transition:background .2s,color .2s,border-color .2s,transform .2s}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}button[hidden],article[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:100;top:-70px;left:230px;background:var(--lime);color:#141a0d;padding:12px 20px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar);background:#131613;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 18px 0}.brand{display:flex;align-items:center;gap:10px;height:32px;padding-left:9px;white-space:nowrap}.brand-mark{position:relative;width:31px;height:30px;display:block;transform:skewY(-10deg)}.brand-mark i{position:absolute;background:var(--lime);height:7px;left:0;top:0;width:31px}.brand-mark i:nth-child(2){width:23px;top:12px}.brand-mark i:nth-child(3){width:7px;height:28px;top:0}.brand-name{font-size:23px;letter-spacing:1px;font-weight:700;display:flex;align-items:center;gap:7px}.brand-name>span{font-family:var(--display);font-size:13px;letter-spacing:1.1px;font-weight:500;writing-mode:vertical-rl;line-height:1}.brand-beta{font-family:var(--display);font-size:9px;align-self:flex-start;margin-top:0;color:var(--lime);border:1px solid #d2f98046;padding:1px 3px;border-radius:3px}.new-project{height:40px;display:flex;align-items:center;gap:8px;background:var(--lime);color:#1b2311;border-radius:6px;font-weight:600;margin:31px 0 20px;padding:0 12px}.new-project svg{width:17px}.new-project span{margin-left:auto;color:#536c2d;font-size:11px}.new-project:hover,.button-lime:hover{background:#e3ffa8;box-shadow:0 0 24px #d2f98015}.primary-nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:41px;display:flex;align-items:center;gap:13px;padding:0 13px;color:#999f96;text-align:left;border-radius:6px;font-size:12px;white-space:nowrap}.nav-item svg{width:17px;height:17px;color:#8f9689}.nav-item:hover{color:var(--text);background:#ffffff05}.nav-item.active{background:#d2f98010;color:var(--lime)}.nav-item.active svg{color:var(--lime)}.nav-item .active-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}.nav-item .tiny-tag{margin-left:auto;font-family:var(--display);font-size:10px;color:var(--lime);font-weight:500;letter-spacing:.5px}.nav-label{display:flex;gap:8px;color:#6d7569;font-size:10px;padding:20px 13px 8px;align-items:center}.nav-label span{font-family:var(--display);font-size:9px;letter-spacing:1px;color:#50584d}.nav-tag{font-family:var(--display);font-size:10px;border:1px solid #ffffff18;padding:0 4px;border-radius:3px;color:#aeb4a7;margin-left:auto}.nav-item .small-arrow{width:13px;margin-left:auto;color:#61675c}.sidebar-bottom{margin-top:auto;padding-top:25px}.wallet-card{background:linear-gradient(120deg,#20271a,#181c16);border:1px solid #d2f98015;border-radius:7px;padding:14px 13px}.wallet-top,.wallet-top>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}.wallet-top{font-size:10px;color:#a5ad9c}.wallet-top svg{width:14px;height:14px}.demo-pill{font-family:var(--display);font-size:9px;color:#818e6d;border:1px solid #87976430;border-radius:3px;padding:1px 3px}.wallet-value{display:flex;align-items:center;gap:5px;margin:8px 0 7px;font-family:var(--display);font-size:26px;font-weight:500}.wallet-value>span:nth-child(2){font:10px var(--font);color:#7b866f;padding-top:7px}.wallet-value button{background:#d2f980;color:#18200f;width:23px;height:23px;border-radius:4px;display:grid;place-items:center;margin-left:auto}.wallet-value svg{width:14px}.wallet-foot{font-size:9px;color:#79836f}.support{height:47px;width:100%;display:flex;align-items:center;gap:8px;color:#808876;font-size:10px}.support svg{width:14px}.support svg:last-child{margin-left:auto;width:12px}.profile{display:flex;width:calc(100% + 36px);margin-left:-18px;align-items:center;padding:17px 18px;border-top:1px solid var(--line);text-align:left;gap:9px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d0dac2;color:#344325;font-family:var(--display);font-size:21px;font-weight:600}.profile>span:nth-child(2){font-size:11px}.profile small{display:block;color:#6e7767;font-size:9px;margin-top:4px}.profile-dots{margin-left:auto;color:#78816e;letter-spacing:2px}
.site-shell{margin-left:var(--sidebar)}.topbar{height:75px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff08;gap:20px}.breadcrumb{display:flex;align-items:center;gap:15px;color:#71786b;font-size:11px}.breadcrumb strong{color:#d4dacd;font-weight:400}.breadcrumb>span:first-of-type{color:#40483b}.breadcrumb .status-indicator{height:4px;width:4px;border-radius:50%;background:#5b6553;margin-left:4px}.breadcrumb small{font-size:10px;color:#5d6756}.header-actions{display:flex;align-items:center;gap:20px}.search-trigger{display:flex;align-items:center;gap:9px;color:#697261;font-size:10px}.search-trigger svg{width:15px}.search-trigger kbd{font:10px var(--font);border:1px solid #ffffff14;padding:1px 5px;border-radius:4px;margin-left:10px}.icon-button{display:grid;place-items:center;color:#a2aa99;position:relative;padding:5px}.icon-button svg{width:16px}.notification i{position:absolute;right:5px;top:5px;background:var(--lime);height:4px;width:4px;border-radius:50%}.header-divider{height:17px;width:1px;background:var(--line)}.header-supplier{font-size:11px;display:flex;align-items:center;gap:7px;color:#b4bca9}.header-supplier svg{width:13px}main{padding:30px 38px 0;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-family:var(--display);font-size:10px;letter-spacing:2px;color:#747e6b;font-weight:500}.page-heading h1{font-size:23px;font-weight:500;letter-spacing:1px;margin-top:7px}.workspace-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#7c876f;margin-top:10px}.workspace-status i{width:5px;height:5px;border-radius:50%;background:#a5c57b}
.hero{position:relative;height:445px;border-radius:11px;overflow:hidden;background:#27261d;border:1px solid #ffffff0d;isolation:isolate}.hero-image{position:absolute;inset:0;object-position:50% 56%;z-index:-4}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(10,13,11,.94),rgba(11,14,11,.62) 34%,rgba(13,17,12,.05) 72%),linear-gradient(0deg,rgba(8,12,9,.9),transparent 40%,rgba(12,16,11,.12))}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.hero-copy{padding:36px 39px;position:relative;width:65%;height:100%}.hero-eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:10px;letter-spacing:1.8px;color:#c9d0bc}.live-dot{height:5px;width:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px #d2f98070}.edition{font-size:9px;margin-left:7px;color:#96a082;border:1px solid #a7b79138;padding:2px 5px;border-radius:2px}.hero h2{font-size:57px;font-weight:600;letter-spacing:2px;line-height:1.24;margin-top:24px}.hero-word{color:#e2f6bd}.hero-copy>p{font-size:12px;line-height:1.95;color:#abb3a2;margin-top:16px;font-weight:400;letter-spacing:.25px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:25px}.button{height:43px;padding:0 20px;border-radius:6px;display:inline-flex;gap:20px;align-items:center;font-size:12px;font-weight:500;white-space:nowrap}.button-lime{background:var(--lime);color:#233011}.button svg{width:17px}.hero-play{display:flex;align-items:center;gap:9px;font-size:11px;color:#d2d8c8;padding:0}.hero-play>span{display:grid;place-items:center;border:1px solid #cedab144;border-radius:50%;width:29px;height:29px}.hero-play svg{width:12px;height:12px;fill:#d9e5c9;stroke:none;margin-left:-2px}.hero-play:hover{color:var(--lime)}.hero-capabilities{position:absolute;bottom:24px;display:flex;align-items:center;gap:12px;font-size:9px;color:#899780;letter-spacing:.5px}.hero-capabilities i{height:3px;width:3px;border-radius:50%;background:#526345}.hero-coordinate{position:absolute;right:28px;top:31px;font-family:var(--display);font-size:10px;line-height:1.7;color:#e0dfc6;text-align:right;letter-spacing:2px}.hero-coordinate span{font-size:8px;color:#b9bba2;letter-spacing:1.6px}.hero-caption{position:absolute;right:26px;bottom:50px;display:flex;align-items:center;text-align:left;gap:24px}.hero-caption div>span{font-size:9px;color:#c2c5ae;letter-spacing:.7px}.hero-caption strong{display:block;font-size:15px;font-weight:500;margin-top:9px;letter-spacing:1.5px}.hero-caption strong i{font-family:var(--display);font-style:normal;display:block;font-size:9px;letter-spacing:2px;color:#b5baa4;margin-top:6px}.caption-arrow{width:32px;height:32px;border:1px solid #e9f0ce3d;display:grid;place-items:center;border-radius:50%}.caption-arrow svg{width:16px}.hero-pagination{position:absolute;bottom:22px;right:28px;display:flex;align-items:center;gap:5px}.hero-pagination>span{height:2px;width:13px;background:#ccd4b837}.hero-pagination>span.selected{width:30px;background:#d5f280}.hero-pagination>b{font-family:var(--display);font-weight:500;font-size:10px;letter-spacing:1px;margin-left:10px;color:#e2edcf}.hero-pagination i{font-style:normal;color:#76816b;font-size:9px}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 18px;gap:20px}.section-title{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.section-title h2{font-size:17px;letter-spacing:.4px;font-weight:500}.section-title>span{font-size:10px;color:#737d6a}.text-link{display:flex;align-items:center;gap:9px;font-size:10px;color:#9ba68f;white-space:nowrap;padding:0}.text-link:hover{color:var(--lime)}.text-link svg{width:13px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{background:#191d18;border:1px solid #ffffff0b;border-radius:8px;padding:0;overflow:hidden;text-align:left;transition:transform .25s,border-color .25s,background .25s}.tool-card:hover{transform:translateY(-4px);border-color:#d2f9804d;background:#20261b}.tool-art{height:108px;position:relative;overflow:hidden;background:#1c211a}.tool-info{display:flex;align-items:center;gap:10px;padding:17px 14px;background:#181c17;position:relative;border-top:1px solid #ffffff04}.tool-icon{color:#a8b693;display:grid;place-items:center;width:26px}.tool-icon svg{height:21px;width:21px}.tool-info h3{font-size:13px;font-weight:500;letter-spacing:.4px;white-space:nowrap}.tool-info p{font-size:9px;color:#7b866f;margin-top:5px;white-space:nowrap}.tool-arrow{width:13px;margin-left:auto;color:#77856a}.mini-badge{font-family:var(--display);font-size:8px;letter-spacing:.5px;font-weight:400;color:#aac486;border:1px solid #a2ba6636;padding:1px 3px;border-radius:2px;vertical-align:middle;margin-left:3px}.art-label{position:absolute;bottom:9px;left:14px;font:7px var(--display);letter-spacing:1.8px;color:#65705a}.grid-dots{position:absolute;inset:0;background-image:radial-gradient(#72855540 .7px,transparent .7px);background-size:10px 10px;opacity:.6}.node-lines{position:absolute;width:100%;height:100%;color:#c8e5a7;stroke-width:.8}.mini-node{position:absolute;background:#29331f;border:1px solid #9db7773d;border-radius:3px;box-shadow:0 4px 15px #0003}.prompt-node{width:59px;height:41px;left:9%;top:24px;padding:6px}.prompt-node i{width:5px;height:5px;background:#b1ce88;display:block;border-radius:1px;float:left;margin-right:4px}.prompt-node b{font-size:5px;font-weight:500;color:#b3c49f;display:block;line-height:5px}.prompt-node em{height:2px;background:#83906d60;display:block;width:80%;margin-top:6px}.prompt-node em:last-child{width:60%;margin-top:4px}.image-node{width:73px;height:53px;left:42%;top:15px;padding:3px;background:#272d22;transform:rotate(-3deg)}.image-node img{height:36px;border-radius:1px}.image-node i{font-size:4px;font-style:normal;display:block;color:#c8cebf;margin-top:2px}.result-node{width:43px;height:36px;right:7%;top:44px;padding:8px}.result-node svg{height:12px;width:12px;color:#c1d99b}.result-node i{display:inline-block;width:10px;height:2px;background:#8a9f71;margin:5px 0 5px 3px}.director-art{background:radial-gradient(ellipse at 56% 33%,#343c2a00,#161b14),#20271a;perspective:140px}.perspective-grid{position:absolute;inset:-45% -30% -80%;background-image:linear-gradient(#8da96628 1px,transparent 1px),linear-gradient(90deg,#8da96628 1px,transparent 1px);background-size:20px 20px;transform:rotateX(57deg) rotateZ(-20deg);transform-origin:50% 50%}.stage-ring{position:absolute;border:1px dashed #9ebc6f86;height:24px;width:68px;border-radius:50%;left:46%;top:64px;transform:rotate(-13deg)}.stage-figure{position:absolute;left:58%;top:23px;width:10px;height:50px;filter:drop-shadow(0 0 8px #d2f98030)}.stage-figure i{display:block;border-radius:50%;width:8px;height:8px;background:#cedbb5;margin:auto}.stage-figure b{display:block;width:13px;height:28px;border-radius:4px 4px 1px 1px;background:linear-gradient(90deg,#7c8c67,#d0ddb7,#90a175);margin-top:3px;clip-path:polygon(16% 0,83% 0,100% 55%,77% 60%,73% 100%,55% 100%,50% 68%,39% 100%,20% 100%,20% 60%,0 55%)}.camera-object{position:absolute;left:26%;top:50px;width:20px;height:16px;background:#566b3c;transform:rotate(-12deg);box-shadow:3px 2px 0 #364527;border:1px solid #accd6d}.camera-object:before{content:'';position:absolute;right:-11px;top:0;width:10px;height:14px;clip-path:polygon(0 25%,100% 0,100% 100%,0 75%);background:#adc888}.camera-object:after{content:'';position:absolute;left:10px;top:16px;height:18px;width:1px;background:#a4bc7b;transform:rotate(10deg)}.axis{position:absolute;height:1px;width:60px;background:#adc1e354;left:46%;top:77px;transform:rotate(-20deg)}.axis-x{background:#d7988c54;transform:rotate(20deg);left:33%;width:70px}.viewfinder-label{position:absolute;right:13px;top:12px;font:7px var(--display);letter-spacing:.5px;color:#a3b28a}.viewfinder-label i{font-style:normal;color:#6b7e57;margin-left:4px}.filmstrip{display:flex;position:absolute;width:calc(100% + 15px);height:55px;top:17px;left:-7px;gap:4px;transform:rotate(-5deg)}.filmstrip img{width:calc(33.3% - 4px);border:2px solid #3d4931;border-radius:3px;filter:saturate(.6) brightness(.78)}.timeline{position:absolute;display:flex;justify-content:space-between;left:15px;right:15px;bottom:23px;height:6px;border-top:1px solid #5a71454d}.timeline i{width:1px;height:5px;background:#6d835452}.playhead{position:absolute;top:10px;bottom:22px;left:55%;width:1px;background:#d2f980a1}.playhead:before{content:'';position:absolute;left:-3px;top:0;width:7px;height:5px;background:var(--lime);clip-path:polygon(0 0,100% 0,50% 100%)}.video-time{position:absolute;font:7px var(--display);color:#9caf82;right:13px;bottom:7px;letter-spacing:1px}.image-art{background:radial-gradient(ellipse at 60% 5%,#35412a,#192017 85%)}.image-stack{width:88px;height:61px;position:absolute;left:calc(50% - 44px);top:18px;border:3px solid #96ad7c;border-radius:3px;box-shadow:0 6px 15px #0005}.stack-back{transform:translateX(-29px) rotate(-17deg);background:#455337;border-color:#637852}.stack-middle{transform:translateX(28px) rotate(14deg);background:#687257;border-color:#7a8d65}.stack-front{transform:rotate(-3deg);background:#172610}.stack-front img{filter:brightness(.8) saturate(.55)}.image-cross{position:absolute;right:34px;top:17px;font-size:23px;font-weight:200;color:#c4d7a6}
.market-section .section-heading{margin-top:38px;margin-bottom:21px}.market-section .section-title{flex-direction:column;gap:9px}.outline-label{display:inline-block;color:#90a27d;font-size:9px;font-weight:400;border:1px solid #85966c42;padding:3px 6px;margin-left:12px;border-radius:3px;vertical-align:middle;letter-spacing:0}.market-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.tab-group{display:flex;gap:6px;align-items:center}.tab-group button{font-size:10px;border-radius:5px;padding:7px 12px;color:#7c8870}.tab-group button:hover{background:#ffffff06;color:#c6d2b8}.tab-group button.active{background:#d2f98012;color:#cce5aa}.market-note{font-size:9px;color:#626d59;display:flex;align-items:center;gap:7px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.provider-card{background:linear-gradient(110deg,#1a1e17,#171b15);border:1px solid #ffffff0c;border-radius:8px;padding:20px;transition:border-color .2s}.provider-card:hover{border-color:#d2f98030}.provider-top{display:flex;align-items:center;gap:11px}.provider-logo{width:38px;height:38px;border:1px solid #ffffff10;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-orbit{font-size:29px;line-height:1;color:#cddfb5;background:#2d3724}.logo-prism{font-size:34px;color:#c4bcff;background:#2b283c}.logo-echo{gap:3px;background:#352c21;color:#dac098}.logo-echo i{display:block;width:3px;height:9px;border-radius:2px;background:currentColor}.logo-echo i:nth-child(2),.logo-echo i:nth-child(4){height:16px}.logo-echo i:nth-child(3){height:23px}.provider-top h3{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap}.verified{font-size:8px;line-height:12px;height:12px;width:12px;background:#b6cd8e;color:#243017;text-align:center;clip-path:polygon(50% 0,65% 12%,85% 12%,88% 35%,100% 50%,88% 65%,85% 85%,65% 88%,50% 100%,35% 88%,15% 85%,12% 65%,0 50%,12% 35%,15% 15%,35% 12%)}.provider-top p{font-family:var(--display);font-size:8px;letter-spacing:1.3px;color:#798569;margin-top:5px}.provider-type{font-size:9px;color:#859676;margin-left:auto;align-self:flex-start;padding-top:3px}.provider-description{font-size:10px;color:#89967a;margin-top:16px;line-height:1.8}.model-tags{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.model-tags span{font-family:var(--display);font-size:11px;letter-spacing:.3px;color:#a8b299;background:#ffffff05;border:1px solid #ffffff08;padding:3px 7px;border-radius:3px}.provider-bottom{border-top:1px solid #ffffff09;margin-top:19px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-family:var(--display);font-size:25px;color:#e1ead5;letter-spacing:.5px}.price small{font:9px var(--font);color:#79856c;letter-spacing:0}.provider-detail{display:flex;gap:5px;align-items:center;font-size:8px;color:#78856b;margin-top:3px}.provider-detail i{height:4px;width:4px;border-radius:50%;background:#8ca96a}.provider-bottom button{display:flex;align-items:center;gap:9px;border:1px solid #798c5e44;border-radius:5px;height:31px;padding:0 10px;color:#c1d3ad;font-size:9px;white-space:nowrap}.provider-bottom button svg{width:12px}.provider-bottom button:hover,.provider-bottom button.selected{background:var(--lime);color:#1b2910;border-color:var(--lime)}.market-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:11px 14px;border:1px solid #ffffff09;border-radius:5px;background:#161a14;font-size:9px;color:#737e65}.market-bottom>span{display:flex;align-items:center;gap:6px}.market-bottom svg{width:12px;height:12px}.market-bottom strong{font-weight:400;color:#adbe97}.market-bottom button{display:flex;align-items:center;gap:7px;font-size:9px;color:#b9cd9c}
.showcase-section .section-heading{margin-top:38px;align-items:center}.showcase-section .section-title{flex-direction:column;gap:8px}.compact button{font-size:9px;padding:6px 10px}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.film-card{text-align:left;padding:0;min-width:0}.film-image{height:255px;border:1px solid #ffffff10;border-radius:8px;overflow:hidden;position:relative;background:#252d20}.film-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080d0ae0,transparent 65%)}.film-image>img{transition:transform .65s,filter .5s;filter:saturate(.7) brightness(.8)}.film-card:first-child .film-image>img{object-position:70% 50%}.film-card:hover .film-image>img{transform:scale(1.045);filter:saturate(.95) brightness(.95)}.film-type{position:absolute;left:13px;top:13px;border:1px solid #e2eed251;background:#0f1c1450;padding:3px 6px;border-radius:3px;font:9px var(--display);letter-spacing:1px;color:#e3eed5;z-index:1}.film-preview{position:absolute;right:12px;top:12px;background:#131b1250;border:1px solid #e1edd62e;height:25px;width:25px;display:grid;place-items:center;border-radius:50%;z-index:1}.film-preview svg{width:12px}.film-overlay{position:absolute;bottom:22px;left:19px;z-index:1}.film-overlay>span{font-family:var(--display);font-size:8px;letter-spacing:1.2px;color:#b3c49f}.film-overlay>strong{display:block;font-size:25px;letter-spacing:3px;font-weight:500;margin-top:9px}.film-overlay>em{display:block;font-family:var(--display);font-size:9px;letter-spacing:2px;color:#bbc9ab;font-style:normal;margin-top:7px}.film-meta{display:flex;justify-content:space-between;gap:8px;padding:12px 1px;color:#808c71;font-size:9px}.film-meta>span:last-child{font-size:8px;color:#a0b18b;white-space:nowrap}.closing-banner{position:relative;display:flex;align-items:center;gap:27px;padding:30px 31px;margin-top:31px;border-top:1px solid #8da36a2a;border-bottom:1px solid #8da36a19;background:radial-gradient(ellipse at 5% 50%,#a6cc5312,transparent 80%);overflow:hidden}.closing-monogram{font-family:var(--display);font-size:84px;line-height:1;font-weight:700;color:#b7d393;position:relative;width:76px}.closing-monogram>span{position:absolute;left:29px;top:-4px;font-size:65px;font-weight:400;color:#667f43;line-height:1}.closing-banner .eyebrow{font-size:9px;letter-spacing:1.6px;color:#788c60}.closing-banner h2{font-size:20px;font-weight:500;letter-spacing:.7px;margin-top:8px}.closing-banner p{font-size:10px;color:#7a8b68;margin-top:9px}.closing-banner>.button{margin-left:auto;font-size:11px;height:40px;padding:0 16px;gap:18px}.closing-banner .button svg{width:15px}footer{display:flex;align-items:center;gap:18px;padding:28px 0;color:#616e55;font-size:9px}.footer-brand{font-family:var(--display);letter-spacing:1.8px;font-size:15px;font-weight:500;color:#a6b694;white-space:nowrap}.footer-brand span{font-family:var(--font);font-size:11px;margin-left:5px;letter-spacing:1px}footer>div{display:flex;align-items:center;gap:20px;margin-left:auto}footer button{font-size:9px;color:#8d9e7c;padding:0}footer small{font-size:8px;color:#59674d}
/* Interactive studio surfaces */
dialog{color:var(--text);background:#181d16;border:1px solid #c4df9230;border-radius:16px;padding:0;width:min(760px,calc(100vw - 36px));max-height:88vh;box-shadow:0 40px 120px #000b;overflow:auto}dialog::backdrop{background:#070b09be;backdrop-filter:blur(9px)}.modal-head{padding:28px 30px 20px;border-bottom:1px solid var(--line);position:relative}.modal-kicker{font:10px var(--display);letter-spacing:2px;color:#9ebc75;margin-bottom:8px}.modal-title{font-size:24px;font-weight:500;letter-spacing:1px;padding-right:32px}.modal-copy{font-size:12px;color:#939f87;line-height:1.9;margin-top:10px}.modal-close{position:absolute;right:21px;top:20px;font-size:25px;line-height:1;color:#b8c7a6;height:30px;width:30px;display:grid;place-items:center;border-radius:5px}.modal-close:hover{background:#ffffff0e}.modal-body{padding:25px 30px 30px}.form-field{display:block;margin-bottom:19px;color:#b6c4a7;font-size:12px}.form-field>span,.form-field>label{display:block;margin-bottom:9px}.form-field input,.form-field textarea,.form-field select,input.search-input,.modal-body input[type=text],.modal-body input[type=url],.modal-body textarea,.modal-body select{display:block;width:100%;margin-top:8px;background:#0f140e;border:1px solid #ffffff17;color:#e0ead5;padding:12px 14px;border-radius:7px;outline:none;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.modal-body input:focus,.modal-body textarea:focus{border-color:#b3d78099}.modal-body textarea{resize:vertical;min-height:105px}.modal-primary,.modal-secondary{border-radius:6px;padding:11px 17px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:9px}.modal-primary{background:var(--lime);color:#1f2d13}.modal-secondary{background:#2c3524;color:#b8cda1;border:1px solid #a8c77e24}.modal-primary:hover{background:#e4ffa8}.modal-secondary:hover{background:#3a492d}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 23px}.option-button{padding:15px 12px;background:#20291b;border:1px solid #ffffff0d;color:#a9bc95;border-radius:7px;text-align:center}.option-button.selected{border-color:var(--lime);background:#d2f98013;color:var(--lime)}.option-button small{display:block;font-size:10px;color:#849672;margin-top:7px}.option-button strong{font-size:21px;font-weight:500}.demo-note{margin:16px 0;color:#859675;font-size:11px;line-height:1.9;padding:11px 14px;background:#9dbb6810;border:1px solid #9dbb681b;border-radius:6px}.modal-body .demo-note:first-child{margin-top:0}.workspace-canvas{min-height:320px;position:relative;border:1px solid #a0ba7624;background-color:#0d130c;background-image:radial-gradient(#8aa75a4d 1px,transparent 1px);background-size:17px 17px;border-radius:8px;overflow:hidden;touch-action:none}.canvas-node{position:absolute;width:180px;padding:14px;border:1px solid #779d4866;border-radius:8px;background:#26301e;box-shadow:0 8px 24px #0006;cursor:grab;user-select:none;touch-action:none;font-size:11px}.canvas-node:active{cursor:grabbing;box-shadow:0 12px 30px #0008}.canvas-node strong,.canvas-node h3{display:block;font-size:12px;color:#d3e3bc;margin-bottom:8px}.canvas-node p{font-size:10px;line-height:1.7;color:#99ad85}.canvas-node img{height:75px;border-radius:4px;margin-top:8px}.canvas-node textarea{font-size:10px;min-height:50px;padding:7px}.director-stage{height:300px;background:radial-gradient(ellipse at 50% 20%,#3e4c2c,#0b100a 80%);position:relative;border:1px solid #abc87d25;border-radius:8px;overflow:hidden;perspective:500px}.director-floor{position:absolute;inset:-5% -50% -100%;background-image:linear-gradient(#83a15744 1px,transparent 1px),linear-gradient(90deg,#83a15744 1px,transparent 1px);background-size:30px 30px;transform:rotateX(60deg) rotateZ(var(--scene-rotate,-20deg)) scale(var(--scene-scale,1));transition:transform .2s}.director-subject{position:absolute;left:50%;bottom:70px;width:35px;height:90px;background:linear-gradient(90deg,#7c8d5f,#dce9bf,#8b9d6a);border-radius:12px 12px 5px 5px;box-shadow:10px 20px 20px #0007;transform:translateX(-50%) scale(var(--scene-scale,1));transition:transform .2s}.director-subject:before{content:'';position:absolute;top:-30px;left:5px;width:25px;height:25px;border-radius:50%;background:#bacba1}.director-camera{position:absolute;left:25%;bottom:40px;width:37px;height:27px;background:#4b6633;border:2px solid #bad484;transform:rotate(-10deg)}.director-camera:before{content:'';position:absolute;left:35px;top:2px;width:15px;height:20px;background:#b3cd8a;clip-path:polygon(0 25%,100% 0,100% 100%,0 75%)}.range-field{display:flex;align-items:center;gap:15px;margin:21px 0;color:#a7bb92;font-size:12px}.range-field input{accent-color:var(--lime);flex:1}.range-field output{min-width:40px;text-align:right;color:#d4e5be}.project-row{display:flex;width:100%;align-items:center;justify-content:space-between;padding:17px 16px;border:1px solid #b1cf8120;border-radius:7px;margin-bottom:10px;background:#20271a;text-align:left;gap:15px}.project-row small{display:block;color:#7f9767;font-size:10px;margin-top:7px}.project-row>span:last-child{color:#a5c87a}.empty-state{padding:35px 15px;text-align:center;color:#899f74;line-height:2}.empty-state h3{color:#ccdeb5;margin-bottom:8px}.wallet-amount{font:52px var(--display);color:#d5e9bd;margin:12px 0}.wallet-amount small{font:13px var(--font);color:#92a778;margin-left:7px}.search-result{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:14px 12px;border-bottom:1px solid #ffffff0a;color:#c4d9ab}.search-result:hover{background:#c6e98a0b}.search-result small{display:block;font-size:10px;color:#7e9664;margin-top:5px}.modal-body>img,.film-detail-image{width:100%;max-height:350px;object-fit:cover;border-radius:8px}.modal-body h3{font-weight:500}.modal-body label{line-height:1.8}.modal-body ul,.modal-body ol{color:#a4b691;font-size:12px;line-height:2.2;padding-left:20px}.modal-body .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-body .form-error{font-size:11px;color:#f0b1a0;margin:8px 0}.modal-body [role=alert]{color:#eab6a4;font-size:12px;line-height:1.8}.modal-body button:not([class]){color:#c0d99f;padding:8px 12px;border:1px solid #b3d87c30;border-radius:5px}#toast{position:fixed;bottom:32px;left:calc(50% + 105px);transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#d3f58e;color:#20340c;border:1px solid #edffca;border-radius:8px;padding:13px 22px;box-shadow:0 8px 40px #0005;z-index:100;font-size:12px;transition:opacity .2s,transform .2s;max-width:85vw;text-align:center}#toast.visible,#toast.show,#toast.active{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.page-heading{animation:arrive .65s ease both}.hero{animation:arrive .7s .08s ease both}.creation-section{animation:arrive .7s .17s ease both}.market-section{animation:arrive .7s .25s ease both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#10150e}::-webkit-scrollbar-thumb{background:#35412b;border-radius:5px}::selection{background:#badc7e;color:#14200b}
@media(min-width:1600px){:root{--sidebar:230px}main{padding:35px 48px 0}.topbar{padding:0 48px}.hero{height:510px}.hero-copy{padding:47px 48px}.hero h2{font-size:68px}.hero-copy>p{font-size:13px;margin-top:20px}.hero-actions{margin-top:29px}.hero-capabilities{bottom:30px}.hero-coordinate{top:39px;right:35px}.hero-caption{bottom:65px;right:38px}.tool-art{height:130px}.tool-info{padding:21px 17px}.film-image{height:310px}.sidebar{padding-top:30px}}
@media(max-width:1200px){:root{--sidebar:185px}.sidebar{padding-left:12px;padding-right:12px}.brand{gap:7px;padding-left:7px}.brand-name{font-size:21px}.brand-beta{display:none}.profile{width:calc(100% + 24px);margin-left:-12px;padding:17px 12px}.nav-item{gap:10px;padding:0 10px}.nav-label{padding-left:10px}.nav-label span{font-size:8px}.topbar{padding:0 25px}.breadcrumb small,.breadcrumb .status-indicator{display:none}main{padding:26px 25px 0}.hero{height:422px}.hero-copy{padding:34px 30px}.hero h2{font-size:51px}.hero-copy>p{font-size:11px}.hero-actions{gap:17px}.hero-capabilities{font-size:8px;gap:9px}.tool-grid{gap:10px}.tool-info{padding:15px 11px;gap:7px}.tool-icon{width:20px}.tool-info h3{font-size:12px}.tool-info p{font-size:8px}.tool-arrow{width:11px}.tool-art{height:100px}.section-title>span{font-size:9px}.provider-card{padding:16px}.provider-description{font-size:9px}.provider-bottom{gap:5px}.provider-bottom button{font-size:8px;gap:5px;padding:0 8px}.provider-grid{gap:11px}.provider-top{gap:8px}.provider-top h3{font-size:12px}.provider-logo{width:33px;height:33px}.provider-detail{font-size:7px}.film-grid{gap:12px}.film-image{height:235px}.film-overlay{left:15px}.film-overlay>strong{font-size:23px}.film-meta{font-size:8px}.film-meta>span:last-child{display:none}.closing-banner{padding:25px 20px;gap:20px}.closing-banner h2{font-size:18px}footer{gap:12px}footer>div{gap:15px}footer>span{display:none}}
@media(max-width:980px){:root{--sidebar:76px}.sidebar{padding:25px 12px 0}.brand{padding-left:9px}.brand-name,.brand-beta,.nav-item>span,.nav-label,.nav-item .small-arrow,.new-project span,.wallet-card,.support,.profile>span:not(.avatar){display:none}.new-project{font-size:0;padding:0;justify-content:center;margin-top:30px;margin-bottom:20px}.new-project svg{width:21px}.nav-item{justify-content:center;padding:0;height:43px}.nav-item svg{width:20px;height:20px}.primary-nav{gap:7px}.primary-nav .nav-item:nth-of-type(4),.primary-nav .nav-item:nth-of-type(10){margin-top:14px}.profile{padding:18px 21px}.profile .avatar{flex-shrink:0}.header-actions{gap:16px}.hero-copy{width:70%}.hero h2{font-size:49px}.hero-caption{right:18px}.section-title{gap:9px}.section-title h2{font-size:16px}.creation-section .section-title>span{display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-art{height:118px}.tool-info{padding:16px}.tool-info h3{font-size:13px}.tool-info p{font-size:10px}.tool-info .tool-icon{width:25px}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-type{display:none}.provider-description{min-height:32px}.provider-bottom{align-items:flex-start;flex-direction:column;gap:12px}.provider-bottom button{font-size:9px;width:100%;justify-content:space-between}.model-tags span{font-size:10px;padding:3px 5px}.film-grid{gap:10px}.film-image{height:210px}.film-overlay>strong{font-size:19px;letter-spacing:2px}.film-overlay>em{font-size:7px;letter-spacing:1px}.closing-monogram{display:none}.closing-banner h2{font-size:17px}.closing-banner .eyebrow{font-size:8px}.closing-banner>.button{font-size:10px;gap:12px}#toast{left:calc(50% + 38px)}}
@media(max-width:720px){:root{--sidebar:0px}.sidebar{width:100%;height:63px;inset:auto 0 0;padding:0 12px;background:#141a13f5;backdrop-filter:blur(16px);border-right:0;border-top:1px solid #c8ddad24;flex-direction:row}.sidebar>.brand,.sidebar>.new-project,.sidebar-bottom,.primary-nav>.nav-item:nth-of-type(n+5),.primary-nav>.nav-item:nth-of-type(2){display:none}.primary-nav{width:100%;flex-direction:row;justify-content:space-around;gap:0;align-items:center}.primary-nav>.nav-item:nth-of-type(4){margin-top:0}.primary-nav>.nav-item:nth-of-type(5){display:flex}.nav-item{height:52px;width:23%;flex-direction:column;gap:5px;border-radius:0}.nav-item>span:not(.nav-tag):not(.tiny-tag):not(.active-dot){display:block;font-size:9px}.nav-item svg{width:19px;height:19px}.nav-item.active{background:none}.nav-item .active-dot{display:none}.topbar{height:57px;padding:0 19px}.breadcrumb{font-size:10px;gap:11px}.header-actions{gap:12px}.search-trigger span,.search-trigger kbd,.header-supplier,.header-divider{display:none}.header-actions .notification{padding:0}.header-actions .search-trigger{padding:0}.search-trigger svg{width:17px}main{padding:22px 18px 70px}.page-heading{margin-bottom:19px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading h1{font-size:20px;margin-top:6px}.workspace-status{display:none}.hero{height:468px;border-radius:9px}.hero-image{object-position:66% 50%}.hero-shade{background:linear-gradient(90deg,#0b100cd9,#0b100c59),linear-gradient(0deg,#0a100cf2,transparent 60%)}.hero-copy{padding:29px 24px;width:100%}.hero-eyebrow{font-size:8px;letter-spacing:1.2px;gap:7px}.edition{font-size:8px;margin-left:2px}.hero h2{font-size:48px;line-height:1.28;margin-top:27px;letter-spacing:1px}.hero-copy>p{font-size:11px;line-height:1.9;max-width:310px;margin-top:18px}.hero-actions{gap:20px;margin-top:27px}.button{padding:0 15px;height:41px;font-size:11px;gap:16px}.hero-play{font-size:10px;gap:7px}.hero-play>span{height:27px;width:27px}.hero-capabilities{left:24px;bottom:72px;gap:7px;font-size:8px;letter-spacing:0}.hero-caption{bottom:18px;left:24px;right:auto;padding:0;gap:18px}.hero-caption div>span{font-size:8px}.hero-caption strong{font-size:11px;margin-top:5px;letter-spacing:1px}.hero-caption strong i{display:none}.caption-arrow{width:24px;height:24px}.caption-arrow svg{width:12px}.hero-coordinate{display:none}.hero-pagination{bottom:23px;right:20px}.hero-pagination>span{width:8px}.hero-pagination>span.selected{width:20px}.hero-pagination>b{font-size:9px;margin-left:4px}.section-heading{margin:26px 0 14px;gap:10px}.section-title h2{font-size:15px}.text-link{font-size:9px;gap:5px}.text-link svg{width:12px}.tool-grid{gap:10px}.tool-art{height:99px}.tool-info{padding:13px 10px;gap:6px}.tool-info h3{font-size:12px}.tool-info p{font-size:8px;margin-top:4px}.tool-icon{display:none}.tool-info .tool-arrow{width:11px}.mini-badge{font-size:7px}.prompt-node{left:7%;width:46px;top:29px}.image-node{left:38%;width:59px;height:47px}.image-node img{height:30px}.result-node{right:6%;width:31px;padding:6px;top:49px;height:29px}.result-node i{display:none}.art-label{font-size:6px;letter-spacing:1px;left:10px}.camera-object{left:20%}.image-stack{width:70px;height:51px;left:calc(50% - 35px);top:20px}.stack-back{transform:translateX(-23px) rotate(-17deg)}.stack-middle{transform:translateX(22px) rotate(14deg)}.image-cross{right:15px;top:15px;font-size:19px}.market-section .section-heading{margin-top:30px;margin-bottom:17px;align-items:flex-start}.outline-label{font-size:8px;margin-left:7px;padding:2px 4px}.market-section .section-title>span{font-size:8px;line-height:1.7}.market-section .section-title{gap:7px}.market-section .text-link{padding-top:5px;white-space:nowrap;font-size:8px;gap:3px}.market-toolbar{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:13px}.tab-group{gap:4px}.tab-group button{font-size:9px;padding:6px 10px}.market-note{font-size:8px;padding-left:3px}.provider-grid{grid-template-columns:1fr;gap:10px}.provider-card{padding:17px}.provider-top{gap:10px}.provider-logo{width:36px;height:36px}.provider-top h3{font-size:13px}.provider-type{display:block;font-size:9px}.provider-description{font-size:10px;min-height:0;margin-top:13px}.model-tags{margin-top:10px}.model-tags span{font-size:11px;padding:3px 7px}.provider-bottom{flex-direction:row;align-items:center;margin-top:14px;padding-top:12px}.provider-bottom button{width:auto;padding:0 12px;font-size:10px;gap:10px}.provider-detail{font-size:8px}.market-bottom{font-size:8px;padding:11px}.market-bottom button{font-size:8px}.market-bottom>span{gap:4px}.market-bottom svg{width:11px}.showcase-section .section-heading{margin-top:29px;align-items:flex-start;flex-wrap:wrap;gap:13px}.showcase-section .section-title>span{font-size:8px}.compact button{padding:4px 10px;font-size:9px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.film-image{height:220px}.film-type{font-size:8px;left:11px;top:11px}.film-preview{right:10px;top:10px;width:23px;height:23px}.film-overlay{bottom:18px;left:13px}.film-overlay>span{font-size:7px;letter-spacing:.7px}.film-overlay>strong{font-size:22px;letter-spacing:2px;margin-top:8px}.film-overlay>em{font-size:8px;letter-spacing:1px}.film-meta{font-size:8px;padding:9px 1px 0}.closing-banner{margin-top:29px;padding:24px 16px;display:block;border-radius:4px}.closing-banner .eyebrow{font-size:7px;letter-spacing:1px}.closing-banner h2{font-size:17px;margin-top:10px;letter-spacing:.2px}.closing-banner p{font-size:9px;margin-top:8px}.closing-banner>.button{margin-top:19px;font-size:10px;height:36px;gap:30px}footer{padding:22px 0 5px;align-items:flex-start;gap:10px}.footer-brand{font-size:14px}footer>div{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:185px}footer button{font-size:8px}footer small{font-size:7px;width:100%;text-align:right}.modal-head{padding:24px 22px 19px}.modal-title{font-size:21px}.modal-copy{font-size:11px}.modal-body{padding:21px 22px 24px}.modal-close{right:17px;top:17px}.workspace-canvas{min-height:350px}.canvas-node{width:140px;font-size:10px;padding:10px}.option-button{padding:13px 8px}.option-grid{gap:8px}.option-button strong{font-size:18px}.range-field{gap:8px;font-size:11px}.director-stage{height:260px}#toast{left:50%;bottom:82px;font-size:11px;padding:12px 18px}.skip-link{left:10px}.hero-capabilities span{white-space:nowrap}}
.primary-nav{min-height:0;overflow-y:auto;scrollbar-width:none}.sidebar-bottom{flex-shrink:0}.modal-open{overflow:hidden}.modal-wide{width:min(900px,calc(100vw - 36px))}.workspace-toolbar{display:flex;gap:7px;align-items:center;padding:0 0 12px;font-size:10px;color:#8da675}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.node-label{font:9px var(--display);letter-spacing:1px;color:#9bb77b;margin-bottom:12px}.node-port{position:absolute;width:6px;height:6px;background:var(--lime);border-radius:50%;right:-3px;top:50%}.node-state{display:inline-block;margin-top:12px;font-size:8px;padding:4px 6px;border:1px solid #d2f98026;border-radius:3px;color:#a4bc86}.director-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px}.modal-wide .director-subject{background:none;box-shadow:none;border-radius:0}.modal-wide .director-subject:before{display:none}.modal-wide .director-camera{width:auto;height:auto;transform:none}.modal-wide .director-camera:before{display:none}.generation-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wallet-summary{display:flex;flex-direction:column;align-items:center;padding:5px 0 15px;color:#94aa7e;font-size:12px}.wallet-summary>small{font-size:10px}.wallet-summary .wallet-amount{font-weight:500;margin:12px 0}.project-row>span:nth-child(2){margin-right:auto}.project-avatar{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:#accd6e20;color:#d7efb2;border-radius:7px;font-size:16px}.guide-steps{display:grid;gap:20px;margin-bottom:25px}.guide-steps article{padding-left:40px;position:relative}.guide-steps article>span{position:absolute;left:0;top:0;font:24px var(--display);color:#99b670}.guide-steps h3{font-size:14px;color:#c4d7ae;margin-bottom:7px}.guide-steps p{font-size:11px;line-height:1.9;color:#8ea677}.form-field input[type=search]{display:block;width:100%;background:#0f140e;border:1px solid #8ba86335;color:#d5e9ba;padding:12px 14px;border-radius:6px;outline:none}.option-button>span{font:11px var(--display);letter-spacing:1px;display:block;margin-bottom:7px;color:#879d6d}[data-form=create] .option-grid{grid-template-columns:repeat(4,1fr)}[data-form=create] .option-button strong{font-size:13px;font-weight:400}.modal-film-image+.film-meta{padding:14px 0;justify-content:flex-start;gap:20px}.modal-film-image+.film-meta span:last-child{display:block}.hero-pagination button{display:grid;place-items:center;height:20px;width:18px;padding:0}.hero-pagination button:after{content:'';display:block;height:2px;width:13px;background:#ccd4b837}.hero-pagination button.selected{width:33px}.hero-pagination button.selected:after{width:30px;background:#d5f280}.hero-pagination{bottom:13px}.hero-pagination>b{line-height:20px}@media(max-width:720px){.director-controls{grid-template-columns:1fr;gap:0}.range-field{margin:14px 0}.generation-settings{grid-template-columns:1fr;gap:0}.workspace-toolbar{font-size:8px}[data-form=create] .option-grid{grid-template-columns:repeat(2,1fr)}.hero-pagination{bottom:14px}.hero-pagination button{width:13px}.hero-pagination button.selected{width:23px}.hero-pagination button:after{width:8px}.hero-pagination button.selected:after{width:20px}}
@media(max-width:720px){.primary-nav>.nav-item{display:none!important}.primary-nav>a.nav-item,.primary-nav>button[data-action=providers],.primary-nav>button[data-action=canvas],.primary-nav>button[data-action=projects],.primary-nav>button.nav-more-trigger{display:flex!important;margin-top:0;width:20%}.hero-image{object-position:78% 50%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* yz: 任务面板（真实生成接口版） */
.yz-task-panel{margin:15px 0 0;border:1px solid #b1cf8130;border-radius:7px;background:#1b2317;padding:14px 16px;font-size:12px;color:#b6c4a7}
.yz-task-panel strong{color:#d7efb2;display:block;margin-bottom:6px}
.yz-task-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.yz-task-head span{font-size:10px;color:#8fa17d}
.yz-task-item{padding:10px 0;border-top:1px solid #ffffff0f}
.yz-task-row{display:flex;align-items:center;gap:8px;color:#d7efb2}
.yz-task-row time{margin-left:auto;color:#7f8f70;font-size:10px}
.yz-task-dot{width:7px;height:7px;border-radius:50%;background:#e5c96b;flex:none}
.yz-task-item.is-succeeded .yz-task-dot{background:#9fd65a}.yz-task-item.is-failed .yz-task-dot,.yz-task-item.is-cancelled .yz-task-dot{background:#e57a5c}.yz-task-item.is-interrupted .yz-task-dot{background:#e5b06b}
.yz-task-state{font-size:10px;color:#a9bc95;border:1px solid #ffffff1a;border-radius:99px;padding:1px 8px}
.yz-task-prompt{margin:5px 0 0;color:#93a384;font-size:11px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yz-task-error{margin:5px 0 0;color:#f0b1a0;font-size:11px;line-height:1.6}
.yz-task-files{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.yz-task-files a{display:block;position:relative;width:88px;height:60px;border-radius:6px;overflow:hidden;border:1px solid #ffffff1a}
.yz-task-files img,.yz-task-files video{width:100%;height:100%;object-fit:cover;display:block}
.yz-task-files a span{position:absolute;inset:auto 0 0 0;font-size:9px;text-align:center;background:#000000a0;color:#d7efb2;padding:1px 0}
/* yz: 模型市场真实卡片 */
.model-tag-btn{background:#ffffff0a;border:1px solid #ffffff1a;color:#c3d6ad;border-radius:99px;padding:3px 11px;font-size:11px;cursor:pointer}
.model-tag-btn:hover{border-color:var(--lime);color:var(--lime)}
.provider-card .model-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
/* yz: 创作类型切换 */
.quick-kinds{display:flex;gap:8px;margin-bottom:14px}
.quick-kinds button{background:#ffffff08;border:1px solid #ffffff1a;color:#a9bc95;border-radius:99px;padding:6px 18px;font-size:12px;cursor:pointer}
.quick-kinds button.active{border-color:var(--lime);background:#d2f98015;color:var(--lime)}


/* === frontend-work-collab-b patches (BUG-003/005/006/015/016) === */
.topbar-brand{display:none;align-items:center;gap:8px;flex-shrink:0;text-decoration:none;color:inherit;min-height:auto;padding:0;height:auto}
.topbar-brand .brand-beta{display:none}
.header-login{height:34px;padding:0 14px;border-radius:6px;border:1px solid #c8ddad55;color:#d7efb2;font-size:12px;background:#d2f98014;white-space:nowrap}
.header-login:hover{background:var(--lime);color:#1b2910;border-color:var(--lime)}
.header-login.is-authed{display:none}
.price{font-size:22px}
.nav-more-trigger{display:none}
.mobile-nav-more{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}
.mobile-nav-more[hidden]{display:none!important}
.mobile-nav-more-backdrop{position:absolute;inset:0;background:#070b09a8;border:0;padding:0;cursor:pointer}
.mobile-nav-more-sheet{position:relative;z-index:1;width:min(420px,100%);max-height:70vh;overflow:auto;background:#171a18;border:1px solid #c8ddad30;border-radius:16px 16px 0 0;padding:14px 12px 28px;display:flex;flex-direction:column;gap:4px;box-shadow:0 -12px 40px #0008}
.mobile-nav-more-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px;color:#edf0e8;font-size:14px}
.mobile-nav-more-head button{width:32px;height:32px;border-radius:6px;color:#c2cab8;font-size:18px}
.mobile-nav-more-sheet>[role=menuitem]{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 12px;border-radius:8px;color:#d7e3c8;font-size:13px;background:transparent}
.mobile-nav-more-sheet>[role=menuitem]:hover,.mobile-nav-more-sheet>[role=menuitem]:focus-visible{background:#d2f98014;color:var(--lime)}
.mobile-nav-more-sheet svg{width:18px;height:18px;flex-shrink:0;color:#a8b0a4}
.demo-pill{color:#c5d6ae;border-color:#a8c47a66}
.wallet-foot{color:#a8b49c}
@media(max-width:720px){
  .topbar{gap:12px}
  .topbar-brand{display:flex}
  .topbar-brand .youzi-logo.yz-monogram{width:32px;height:32px;padding:4px;border-radius:9px}
  .topbar-brand .brand-name{display:flex;flex-direction:row;align-items:center;gap:5px}
  .topbar-brand .brand-title{font-size:18px;letter-spacing:0;line-height:1.1}
  .topbar-brand .brand-subtitle{display:none}
  .topbar>.breadcrumb{display:none}
  .header-login{padding:0 10px;height:30px;font-size:11px}
  .header-supplier{display:none}
  /* BUG-005: bottom tab ~63px */
  main{padding:22px 18px 96px}
  footer{padding:22px 0 28px}
  .closing-banner{margin-bottom:8px}
  .film-grid{padding-bottom:4px}
  #toast{bottom:92px}
  .nav-more-trigger{display:flex}
}
@media(min-width:721px){
  .nav-more-trigger{display:none!important}
  .mobile-nav-more{display:none!important}
}

/* 手机底栏安全区：4302 实测底栏约 62px，96px 仍不够 */
@media (max-width: 720px) {
  main { padding-bottom: 120px !important; }
  footer { padding-bottom: 28px; }
  #toast { bottom: 108px; }
}

/* —— 模型市场 catalog / 演示参考（BUG-011） —— */
.market-auth-gate{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;margin-bottom:14px;border:1px dashed #8a9a7438;border-radius:8px;background:#161a1488;font-size:12px;color:#a4b092}
.market-auth-gate[hidden],.market-catalog-host[hidden],.market-demo[hidden]{display:none!important}
.market-auth-gate .button{height:36px;font-size:11px}
.market-demo-banner,.market-catalog-note,.market-note-line{font-size:11px;color:#8b977c;margin:0 0 12px;padding:8px 12px;border-radius:6px;background:#ffffff06;border:1px solid #ffffff0c}
.market-state{padding:28px 18px;border:1px dashed #7f8f6e33;border-radius:8px;text-align:center;color:#9aa88a}
.market-state strong{display:block;font-size:15px;color:#d5e0c8;margin-bottom:8px;font-weight:500}
.market-state p{font-size:12px;line-height:1.7;max-width:420px;margin:0 auto 10px}
.market-empty .text-link{margin-top:8px}
.demo-tag,.channel-badge{display:inline-block;font-size:9px;font-weight:400;letter-spacing:.3px;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;border:1px solid transparent}
.demo-tag{color:#b7c2a8;background:#ffffff08;border-color:#ffffff14}
/* 设计师：渠道未配置用中性灰，不要错误红 */
.channel-badge.is-unconfigured{color:#b0b8a8;background:#8a928314;border-color:#9aa28f33}
.channel-badge.is-ready{color:#c5e09a;background:#d2f98014;border-color:#d2f98033}
.provider-card.is-demo{opacity:.92}
.provider-card.is-unconfigured{border-style:dashed}
.provider-card .price-muted,.provider-card.is-unconfigured .price{color:#a7b19c;font-size:18px}
.provider-card .price small{opacity:.85}
.provider-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.provider-bottom button.is-disabled,
.provider-action.is-disabled,
button.provider-action:disabled{
  opacity:.72;cursor:not-allowed;border-color:#7a847033;color:#9aa288;background:#ffffff05
}
.provider-bottom button.is-disabled:hover,
.provider-action.is-disabled:hover,
button.provider-action:disabled:hover{background:#ffffff05;color:#9aa288;border-color:#7a847033}
.provider-select-ghost{font-size:9px;color:#a8b59a;border:1px dashed #8b977844;border-radius:5px;height:28px;padding:0 10px;background:transparent}
.provider-select-ghost.selected{border-style:solid;color:#cfe3b2;border-color:#a6c07a55}
.provider-link{color:#b7d08e;text-decoration:underline;text-underline-offset:2px;font-size:9px}
.muted-tag{opacity:.7}
.application-mine{margin:12px 0;font-size:12px;color:#8f9d7e}
.application-mine .mine-list{padding:12px;border:1px solid #ffffff10;border-radius:8px;background:#ffffff05}
.application-mine ul{margin:8px 0 0;padding-left:18px;line-height:1.7}
.application-mine code{font-size:10px;opacity:.85}
.mine-empty{opacity:.8}

/* frontend-work-collab-b: quick-create project + catalog empty */
.quick-project-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px;margin:4px 0 14px;padding-bottom:12px;border-bottom:1px solid #ffffff14}
.quick-project-row label{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}
.quick-project-row label>span{font-size:9px;color:#93a67e;letter-spacing:.3px}
.quick-project-row select,.quick-project-row input{font:12px var(--font);color:#d7e7c3;background:#24301c;border:1px solid #859d6240;border-radius:6px;padding:8px 10px;outline:none}
.quick-project-row select:focus,.quick-project-row input:focus{border-color:#95b86588}
.quick-project-hint{flex:1 1 100%;margin:0;font-size:10px;line-height:1.6;color:#8da277}
.yz-task-item.is-queued .yz-task-dot{background:#e5c96b}
.yz-task-project{font-size:10px;color:#8fa17d;border:1px solid #ffffff14;border-radius:99px;padding:1px 8px}
.market-empty-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.market-empty .button{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
[data-theme=light] .quick-project-row{border-bottom-color:#33492217}
[data-theme=light] .quick-project-row label>span,[data-theme=light] .quick-project-hint{color:#61764e}
[data-theme=light] .quick-project-row select,[data-theme=light] .quick-project-row input{background:#f6f8f1;color:#344d2a;border-color:#71895330}
@media(max-width:720px){.quick-project-row label{min-width:100%;flex:1 1 100%}}

@media (max-width: 720px){html{scroll-padding-bottom:120px}}