:root{--bg:#f6f5f1;--ink:#22342d;--muted:#788079;--line:#e4e7df;--green:#315f49;--lime:#e3eecc;--amber:#9b641a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,color .18s,box-shadow .18s}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}main{max-width:1280px;margin:auto;padding:0 42px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:.4px;align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:25px;display:grid}.brand-divider{color:#c4cbc3;margin:0 4px;font-weight:400}.brand-sub{color:#65736a;font-size:15px;font-weight:500}.internal{color:#65736a;border:1px solid #d9ded5;border-radius:30px;padding:4px 12px;font-size:12px}.account{align-items:center;gap:20px;display:flex}.text-button{color:#718277;background:0 0;border:0;padding:0;font-size:13px}.text-button:hover{color:var(--green)}.hero{justify-content:space-between;align-items:center;padding:46px 0 37px;display:flex}.eyebrow{color:var(--green);letter-spacing:2px;margin:0 0 10px;font-size:12px;font-weight:600}h1{letter-spacing:-.7px;margin:0 0 14px;font-size:34px;font-weight:650;line-height:1.35}h1>span{color:#95ac72}.subtitle{color:#7a817b;margin:0;font-size:14px}.route-art{align-items:center;margin-right:30px;display:flex;transform:rotate(-8deg)}.route-art>span{background:#fff;border:1px solid #e1e5d8;border-radius:16px;place-items:center;width:54px;height:54px;font-size:25px;display:grid;transform:rotate(8deg);box-shadow:0 8px 12px #24352c08}.route-art i{border-top:2px dashed #a6b691;width:37px}.workspace-bar{color:#748174;border-top:1px solid var(--line);justify-content:space-between;padding:16px 0 22px;font-size:12px;display:flex}.workspace-bar b{color:#395f41;padding:0 4px}.live-dot{background:#6a9a5a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.sep{color:#c5cbbb;margin:0 12px}.workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.editor-stack{gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;box-shadow:0 3px 10px #253a2603}.section-heading{align-items:flex-start;gap:13px;margin-bottom:23px;display:flex}.number{color:var(--green);background:#edf2e6;border-radius:9px;flex-shrink:0;place-items:center;width:29px;height:29px;margin-top:1px;font-size:11px;font-weight:700;display:grid}h2{margin:0 0 4px;font-size:17px;font-weight:650;line-height:1.5}.muted{color:var(--muted);margin:0;font-size:12px;font-weight:400}.optional{color:#899486;background:#f5f6f2;border-radius:5px;margin-left:auto;padding:2px 8px;font-size:11px}label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}label>.muted{margin-left:10px;font-size:11px}input:not([type=radio]),textarea{width:100%;color:var(--ink);resize:vertical;background:#fafbf8;border:1px solid #dee4da;border-radius:9px;outline:none;margin-bottom:18px;padding:12px 14px}input:focus,textarea:focus{background:#fff;border-color:#78966b;box-shadow:0 0 0 3px #6a9a5a12}input::placeholder,textarea::placeholder{color:#a1aa9e}textarea{min-height:100px;line-height:1.9}.route-input{min-height:145px;margin-bottom:9px;font-size:13px}.action-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.hint{color:#8a9386;font-size:11px;line-height:1.8}.primary,.secondary{border:1px solid #0000;border-radius:8px;padding:11px 19px;font-size:12px;font-weight:600}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#254a38;box-shadow:0 3px 9px #315f4922}.secondary{color:#426637;background:#edf3e5;border-color:#dfe9d4}.secondary:hover:not(:disabled){background:#e0ebd3}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:10px;padding:0;font-size:12px;font-weight:600}.aspect-options{gap:10px;display:flex}.aspect{cursor:pointer;color:#7b8377;border:1px solid #e6e9e1;border-radius:9px;align-items:center;gap:10px;width:115px;margin:0;padding:11px 12px;font-size:12px;display:flex;position:relative}.aspect.active{color:#335a39;background:#f6f9ef;border-color:#8da478}.aspect input{opacity:0;position:absolute}.aspect:focus-within{outline-offset:2px;outline:2px solid #608e46}.aspect small{color:#8f9887;font-size:10px;font-weight:400;display:block}.shape{opacity:.8;border:1.4px solid;border-radius:2px;width:15px;height:24px}.shape-横屏{width:26px;height:16px}.shape-方形{width:21px;height:21px}.empty{text-align:center;background:#fcfdf9;border:1px dashed #e5e9df;border-radius:10px;padding:28px 10px 30px}.empty>span{color:#adbe9c;font-size:38px;line-height:1}.empty p{color:#8b9684;margin:8px 0 2px;font-size:13px}.empty small{color:#acb2a5;font-size:11px}.sidebar{gap:20px;display:grid}.history{padding:24px 20px}.history-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.history-heading h2{font-size:15px}.history-heading>span{text-align:center;color:#7b8c6e;background:#f0f3eb;border-radius:7px;min-width:23px;font-size:11px}.history-empty{color:#9ba691;text-align:center;padding:30px 8px;font-size:12px}.job-list{gap:9px;max-height:650px;margin-top:20px;display:grid;overflow:auto}.job{text-align:left;width:100%;color:inherit;background:#fafbf7;border:1px solid #edf0e7;border-radius:9px;padding:13px}.job:hover{background:#f3f7ed}.job.selected{background:#f7faef;border-color:#99af83}.job>div{justify-content:space-between;align-items:center;display:flex}.job small{color:#98a08e;font-size:10px}.job strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:10px 0 5px;font-size:12px;font-weight:500;line-height:1.8;display:-webkit-box;overflow:hidden}.job time{color:#a2aa98;font-size:10px}.status{color:#78856c;background:#f0f2eb;border-radius:5px;align-items:center;padding:2px 7px;font-size:10px;display:inline-flex}.status.completed{color:#477638;background:#e8f1df}.status.rendering,.status.queued{color:#8e7133;background:#fbf0d3}.status.failed,.status.invalid{color:#ae6041;background:#fff0e6}.tips{color:#939d89;padding:5px 21px;font-size:12px}.tips h3{color:#708264;margin:0 0 10px;font-size:12px;font-weight:600}.tips p{margin:0 0 12px;line-height:1.9}.notice{color:#96712d;background:#fff6df;border:1px solid #f3e7c8;border-radius:9px;margin:0 0 18px;padding:13px 16px;font-size:12px;line-height:1.8}.notice.error{color:#a35936;background:#fff2ec;border-color:#f2ddd1}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:450px;font-size:12px}th{color:#849378;background:#f7f9f2;padding:11px 10px;font-size:11px;font-weight:500}td{vertical-align:top;border-bottom:1px solid #eff1e9;padding:16px 10px}td:first-child{width:36%;font-weight:500}td:nth-child(2){color:#8b9482;width:27%;font-size:11px}.emoji{font-size:21px}.stop-index{color:#a5b398;margin-right:9px;font-size:10px}.warning-row{background:#fffaf0}.warning-label{color:#a37829;margin:5px 0 0 20px;font-size:10px;display:block}.confirm-row{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.button-link{text-align:center;display:inline-block}.login{width:420px;max-width:100%;margin:12px auto 70px;padding:36px}.login .step{color:#88a06e;letter-spacing:2px;margin-bottom:12px;font-size:11px;display:inline-block}.login h2{margin-bottom:7px;font-size:23px}.login form{margin-top:25px}.login .primary{width:100%;margin-top:7px}.working{color:#fff;z-index:5;background:#223b2e;border:1px solid #fff2;border-radius:30px;align-items:center;gap:10px;padding:11px 23px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #1d392f26}.spinner{border:2px solid #fff4;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#9ba48f;align-items:center;gap:8px;padding:38px 0 24px;font-size:10px;display:flex}footer .credit{color:#aab2a1;margin-left:auto}@media (max-width:960px){main{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.panel{padding:22px}.history{padding:20px 15px}h1{font-size:28px}.route-art{margin-right:0}.route-art i{width:20px}.route-art>span{width:44px;height:44px}}@media (max-width:760px){main{padding:0 18px}.topbar{height:72px}.brand{gap:8px;font-size:14px}.brand-sub{font-size:12px}.brand-mark{width:28px;height:28px;font-size:20px}.internal{font-size:10px}.hero{padding:32px 0 26px}.route-art{display:none}h1{font-size:26px}.subtitle{font-size:12px}.workspace{grid-template-columns:1fr}.sidebar{grid-row:auto}.workspace-bar{flex-wrap:wrap;gap:8px;font-size:10px}.panel{padding:20px}.section-heading{gap:10px}h2{font-size:16px}.action-row{align-items:flex-end}.action-row>.hint{max-width:45%}.aspect-options{gap:8px}.aspect{flex:1;max-width:120px;padding:10px}.brand-divider{margin:0}.account{gap:10px;font-size:12px}.text-button{font-size:11px}.confirm-row{gap:12px}footer{flex-wrap:wrap;padding-top:25px}footer .credit{width:100%;margin-left:0}.login{margin-top:0}.history .job-list{max-height:350px}.tips{padding:5px 10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}