@font-face{font-family:Studio;src:local('Microsoft YaHei UI')}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#121414;color:#eceee9;font-family:Studio,'Microsoft YaHei',system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #c9dc9d;outline-offset:5px}.top{height:82px;border-bottom:1px solid #292c2a;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1380px)/2))}.brand{display:flex;gap:12px;align-items:center}.brandmark{font-size:32px;color:#d7e8b5;line-height:1}.brand strong{font-size:21px;letter-spacing:4px}.brand-en{margin-left:12px;font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#9a9e96;border-left:1px solid #3c403a;padding-left:24px}.private{font-size:12px;color:#a9afa5;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:#c6d9a8;border-radius:50%}main{max-width:1444px;padding:0 32px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:50px 0 34px}.eyebrow{font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#b9c5aa;margin-bottom:16px}h1{font-size:30px;letter-spacing:1px;margin:0 0 14px;font-weight:500}.intro p{color:#92998e;margin:0;font-size:13px}.spec{text-align:right;border-left:1px solid #32362e;padding-left:35px}.spec strong{font:42px ui-monospace,Consolas,monospace;font-weight:300;display:block}.spec strong span{font-size:22px;color:#9aa68c}.spec small{display:block;font-size:10px;color:#909789;margin-top:8px;letter-spacing:1px}.system{display:flex;align-items:center;gap:14px;background:#1d211b;border:1px solid #353c2d;padding:16px 20px;border-radius:9px;margin-bottom:24px}.status-light{width:7px;height:7px;background:#d2b987;border-radius:50%;flex-shrink:0}.system.ready .status-light{background:#b6d68b}.system strong{font-size:12px;font-weight:500;color:#d7ddca}.system p{font-size:11px;margin:5px 0 0;color:#949d88;line-height:1.6}.system .text-button{margin-left:auto;flex-shrink:0}.text-button{background:none;border:0;color:#bbc8a7;font-size:11px;padding:4px 0}.setup{padding:0 20px 20px;margin-top:-12px}.download-row{display:grid;grid-template-columns:minmax(80px,1fr) 180px 100px;align-items:center;gap:20px;font-size:11px;margin:12px 0;color:#a7af9c}.download-row progress{width:100%;height:4px;accent-color:#bbcf9f}.workspace{display:grid;grid-template-columns:430px minmax(0,1fr);gap:28px;align-items:start}.composer{background:#1a1c1c;border:1px solid #303332;border-radius:12px;padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;min-height:26px}.section-title h2{font-size:16px;font-weight:500;margin:0}.section-title>span{color:#777e77;font:9px ui-monospace,Consolas,monospace;letter-spacing:1px}.field-label{font-size:12px;color:#d0d4cd;display:flex;justify-content:space-between;margin:0 0 10px}.field-label span{color:#7f897c;font:10px ui-monospace,Consolas,monospace}.dropzone{border:1px dashed #454b42;border-radius:7px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#1d201c;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{background:#242b20;border-color:#a8bc8a}.upload-icon{font-size:28px;color:#bbcaa9;font-weight:300;line-height:1.2}.dropzone strong{font-weight:400;font-size:12px}.dropzone>span:last-child{font-size:10px;color:#828b7c}.references{display:flex;gap:8px;margin:10px 0 22px}.references:empty{margin-bottom:24px}.ref{position:relative;width:calc((100% - 16px)/3);height:84px;border-radius:5px;overflow:hidden;border:1px solid #404638;background:#131713}.ref img{width:100%;height:100%;object-fit:contain}.ref button{position:absolute;right:4px;top:4px;border:0;background:#000b;color:white;border-radius:50%;width:20px;height:20px;font-size:14px}.ref span{position:absolute;left:6px;bottom:5px;font:9px ui-monospace,Consolas;background:#10160dbb;padding:2px 4px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.label-row .field-label{margin:0}textarea,input[type=number],select{background:#131615;border:1px solid #353b34;border-radius:6px;color:#d9ded2;outline:0;width:100%}textarea{resize:vertical;min-height:158px;padding:13px;line-height:1.85;font-size:12px}textarea::placeholder,input::placeholder{color:#6f796b}textarea:focus,input:focus,select:focus{border-color:#a6ba8b}.field-help{color:#7e8879;font-size:10px;line-height:1.8;margin:8px 0 12px}.camera-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.camera-presets button{border:1px solid #363d33;border-radius:4px;background:#20251e;color:#b0bca5;font-size:10px;padding:6px 9px}.camera-presets button:hover{border-color:#839871;color:#dde9d1}.options-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}select{padding:11px 8px;font-size:11px}.sound-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.sound-row label{font-size:12px}.sound-row small{font-size:10px;color:#7e8879;display:block;margin-top:5px}.sound-row input{appearance:none;width:32px;height:18px;border-radius:12px;background:#3c4338;cursor:pointer;position:relative}.sound-row input:before{content:'';position:absolute;width:12px;height:12px;background:#939d8b;left:3px;top:3px;border-radius:50%;transition:.2s}.sound-row input:checked{background:#bad197}.sound-row input:checked:before{left:17px;background:#242e1d}.advanced{border-top:1px solid #30362d;padding:15px 0}.advanced summary{list-style:none;cursor:pointer;font-size:11px;color:#9ea993;display:flex;justify-content:space-between}.advanced[open] summary{margin-bottom:15px}.advanced input{padding:10px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#d3e3b8;color:#26321b;border:0;border-radius:6px;padding:15px 18px;font-size:13px;font-weight:600;margin-top:4px}.primary:hover{background:#e4efcf}.primary>span:last-child{font-size:20px;line-height:1}.local-note{text-align:center;color:#788371;font-size:10px;margin:12px 0 0}.gallery{padding:0 0 0 0;min-height:700px}.gallery>.section-title{height:42px;padding:0 4px;margin-bottom:14px}.section-title h2>span{margin-left:8px;font:11px ui-monospace,Consolas,monospace;color:#929c87}.filters{display:flex;gap:4px}.filters button{font-size:11px;padding:6px 12px;color:#7b8572;background:none;border:0;border-radius:4px}.filters button.selected{background:#2a3024;color:#d2dfbf}.empty{border:1px solid #30362d;border-radius:10px;min-height:630px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#22291d 0%,#181c17 48%,#151914 100%)}.empty[hidden]{display:none}.viewfinder{position:relative;width:220px;aspect-ratio:16/10;margin-bottom:36px;background:linear-gradient(155deg,#444c39,#282e23 45%,#171d13);border:1px solid #5a654a;border-radius:4px;box-shadow:0 16px 50px #0003;overflow:hidden}.viewfinder:before,.viewfinder:after{content:'';position:absolute;width:160px;height:150px;border:1px solid #73865844;transform:rotate(35deg);left:20px;top:70px}.viewfinder:after{left:120px;top:48px;background:#414c3344}.viewfinder-dot{position:absolute;left:15px;top:15px;width:4px;height:4px;background:#b9cc99;border-radius:50%}.timecode{position:absolute;top:13px;right:13px;color:#abbc90;font:8px ui-monospace,Consolas,monospace}.frame-label{position:absolute;bottom:14px;left:15px;font:8px ui-monospace,Consolas;letter-spacing:2px;color:#a9b991}.frame-lines{position:absolute;inset:35px 45px;border:1px solid #96ac6a33}.empty h3{font-size:18px;font-weight:400;letter-spacing:1px;margin:0 0 13px;color:#c6d2b7}.empty p{color:#79876f;font-size:12px;text-align:center;line-height:1.9;margin:0}.empty-caption{font:8px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#66765a;margin-top:45px}.jobs{display:grid;grid-template-columns:1fr;gap:18px}.job{border:1px solid #353d2e;border-radius:10px;overflow:hidden;background:#1b2117}.job-media{background:#10150d;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.job-media>img{width:100%;height:100%;object-fit:contain;opacity:.4;filter:blur(2px)}.job-media video{width:100%;height:100%;object-fit:contain}.job-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11190d66;gap:12px}.job-overlay strong{font-weight:400;font-size:16px}.job-overlay small{color:#bac4ac;font-size:11px}.job-overlay progress{width:160px;height:3px;accent-color:#ccdfa9}.job-info{padding:16px 18px}.job-meta{display:flex;justify-content:space-between;align-items:center;color:#849675;font-size:10px;margin-bottom:10px}.badge{color:#cbdcba;background:#313c26;padding:4px 7px;border-radius:3px}.job-prompt{font-size:12px;line-height:1.8;color:#aebea0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.job-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #303c25;margin-top:13px;padding-top:12px;align-items:center}.job-actions button,.job-actions a{font-size:11px;background:#303d24;color:#d0e1be;border:1px solid #445535;padding:8px 12px;border-radius:4px}.job-actions .seed-info{margin-right:auto;font:9px ui-monospace,Consolas,monospace;color:#788b67}.error{color:#f2b4a0;background:#3a2520;font-size:11px;padding:12px;border-radius:5px;line-height:1.8;overflow-wrap:anywhere}.job details{margin-top:12px;color:#cdab94;font-size:11px}.job pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#c7ac9b;max-height:160px;overflow:auto}footer{margin-top:45px;border-top:1px solid #2e3826;padding:22px 0 28px;display:flex;justify-content:space-between;gap:15px;color:#78896a;font-size:10px}footer>span:first-child{font-family:ui-monospace,Consolas,monospace;letter-spacing:1px}footer a{color:#aabc98}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#d3e3b8;color:#26321b;padding:13px 22px;border-radius:6px;box-shadow:0 10px 30px #0006;font-size:12px;z-index:10}body.offline .status-light{background:#ce916b}@media(min-width:1500px){.workspace{grid-template-columns:450px minmax(0,1fr)}}@media(max-width:1000px){.workspace{grid-template-columns:370px minmax(0,1fr);gap:18px}.composer{padding:20px}.top{padding:0 24px}main{padding:0 24px}.intro{padding-top:34px}h1{font-size:25px}.empty{min-height:640px}.brand-en{display:none}}@media(max-width:760px){.top{height:65px;padding:0 20px}.private{font-size:10px}main{padding:0 16px}.intro{padding:32px 4px 26px}h1{font-size:23px;line-height:1.5}.intro p{font-size:11px;max-width:240px;line-height:1.8}.eyebrow{font-size:8px}.spec{padding-left:16px}.spec strong{font-size:28px}.spec small{font-size:8px}.workspace{grid-template-columns:1fr;gap:28px}.composer{padding:22px}.system{padding:14px;gap:9px}.system p{font-size:10px}.system .text-button{font-size:10px}.gallery{min-height:0}.empty{min-height:390px}.download-row{grid-template-columns:90px 1fr 70px;gap:8px;font-size:10px}footer>span:nth-child(2){display:none}footer{font-size:9px}.job-actions{flex-wrap:wrap}}
/* Private access and mobile film library */
[hidden]{display:none!important}.private button{margin-left:12px}.job-media{width:100%;border:0;padding:0;color:#fff}.job-media[data-aspect=portrait]{aspect-ratio:480/864}.job-media[data-aspect=square]{aspect-ratio:1}.job-media>img{display:block}.job-media:where(button)>img{opacity:1;filter:none;object-fit:cover}.play-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#12141488;backdrop-filter:blur(5px);border:1px solid #ffffff55;font-size:16px}.clip-duration{position:absolute;bottom:10px;right:10px;border-radius:4px;background:#0009;padding:4px 7px;font-size:10px}.jobs{display:block;columns:2;column-gap:16px}.job{break-inside:avoid;margin:0 0 16px;display:inline-block;width:100%;vertical-align:top}.job-info{padding:12px}.job-meta{gap:8px;flex-wrap:wrap;line-height:1.6}.job-actions{flex-wrap:wrap;gap:6px}.job-actions button,.job-actions a{min-height:40px;display:inline-flex;align-items:center;padding:8px}.job-actions .seed-info{width:100%;font-size:8px}.favorite[aria-pressed=true]{color:#e7d3a4;border-color:#8b7850;background:#433a25}.mobile-nav{display:none}.viewing{overflow:hidden}#viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080a09;color:#eef0ea;overscroll-behavior:contain}#viewer[open]{display:flex;flex-direction:column}#viewer::backdrop{background:#000}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;flex-shrink:0;font-size:12px;color:#aab2a1}.viewer-top button,.viewer-actions button,.viewer-actions a{color:#e2e8dc;background:#232a20;border:1px solid #3e4736;border-radius:7px;min-height:44px;padding:10px 15px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.viewer-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;touch-action:pan-x}.viewer-stage video{max-width:100%;width:100%;height:100%;object-fit:contain}.viewer-bottom{flex-shrink:0;max-width:1000px;width:100%;margin:0 auto;padding:12px 20px calc(16px + env(safe-area-inset-bottom))}.viewer-bottom>p:first-child{font-size:12px;color:#bcc5b1;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-actions{display:flex;gap:8px;flex-wrap:wrap}.viewer-actions button:disabled{opacity:.35;cursor:default}#save-help{color:#929d86;font-size:11px;line-height:1.6;margin:10px 0 0}#toast{z-index:2147483647;max-width:90vw;bottom:90px}.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#263122,#121414 65%)}.login-shell{width:min(420px,calc(100vw - 40px));padding:40px 30px;border:1px solid #394233;border-radius:18px;background:#191e18;box-shadow:0 35px 100px #0005}.login-shell .brand{margin-bottom:42px}.login-shell h1{font-size:24px;line-height:1.5}.login-shell>p{color:#8e9c81;font-size:13px}.login-shell form{margin-top:30px}.login-shell input{width:100%;background:#10150f;border:1px solid #414c38;border-radius:6px;color:#e6eddd;font-size:16px;padding:13px;margin-bottom:22px;outline:0}.login-shell input:focus{border-color:#cadcaa}.login-shell small{display:block;text-align:center;color:#839075;margin-top:26px;font-size:11px}
@media(min-width:761px) and (max-width:1100px){.jobs{columns:1}}
@media(max-width:760px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.top{height:64px}.intro{padding:24px 2px 20px}.intro h1{font-size:22px}.intro .eyebrow{margin-bottom:8px}.intro p{font-size:12px}.system{margin-bottom:20px}.system p{max-width:220px}.system .text-button{font-size:11px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;padding:10px 20px calc(10px + env(safe-area-inset-bottom));gap:12px;background:#161b15f5;border-top:1px solid #38432e;backdrop-filter:blur(14px)}.mobile-nav button{flex:1;background:transparent;border:0;border-radius:8px;color:#9caa90;padding:13px 10px;font-size:14px}.mobile-nav button.selected{background:#d3e3b8;color:#25331a}.workspace{display:block}body[data-view=library] .composer{display:none}body[data-view=create] .gallery{display:none}.jobs{columns:2;column-gap:10px}.job{border-radius:8px;margin-bottom:10px}.job-info{padding:10px}.job-meta{font-size:9px;gap:4px;margin-bottom:6px}.job-meta>span:last-child{font-size:9px}.job-info>.field-help{font-size:9px;margin:4px 0 6px}.job-prompt{font-size:11px;-webkit-line-clamp:2;line-height:1.7}.job-actions{padding-top:8px;margin-top:8px;gap:4px;justify-content:space-between}.job-actions button,.job-actions a{font-size:10px;min-height:40px;padding:7px 5px}.job-actions .seed-info{display:none}.job-overlay strong{font-size:12px}.job-overlay small{font-size:9px;text-align:center;padding:0 8px}.job-overlay progress{width:70%}.gallery>.section-title{padding:0;gap:5px}.filters{gap:0}.filters button{padding:9px;font-size:11px;min-height:40px}.section-title h2{font-size:15px}.viewer-top{padding-left:14px;padding-right:14px}.viewer-bottom{padding:10px 14px calc(14px + env(safe-area-inset-bottom))}.viewer-actions{gap:6px}.viewer-actions button,.viewer-actions a{padding:9px 10px;font-size:11px}.viewer-actions #viewer-share{background:#d3e3b8;color:#25331a}textarea,select,input[type=number]{font-size:16px}.camera-presets button{min-height:38px}.login-page{padding-bottom:0}.login-shell{padding:32px 24px}.play-mark{width:36px;height:36px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}