/* System fonts keep the local workspace usable without external font requests. */
:root{--bg:#f5f6f3;--paper:#fff;--ink:#17251e;--muted:#7b857e;--line:#e5e9e2;--green:#c5f37c;--dark:#111a15;--accent:#467733}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #81b552;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--dark);color:#d3dad4;padding:30px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:1.5px;font-size:13px}.brand-mark{font-size:31px;color:white;letter-spacing:-3px;position:relative}.brand-mark span{color:var(--green);font-size:20px;position:absolute;top:-8px;right:-12px}.brand small{display:block;color:#829287;font-size:11px;letter-spacing:2px;margin-top:5px}.workspace{display:flex;align-items:center;gap:10px;padding:17px 0;margin:35px 0 27px;border-top:1px solid #2a342d;border-bottom:1px solid #2a342d;font-size:12px}.workspace small{display:block;font-size:10px;color:#7f8c82;margin-top:5px}.avatar{height:34px;width:34px;display:inline-flex;justify-content:center;align-items:center;border-radius:9px;background:#2b3b30;color:var(--green);font-weight:700;flex-shrink:0}.avatar.small{background:#e8ece4;color:#3e5640;width:30px;height:30px;font-size:12px}.dot{background:var(--green);height:6px;width:6px;border-radius:50%;margin-left:auto}.nav-label{font-size:10px;letter-spacing:2px;color:#687b6d;margin:0 12px 15px}nav{display:grid;gap:7px}nav a{padding:13px 14px;display:flex;align-items:center;gap:13px;border-radius:8px;color:#93a297;font-size:13px}nav a.active{background:var(--green);color:#17251e;font-weight:600}nav a:hover:not(.active){background:#1e2c22}.nav-icon{font-size:18px;width:19px;text-align:center}.nav-count{margin-left:auto;font-size:11px;background:#00000014;padding:2px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto;border-top:1px solid #29342c;padding-top:22px}.server-dot{display:flex;align-items:center;gap:8px;font-size:12px}.server-dot i{height:6px;width:6px;background:#d4b36e;border-radius:50%}.sidebar-bottom p{font-size:11px;color:#718377;line-height:1.9}.text-button{background:none;color:#bad59f;padding:5px 0;font-size:11px}.shell{margin-left:236px}header{height:76px;border-bottom:1px solid var(--line);background:#ffffff85;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:12px;color:#89918a;display:flex;gap:17px}.breadcrumb strong{font-weight:500;color:#39493b}.header-right{display:flex;align-items:center;gap:18px}.local-badge{font-size:10px;color:#72806d;border:1px solid #dfe5d9;padding:6px 10px;border-radius:20px}main{max-width:1500px;margin:auto;padding:35px 42px 24px;min-height:calc(100vh - 120px)}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#7a8b76;font-weight:600;margin:0 0 9px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}h1{font-size:29px;letter-spacing:-1px;margin:0;font-weight:600}h2{font-size:16px;margin:0;font-weight:600}h3{font-size:14px;margin:0}.subtitle{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.8}.actions{display:flex;gap:10px;align-items:center}.btn{padding:11px 17px;border-radius:7px;background:#fff;border:1px solid #dfe5d9;font-size:12px;color:#354632;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--dark);color:white;border-color:var(--dark)}.btn.lime{background:var(--green);color:#1e341b;border-color:var(--green)}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.3fr 1fr;border-radius:12px;background:#e8edde;overflow:hidden;min-height:214px;margin-bottom:24px}.hero-copy{padding:29px 32px;position:relative;z-index:1}.hero-copy h2{font-size:26px;font-weight:500;line-height:1.5;letter-spacing:-.7px}.hero-copy p{color:#738366;font-size:12px;line-height:1.9;margin:12px 0 20px}.hero .eyebrow{color:#627255}.hero-art{background:radial-gradient(ellipse at center,#344c35 0,#17241b 65%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.sign{font-size:72px;letter-spacing:-5px;font-weight:700;color:#e5f6cd;text-shadow:0 0 3px #fff,0 0 15px #d1ff7d88,0 0 55px #b4f86f55;transform:rotate(-7deg);border:1px solid #6b7c5a;padding:14px 23px;border-radius:4px;box-shadow:9px 12px 0 #0a140c66}.hero-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 40px,#ffffff05 41px 42px);transform:rotate(-7deg)}.hero-art .caption{position:absolute;bottom:16px;left:23px;font-size:9px;letter-spacing:2px;color:#93ab81}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{border:1px solid var(--line);background:white;border-radius:9px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;color:#7c887a;font-size:11px}.stat-icon{background:#f0f4eb;padding:4px 7px;border-radius:5px}.stat-value{font-size:32px;font-weight:500;letter-spacing:-1px;margin:8px 0}.stat-value small{font-size:11px;color:#899080;margin-left:8px;letter-spacing:0}.stat-note{font-size:10px;color:#899080}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px}.section-head .link{font-size:11px;color:#708262;background:none}.section-head h2 small{font-size:11px;font-weight:400;color:#8e9788;margin-left:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.template-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.poster{height:156px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#172a26;cursor:pointer}.poster.t1{background:radial-gradient(ellipse at 48% 45%,#665a44,#232b27 60%,#16201b)}.poster.t2{background:linear-gradient(135deg,#192729,#465450 55%,#1c2925)}.poster.t3{background:radial-gradient(ellipse at 60% 40%,#695747,#24251f 70%)}.poster.t4{background:linear-gradient(145deg,#3d4340,#152b20)}.poster.t5{background:linear-gradient(145deg,#4d453e,#203329)}.poster-title{font-size:37px;letter-spacing:4px;color:#edf2ce;text-shadow:0 0 9px #e9dc8399;transform:perspective(200px) rotateY(-12deg) rotateZ(-4deg);border-bottom:3px solid #acb98f;padding-bottom:6px}.poster.t2 .poster-title{color:#d3e8e0;text-shadow:4px 3px 0 #829c8d,8px 7px 0 #1c2921;border-bottom:0}.poster.t3 .poster-title{font-style:italic;color:#ffc8a2;text-shadow:0 0 8px #ff8d58,0 0 27px #ff8d5877}.poster-label{position:absolute;top:13px;left:13px;font-size:9px;letter-spacing:1px;color:#e4e8de;background:#ffffff18;border:1px solid #ffffff23;padding:4px 7px;border-radius:4px}.duration{position:absolute;right:12px;bottom:12px;background:#0008;color:#fff;font-size:10px;padding:3px 6px;border-radius:4px}.play{position:absolute;left:14px;bottom:13px;color:#f1f6e9;font-size:10px}.card-body{padding:17px 17px 14px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h3{font-size:13px}.pill{font-size:9px;background:#edf4e5;color:#5d784b;padding:4px 6px;border-radius:4px}.pill.amber{background:#fff3da;color:#9a7a32}.card-description{font-size:10px;color:#899080;margin:8px 0 15px}.timeline-mini{display:flex;gap:3px;height:5px;margin-bottom:15px}.timeline-mini span{background:#c2d1b6;border-radius:2px}.timeline-mini span:first-child{background:#8aa975}.card-foot{display:flex;justify-content:space-between;align-items:center;color:#8a9583;font-size:10px;padding-top:12px;border-top:1px solid #edf0e9}.card-foot button{font-size:10px;background:none;color:#435d37;padding:0}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-pad{padding:24px}table{width:100%;border-collapse:collapse;text-align:left}th{font-weight:500;font-size:10px;color:#899080;background:#fafbf8}th,td{padding:16px 20px;border-bottom:1px solid #edf0e9}td{font-size:12px}tr:last-child td{border:0}.muted{color:var(--muted)}.empty{text-align:center;padding:43px 25px;color:#899080;font-size:12px;line-height:1.9}.empty strong{display:block;color:#4f6148;font-size:14px;margin:9px}.empty-icon{font-size:27px;color:#a5b39b}.notice{padding:13px 17px;background:#edf2e7;border:1px solid #dfe8d4;border-radius:7px;font-size:11px;color:#647657;line-height:1.8;margin-bottom:22px}.notice.warn{background:#fff7e8;color:#8b7347;border-color:#ede2c7}.split{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:12px;color:#4a5c42}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #dfe5d9;border-radius:6px;background:#fcfdfb;color:#263f24;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#88a56c;box-shadow:0 0 0 3px #c5f37c30}.field small{font-size:10px;color:#8b9682;line-height:1.7}.row{display:flex;gap:14px}.row>.field{flex:1;min-width:0}.seg-row{display:grid;grid-template-columns:28px 1fr 85px 32px;gap:8px;align-items:center;margin:8px 0}.seg-num{color:#9ba78e;font-size:11px}.seg-row input{width:100%;padding:9px;border:1px solid var(--line);border-radius:5px}.icon-btn{background:#f2f5ed;color:#66765a;border-radius:4px;padding:7px}.detail-heading{display:flex;justify-content:space-between;margin-bottom:22px}.spec-list{display:grid;gap:15px}.spec-list div{display:flex;justify-content:space-between;gap:20px;font-size:12px}.spec-list span{color:#899080}.spec-list strong{font-weight:500}.steps{display:grid;gap:22px;margin-top:25px}.step{display:flex;gap:13px;align-items:flex-start}.step>b{background:#edf2e7;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:11px}.step p{margin:5px 0 0;font-size:11px;color:#899080;line-height:1.8}.dropzone{border:1px dashed #b9c8ac;border-radius:9px;padding:34px;text-align:center;background:#f9fbf6;cursor:pointer;margin-bottom:22px}.dropzone strong{font-weight:500;display:block;margin:10px 0}.dropzone small{color:#8a9682;font-size:11px}.filters{display:flex;gap:9px;margin-bottom:18px;flex-wrap:wrap}.filters input,.filters select{padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:white;font-size:12px}.filters input{flex:1;min-width:160px}.status{font-size:10px;display:inline-block;padding:5px 8px;background:#eef2e8;border-radius:5px;color:#6e8158}.status.failed{color:#b36852;background:#fbede6}.status.running{background:#eaf2fc;color:#5c7c9b}.status.done{background:#e6f3e0;color:#4e7a3a}.inline-actions{display:flex;gap:8px}.inline-actions button{font-size:11px;padding:4px;background:none;color:#587744}.progress{height:4px;background:#e9eee2;margin-top:7px;border-radius:3px}.progress i{display:block;height:100%;background:#8caf69;border-radius:3px}.job-top{display:flex;justify-content:space-between;align-items:center}.job-card{padding:20px;border-bottom:1px solid var(--line)}.job-card:last-child{border-bottom:0}.job-meta{font-size:11px;color:#849078;margin:10px 0}.job-card .actions{margin-top:12px}.server-card{background:var(--dark);color:white;border-radius:10px;padding:25px;margin-bottom:20px}.server-card p{color:#93a58c;font-size:12px;line-height:1.9}.server-card h3{color:var(--green)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.result-card{padding:17px;background:white;border:1px solid var(--line);border-radius:9px}.result-card video{width:100%;height:220px;background:#142319;border-radius:6px}.result-card h3{margin:13px 0 8px}.result-card p{font-size:11px;color:#829179}.result-card .actions{flex-wrap:wrap}footer{max-width:1500px;margin:auto;padding:20px 42px;font-size:9px;color:#a0aa98;display:flex;gap:15px;letter-spacing:.8px}footer span:last-child{margin-left:auto;letter-spacing:0}dialog{border:1px solid var(--line);border-radius:12px;padding:27px;width:min(570px,calc(100% - 30px));box-shadow:0 30px 100px #0003;color:var(--ink)}dialog::backdrop{background:#10201677;backdrop-filter:blur(3px)}dialog h2{margin:0 0 10px}dialog video{width:100%;max-height:55vh;background:#0f1b13;border-radius:7px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head button{background:#f1f4ed;border-radius:5px;padding:5px 10px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translateX(-50%);max-width:80vw;background:#17271c;color:#e1f0d4;border:1px solid #586d48;border-radius:8px;padding:13px 22px;font-size:12px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.show{opacity:1}.reference-info{font-size:10px;color:#748468;padding:10px 0;line-height:1.8}.mobile-title{display:none}.code-note{font-family:monospace;padding:15px;background:#f3f5ef;border-radius:7px;font-size:11px;word-break:break-all;line-height:1.8}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:14px 0}.check-row input{accent-color:#719751}.search-empty{padding:30px;color:#819076;font-size:12px}.badge-count{font-size:10px;color:#7e8a73}.file-name{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-link{color:#617f48;font-size:11px}.divider{height:1px;background:var(--line);margin:23px 0}.preview-samples{display:grid;gap:8px;margin-top:15px}.preview-samples div{font-size:11px;padding:10px;background:#f1f5eb;border-radius:5px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero{min-height:240px}.poster{height:190px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 17px}.shell{margin-left:200px}main{padding:28px 26px}header{padding:0 26px}.template-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:10px}.stat{padding:16px}.hero-copy{padding:25px}.hero-copy h2{font-size:22px}.sign{font-size:55px}.split{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{width:100%;height:64px;bottom:auto;padding:0 16px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:10px;gap:12px}.brand-mark{font-size:25px}.brand small,.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:2px}nav a{padding:10px 9px}nav .nav-text,nav .nav-count{display:none}.shell{margin-left:0;padding-top:64px}header{height:54px;padding:0 18px}.local-badge{font-size:9px}.header-right{gap:10px}main{padding:25px 18px}h1{font-size:25px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading>.actions{align-self:stretch;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-art{height:145px}.hero-copy{padding:23px}.hero-copy h2{font-size:23px}.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:28px}.template-grid,.result-grid{grid-template-columns:1fr}.poster{height:180px}.section-head h2 small{display:none}.panel{overflow-x:auto}th,td{padding:13px 14px;white-space:nowrap}.row{flex-direction:column;gap:0}.split{gap:15px}footer{padding:20px 18px;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}#toast{left:50%}.seg-row{grid-template-columns:20px 1fr 65px 28px}.header-right .avatar{display:none}}
@media(max-width:420px){.brand>span:last-child{display:none}nav a{padding:10px 8px}.sidebar{padding:0 14px}}

.seg-category{grid-column:2 / -1;padding:8px;border:1px solid #dfe5d9;border-radius:5px;background:#f5f8ef;color:#536b43;font-size:11px}

.brand-logo{display:block;width:68px;height:68px;object-fit:contain;border-radius:9px;background:#fff;flex-shrink:0}.brand{gap:10px;letter-spacing:1px}@media(max-width:720px){.brand-logo{width:44px;height:44px}}

.hero-art.brand-banner{background:#111a15;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;min-width:0}.hero-art.brand-banner:before,.hero-art.brand-banner:after{display:none}.brand-banner img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(.65) hue-rotate(12deg) brightness(.94);position:relative;z-index:1}@media(max-width:720px){.hero-art.brand-banner{height:auto;min-height:0}}