:root{--ink:#172c25;--deep:#10231d;--muted:#68766f;--paper:#f4f5ef;--surface:#fff;--line:#dfe5dd;--green:#c9f27a;--green-dark:#7fa83f;--mint:#e8f5d6;--red:#a8323c;--shadow:0 16px 48px #17352a12;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}a{color:#31664b;text-underline-offset:3px}a:hover{color:#132c20}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:13px max(24px,calc((100% - 1240px)/2));border-bottom:1px solid #dfe5ddee;background:#f8f9f4eF;backdrop-filter:blur(16px)}.brand{font-size:1.16rem;font-weight:850;letter-spacing:-.045em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--green);color:var(--deep);font-size:1.1rem}.topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.7vw,22px);flex-wrap:wrap}.topbar nav>a{color:#52625a;text-decoration:none;font-size:.88rem;font-weight:650}.topbar nav>a:hover{color:var(--ink)}.topbar nav form{margin:0}.credit-pill{background:var(--mint);border:1px solid #d2e6b8;color:#36562a;border-radius:99px;padding:6px 11px;font-size:.82rem;font-weight:750;white-space:nowrap}.container{max-width:1240px;margin:0 auto;padding:42px 28px 80px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;min-height:490px;padding:clamp(34px,6vw,76px);margin:10px 0 56px;overflow:hidden;border-radius:32px;background:var(--deep);color:white}.hero:before{content:"";position:absolute;z-index:-1;width:480px;height:480px;right:-110px;top:-180px;border-radius:50%;background:radial-gradient(circle,#c9f27a88 0,transparent 68%)}.hero-copy{max-width:620px}.eyebrow{color:#4e772d;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:850}.hero .eyebrow{color:var(--green)}.hero h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:.99;letter-spacing:-.065em;margin:18px 0 20px;max-width:680px}.gradient-text{color:var(--green)}.lead{color:#cfdbd2;font-size:1.09rem;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .small{color:#b6c6bc;max-width:460px;margin-top:24px}.hero-art{position:relative;min-height:330px;display:grid;place-items:center}.art-orbit{position:absolute;width:min(30vw,330px);aspect-ratio:1;border:1px solid #d5f09b66;border-radius:50%;transform:rotate(-25deg)}.art-orbit:before,.art-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 22px var(--green)}.art-orbit:before{left:13%;top:20%}.art-orbit:after{right:7%;bottom:22%}.art-frame{position:relative;width:min(100%,360px);aspect-ratio:4/3;border-radius:27px;overflow:hidden;border:1px solid #ffffff2f;background:linear-gradient(145deg,#49634b 0%,#9aaf78 38%,#dbb788 39%,#65483f 70%,#203831 100%);box-shadow:0 28px 85px #0008;transform:rotate(3deg)}.art-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 42%,#edcfad 0 13%,transparent 13.5%),radial-gradient(ellipse at 48% 86%,#183329 0 31%,transparent 31.5%),linear-gradient(105deg,transparent 0 62%,#f8d1a447 63% 66%,transparent 67%)}.art-frame:after{content:"";position:absolute;inset:auto 16px 16px;height:4px;border-radius:4px;background:#ffffff50;box-shadow:0 -8px 0 -1px #ffffff27}.art-tag{position:absolute;right:0;bottom:12px;padding:13px 16px;border-radius:16px;background:#fff;color:var(--ink);font-size:.8rem;font-weight:750;box-shadow:var(--shadow)}.art-tag b{color:#527e2c}.button,.nav-cta{min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:12px;background:var(--green);color:var(--deep)!important;text-decoration:none;font:inherit;font-size:.91rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover,.nav-cta:hover{background:#d8fa9b;box-shadow:0 8px 24px #0002;transform:translateY(-1px)}.button.secondary{background:#ffffff10;border-color:#ffffff35;color:#fff!important}.button.secondary:hover{background:#ffffff1d}.panel .button.secondary,.container>.panel .button.secondary{background:#f3f5ef;color:var(--ink)!important;border-color:var(--line)}.panel .button.secondary:hover{background:var(--mint)}.button.full{width:100%;padding:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #17352a18}.card h3{margin:15px 0 6px;letter-spacing:-.02em}.card p,.muted,.small{color:var(--muted)}.icon{width:46px;height:46px;display:grid;place-items:center;background:var(--mint);border-radius:15px;font-size:1.3rem}.form-wrap{max-width:520px;margin:32px auto}.form{display:grid;gap:17px;margin-top:22px}.field{display:grid;gap:7px}.field label{font-size:.88rem;color:#384a40;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;background:#fbfcf9;border:1px solid #d5ddd3;color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus,.upload-drop:focus-visible{outline:0;border-color:#85aa50;box-shadow:0 0 0 4px #c9f27a55}.field textarea{min-height:116px;resize:vertical}.field input[type=file]{padding:10px}.field input[type=number]{font-variant-numeric:tabular-nums}.field input::placeholder,.field textarea::placeholder{color:#95a199}.alert,.notice{border-radius:14px;padding:14px 17px;margin:0 0 18px;border:1px solid var(--line);background:#fff;color:#44534a}.alert.success{border-color:#bfdca0;background:#f3fae9;color:#395924}.alert.error{border-color:#ebc4c4;background:#fff5f5;color:#8c2832}.notice{border-left:4px solid #8eb951;background:#f8faef;color:#4e5d42}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat strong{font-size:2rem;line-height:1.2;letter-spacing:-.05em;display:block}.stat span{color:var(--muted);font-size:.88rem}.table-wrap{overflow:auto}.panel[style*="overflow:auto"]{box-shadow:none}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:#6c7971;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;white-space:nowrap}.table tr:last-child td{border-bottom:0}.table td{color:#35483d}.status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 10px;background:#eff4e9;color:#47662f;font-size:.75rem;font-weight:800}.footer{border-top:1px solid var(--line);padding:25px 20px;text-align:center;color:var(--muted);font-size:.85rem}.footer span{display:block;font-size:.76rem;margin-top:5px}.split{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.small{font-size:.84rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel h2{letter-spacing:-.035em}.panel form .button{width:max-content;max-width:100%}.panel form .button.full{width:100%}
.studio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:2px 0 28px}.studio-head h1{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.06em;line-height:1;margin:12px 0}.studio-head p{margin:0;max-width:600px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:20px;align-items:start}.studio-main{padding:clamp(20px,3vw,32px)}.studio-sidebar{display:grid;gap:16px}.tool-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-option{position:relative;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fafbf8;color:var(--ink);text-align:left;cursor:pointer;transition:.15s}.tool-option strong{display:block;font-size:.9rem}.tool-option span{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.tool-option[aria-pressed=true]{border-color:#86a950;background:#f3f8ea;box-shadow:inset 0 0 0 1px #86a950}.tool-option:focus-visible{outline:3px solid #c9f27a;outline-offset:2px}.upload-drop{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;border:1.5px dashed #b8c7b5;border-radius:18px;background:linear-gradient(150deg,#fafcf7,#f3f7ed);text-align:center;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.upload-drop:hover,.upload-drop.is-dragging{border-color:#79a842;background:#edf6dd;transform:translateY(-1px)}.upload-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#e5f2d3;color:#41672d;font-size:1.35rem}.upload-title{font-weight:800;color:var(--ink)}.upload-hint{font-size:.8rem;color:var(--muted)}.upload-hint b{color:#4f7733}.upload-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.upload-preview{display:none;align-items:center;gap:14px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fbfcf9}.upload-preview.is-visible{display:flex}.preview-image{width:84px;height:72px;flex:none;object-fit:cover;border-radius:10px;background:#e9eee6}.preview-audio{width:100%;height:44px}.preview-meta{min-width:0;flex:1}.preview-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.preview-meta span{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.remove-file{width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:11px;background:#fff;color:#657269;font-size:1.1rem;cursor:pointer}.remove-file:hover{background:#fff0f0;color:var(--red)}.upload-error{min-height:1.2em;color:var(--red);font-size:.82rem}.upload-help{font-size:.78rem;color:var(--muted)}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:7px}.submit-row .small{margin:0;max-width:300px}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.feature-list li{display:flex;gap:10px;color:#526158;font-size:.87rem}.feature-check{color:#6d9b36;font-weight:900}.studio-art{min-height:175px;border-radius:17px;background:linear-gradient(140deg,#162c21,#476641 55%,#bdd18f);position:relative;overflow:hidden}.studio-art:before{content:"";position:absolute;inset:20% 32% -42%;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#21362d,#d6ad88 42%,#1d382b 43%);box-shadow:0 0 0 20px #ffffff0d}.studio-art:after{content:"PREVIEW";position:absolute;right:12px;top:12px;color:#e6f4d1;font-size:.64rem;font-weight:850;letter-spacing:.15em}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{padding:5px 9px;border-radius:99px;background:#f0f4eb;color:#53644f;font-size:.72rem;font-weight:700}.hero+.grid{margin-top:0}.kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#768178;font-weight:800}.field[hidden],.upload-preview[hidden]{display:none!important}.button:disabled{opacity:.6;cursor:wait;transform:none}
@media(max-width:920px){.hero{grid-template-columns:1fr .75fr;gap:22px;padding:40px}.studio-layout{grid-template-columns:1fr}.studio-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding-left:22px;padding-right:22px}.topbar nav{gap:11px}}
@media(max-width:680px){.topbar{position:relative;align-items:flex-start;flex-direction:column;gap:10px;padding:12px 18px}.topbar nav{justify-content:flex-start;gap:9px 14px}.topbar nav>a{font-size:.82rem}.container{padding:22px 16px 54px}.hero{display:block;min-height:0;padding:34px 25px;margin:0 0 34px;border-radius:24px}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-art{min-height:245px;margin:18px -5px 0}.art-frame{width:min(80%,330px)}.art-orbit{width:230px}.art-tag{right:3%;bottom:0}.grid,.stats,.form-grid{grid-template-columns:1fr}.grid{gap:12px}.card,.panel{padding:19px;border-radius:18px}.studio-head{display:block}.studio-head .tag-row{margin-top:14px}.studio-sidebar{grid-template-columns:1fr}.studio-main{padding:18px}.tool-picker{grid-template-columns:1fr 1fr}.upload-drop{min-height:165px}.submit-row{align-items:stretch;flex-direction:column-reverse}.submit-row .button{width:100%}.table{min-width:680px}.form-wrap{margin:18px auto}.topbar .credit-pill{font-size:.75rem}.topbar nav form .button{min-height:34px;padding:6px 10px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
[hidden]{display:none!important}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)!important}.button.secondary:hover{background:var(--mint)}.hero .button.secondary{background:#ffffff10;border-color:#ffffff35;color:#fff!important}.hero .button.secondary:hover{background:#ffffff1d}.topbar nav form .button.secondary{background:#fff;border-color:var(--line);color:var(--ink)!important}.upload-input:focus-visible+.upload-drop{outline:3px solid #91b85a;outline-offset:3px}
.feature-file-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.feature-file-drop{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:1.5px dashed #b8c7b5;border-radius:17px;background:linear-gradient(150deg,#fafcf7,#f3f7ed);text-align:center;color:var(--muted);cursor:pointer;transition:.16s}.feature-file-drop strong{color:var(--ink)}.feature-file-drop:hover,.feature-file-drop.dragging,.feature-file-drop:focus-visible{border-color:#79a842;background:#edf6dd;outline:0;box-shadow:0 0 0 4px #c9f27a55}.feature-file-preview{display:none;align-items:center;gap:13px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fbfcf9}.feature-file-preview.shown{display:flex}.feature-file-preview img,.feature-file-preview video{width:100px;height:76px;object-fit:cover;border-radius:10px;background:#e9eee6}.feature-file-preview>div{min-width:0;flex:1}.feature-file-preview strong,.feature-file-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-file-preview span{color:var(--muted);font-size:.8rem}
.field input.feature-file-native{display:none!important}
.check-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fbfcf9;font-size:.8rem}.check-tag input{accent-color:#5c8034}.subtitle-chip{display:inline-block;padding:8px 12px;border-radius:11px;background:#172c25;color:white;font-weight:700}.scene-asset{max-height:360px;width:auto;max-width:100%;display:block;border-radius:14px;margin:12px 0}.editor-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.75fr);gap:18px;align-items:start}.editor-stage{display:grid;gap:16px}.editor-ratio{min-width:175px;margin:0}.film-preview-wrap{position:relative;display:grid;place-items:center;min-height:360px;padding:20px;border-radius:20px;background:radial-gradient(ellipse at center,#30483a,#111c17);overflow:hidden}.film-preview-wrap canvas{width:auto;height:min(68vh,650px);max-width:100%;aspect-ratio:9/16;object-fit:contain;border:1px solid #ffffff25;border-radius:10px;background:#14241d;box-shadow:0 20px 70px #0008}.film-preview-wrap canvas[width="1280"]{aspect-ratio:16/9}.preview-empty{position:absolute;display:grid;gap:6px;place-items:center;text-align:center;color:white;pointer-events:none}.preview-empty span{font-size:2rem;color:var(--green)}.preview-empty small{color:#c0cdc3}.editor-controls{display:flex;gap:10px;flex-wrap:wrap}.film-timeline{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}.film-scene{padding:8px;border:1px solid var(--line);border-radius:15px;background:#fbfcf9}.film-scene.active{border-color:#87aa56;background:#f1f7e8;box-shadow:0 0 0 2px #c9f27a55}.film-scene-button{width:100%;display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;color:var(--ink);cursor:pointer;padding:4px}.film-scene-index{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#eaf2df;color:#567336;font-size:.76rem;font-weight:850}.film-scene-copy{min-width:0;flex:1}.film-scene-copy strong,.film-scene-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-scene-copy strong{font-size:.88rem}.film-scene-copy small{font-size:.74rem;color:var(--muted);margin-top:2px}.film-scene-copy .film-subtitle{color:#456b2b}.film-scene-arrow{color:#829184}.film-effects{padding:4px 4px 2px 50px}.editor-layout .button.full{width:100%}
@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.film-preview-wrap{min-height:280px}.film-preview-wrap canvas{height:min(58vh,520px)}}