:root{--ink:#183d34;--body:#33473e;--muted:#788078;--green:#285b49;--accent:#d7e8aa;--paper:#f7f8f2;--line:#e0e5da;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--body);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,label,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{max-width:1328px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;letter-spacing:1.5px;line-height:1.2;color:var(--ink)}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px;font-weight:600}.brand-mark{height:41px;width:41px;display:grid;place-content:center;background:var(--ink);color:var(--accent);border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:32px;position:relative;padding-right:4px}.brand-mark span{position:absolute;font-size:15px;right:7px;top:2px}.header nav{display:flex;gap:30px;align-items:center;font-size:13px}.header nav a:hover{color:var(--green)}#task-count{display:inline-block;min-width:20px;text-align:center;margin-left:3px;background:#e7ecdf;border-radius:20px;font-size:11px}.nav-cta{background:var(--ink);color:white!important;padding:11px 18px;border-radius:8px}.nav-cta span{margin-left:14px}main{max-width:1232px;padding:0 32px;margin:auto}.hero{display:grid;grid-template-columns:1fr 440px;gap:84px;align-items:center;padding:68px 0 52px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#74846b;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#749257;box-shadow:0 0 0 4px #e6eddc}.hero h1{font-size:54px;line-height:1.3;letter-spacing:-2px;color:var(--ink);margin:26px 0 21px;font-weight:650}.hero h1 em{font-style:normal;color:#71915a}.hero-description{font-size:17px;line-height:1.95;color:#738071;margin:0}.hero-note{display:flex;align-items:center;gap:15px;margin-top:32px;font-size:12px;line-height:1.8;color:#7a8276}.hero-note strong{font-weight:600;color:#4a5e44}.mini-cross{font-size:40px;color:#8d9b68}.example{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 16px 40px #1b3a2710;transform:rotate(1deg)}.example-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px}.pill{background:#edf2e4;color:#5d7354;border-radius:5px;padding:3px 9px;font-weight:600}.muted{color:var(--muted);font-size:12px}.example-media{height:232px;background:#17231e;border-radius:11px;overflow:hidden;position:relative;display:flex;justify-content:center}.example-media video{width:100%;height:100%;object-fit:contain}.example-caption{position:absolute;pointer-events:none;top:12px;left:12px;font-size:10px;background:#143a2ecc;color:#fff;border:1px solid #ffffff33;padding:4px 8px;border-radius:5px}.example-text{padding:14px 5px 4px}.tiny-label{font-size:9px;color:#8d9888;letter-spacing:1.5px;font-weight:700}.example-text p{margin:6px 0 3px;font-size:14px;font-weight:600;color:var(--ink)}.example-text small{font-size:10px;color:#7d877a}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:40px}.steps article{display:flex;gap:15px;align-items:flex-start}.step-index{font-family:Georgia,serif;font-style:italic;color:#9cab83;font-size:26px;line-height:1.3}.steps h3{margin:1px 0 5px;font-size:14px;color:var(--ink);font-weight:650}.steps p{margin:0;font-size:12px;color:#7b8477;line-height:1.8}.workspace-section{padding-top:56px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title h2{color:var(--ink);font-size:25px;font-weight:650;letter-spacing:-.5px;margin:7px 0 0}.workspace{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.editor{padding:31px 32px 22px}.field-title{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--ink);font-weight:650}.field-title h3{font-size:13px;margin:0}.field-number{display:grid;place-content:center;font-size:9px;border:1px solid #cad6bf;border-radius:50%;width:19px;height:19px;color:#7c8e6b}.field-meta{margin-left:auto;font-size:10px;color:#92998b;font-weight:400}.dropzone{border:1px dashed #becdb0;border-radius:10px;background:#fafbf7;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 10px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{background:#edf3e3;border-color:#6f8a59}.dropzone strong{font-size:13px;font-weight:550}.dropzone>span:last-of-type{color:#8a9480;font-size:10px;margin-top:4px}.upload-icon{color:#6c8357;font-size:27px;line-height:1.2;margin-bottom:8px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-info{background:#f0f5e7;border:1px solid #dce5ce;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;font-size:12px}#video-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{color:#557442;cursor:pointer;flex-shrink:0;font-size:11px}.second-field{margin-top:26px}textarea{display:block;width:100%;resize:vertical;min-height:94px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink);font-size:13px;line-height:1.8;background:#fdfefa}textarea::placeholder{color:#a0a697}textarea:focus{outline:2px solid #b9cda1;outline-offset:1px}.field-help{font-size:10px;color:#959d8d;line-height:1.6;margin:8px 0 0}.target-modes{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px}.target-modes label{display:flex;gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px;cursor:pointer}.target-modes label:has(input:checked){background:#f4f8eb;border-color:#b4c795}.target-modes label span{display:flex;justify-content:space-between;align-items:center;width:100%}.target-modes small{font-size:10px;color:#929a87}.target-modes input{accent-color:var(--green);width:14px;height:14px;margin:0}.image-upload{display:block;cursor:pointer;margin-top:12px;padding:14px;border:1px dashed #c3d1b5;background:#fafcf6;border-radius:8px;font-size:12px}.image-upload span{font-size:9px;float:right;color:#94a188}.consent{display:flex;align-items:flex-start;gap:7px;margin:25px 0 20px;color:#8e9687;font-size:10px;line-height:1.8}.consent input{accent-color:var(--green);margin:3px 0 0;flex-shrink:0}.save-row{display:flex;gap:15px;align-items:center}.button{border:1px solid var(--line);border-radius:8px;padding:11px 18px;background:#fff;color:var(--ink);font-size:12px;font-weight:550;transition:background .2s}.button:hover{background:#f0f4e9}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink);min-width:190px;display:flex;justify-content:space-between;gap:26px}.button.primary:hover{background:#32604b}.button:disabled{opacity:.5;cursor:wait}.button.ghost{background:transparent}.save-note{font-size:10px;color:#a1a692}.preview-panel{background:#f0f3e9;border-left:1px solid var(--line);padding:26px;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-badge{font-size:10px;color:#758267;border:1px solid #d6dfcb;background:#f7faef;border-radius:20px;padding:3px 9px}.preview-stage{background:#e8eddf;border:1px solid #dce3d1;min-height:395px;flex:1;max-height:490px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-stage video,.preview-stage img{display:block;width:100%;height:100%;max-height:490px;object-fit:contain;background:#1b2820}.preview-stage:has(video:not(.hidden)),.preview-stage:has(img:not(.hidden)){background:#1b2820}#preview-empty{text-align:center;color:#8f9c7f;padding:55px 10px}#preview-empty h3{font-size:14px;color:#6f8060;font-weight:500;margin:24px 0 8px}#preview-empty p{font-size:11px;line-height:1.8}.viewfinder{width:90px;height:72px;margin:auto;position:relative;border:1px solid #acbb99;display:grid;place-content:center;color:#b1bfa1;font-size:26px}.viewfinder:before{content:"";position:absolute;top:-2px;bottom:-2px;left:12px;right:12px;background:#e8eddf}.viewfinder:after{content:"";position:absolute;left:-2px;right:-2px;top:12px;bottom:12px;background:#e8eddf}.viewfinder span{position:relative;z-index:1}.preview-footnote{display:flex;gap:12px;align-items:flex-start;margin-top:19px;font-size:10px;line-height:1.8;color:#919d81}.preview-footnote>span{font-size:25px;line-height:1.3;color:#93a37e}.preview-footnote p{margin:0}.preview-footnote strong{font-weight:500;color:#758761}.frame-controls{padding-top:14px}.timeline-label{display:flex;justify-content:space-between;font-size:10px;color:#7f8a70}#timeline{width:100%;accent-color:var(--green);margin:10px 0}.frame-actions{display:flex;gap:7px;justify-content:space-between}.button.small{padding:6px 8px;font-size:10px;border-color:#cedabd;background:#fafcf7}.button.choose{background:#e0eacb;color:#4b6638;flex:1}.form-status{font-size:11px;margin-top:12px;min-height:18px;color:#5c7846;line-height:1.6}.form-status.error{color:#b44b3e}.progress-wrap{margin-top:14px;font-size:10px;color:#71825e}.progress-track{height:4px;border-radius:4px;background:#edf2e5;margin-bottom:6px;overflow:hidden}#progress-bar{height:100%;width:0;background:#72915a;transition:width .2s}.my-tasks{padding:48px 0 55px}.my-tasks .section-title{margin-bottom:14px}.privacy-note{color:#99a08f;font-size:11px;margin:0 0 18px;line-height:1.8}.task-list{display:grid;gap:10px}.empty-list{border:1px dashed #d4ddc8;border-radius:12px;padding:32px;text-align:center;color:#9aa58d;font-size:12px}.task-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:11px;background:white}.task-card-index{width:36px;height:36px;background:#edf2e4;border-radius:9px;display:grid;place-content:center;font-family:Georgia,serif;font-style:italic;color:#8b9c73;font-size:18px;flex-shrink:0}.task-card-body{flex:1;min-width:0}.task-card h3{font-size:13px;color:var(--ink);font-weight:550;line-height:1.6;margin:0 0 4px;word-break:break-word}.task-card-meta{font-size:10px;color:#96a087;display:flex;gap:13px;flex-wrap:wrap}footer{border-top:1px solid var(--line);max-width:1232px;margin:auto;padding:25px 32px 34px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#99a08e}.brand-footer{letter-spacing:1.5px;color:#617254;font-weight:700}.brand-footer span{letter-spacing:0;font-weight:400;color:#9aa48e;margin-left:12px}footer p{margin:0}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:#fff;box-shadow:0 6px 25px #173f3733;border-radius:9px;padding:12px 24px;font-size:13px;z-index:5;max-width:90vw}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #7f9f57;outline-offset:3px}@media(max-width:1000px){.hero{gap:38px;grid-template-columns:1fr 380px}.hero h1{font-size:45px}.header{padding:24px 32px}.workspace{grid-template-columns:1.1fr 1fr}.editor{padding:25px}.preview-panel{padding:20px}.target-modes small{font-size:9px}.steps{gap:20px}.field-meta{font-size:9px}.frame-actions{flex-wrap:wrap}.frame-actions .choose{order:3;min-width:100%}}@media(max-width:760px){.header{padding:20px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px}.brand-mark{height:35px;width:35px;font-size:26px}.header nav{gap:15px;font-size:11px}.header nav>a:first-child{display:none}.nav-cta{padding:8px 11px}.nav-cta span{display:none}main{padding:0 20px}.hero{padding:40px 0 30px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:43px;margin-top:19px}.hero-description{font-size:14px}.hero-note{margin-top:20px}.example{transform:none;max-width:500px;width:100%;margin:auto}.example-media{height:225px}.steps{grid-template-columns:1fr;gap:20px;padding:25px 0}.steps article{gap:17px}.steps p br{display:none}.steps .step-index{font-size:23px;min-width:27px}.steps h3{font-size:13px}.steps p{font-size:11px}.workspace-section{padding-top:35px}.section-title h2{font-size:21px}.workspace{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid var(--line);padding:22px}.preview-stage{min-height:320px;max-height:450px}.preview-stage video,.preview-stage img{max-height:450px}.editor{padding:23px 20px}.frame-actions{flex-wrap:nowrap}.frame-actions .choose{order:0;min-width:0}.field-meta{font-size:9px}.target-modes small{font-size:10px}.my-tasks{padding-top:35px}.task-card{padding:15px 12px;gap:11px}.task-card .button{padding:7px 10px}.task-card-index{width:29px;height:29px;font-size:16px}.task-card h3{font-size:12px}.task-card-meta{gap:8px;font-size:9px}footer{padding:20px;display:block;line-height:2}.brand-footer span{display:inline}footer p{font-size:9px;margin-top:6px}.privacy-note{font-size:10px}.hero .eyebrow{font-size:9px}.desktop-break{display:none}}