:root{--teal:#087f7a;--teal-dark:#075e5b;--teal-soft:#e6f5f2;--ink:#182e33;--muted:#718389;--line:#e3ecec;--bg:#f4f7f8;--white:#fff;--danger:#bc3d45;--shadow:0 6px 24px #153d4210;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #57bab3;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.6px;margin-bottom:9px}h2{font-size:19px;margin-bottom:16px}h3{font-size:15px;margin-bottom:10px}.muted,.hint{color:var(--muted);line-height:1.7}.hint{font-size:12px;margin:8px 0 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal)}.skip-link{position:fixed;top:-60px;left:12px;z-index:99;background:white;padding:12px}.skip-link:focus{top:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:var(--teal-dark);color:#fff;padding:28px 15px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:19px;font-weight:700;padding:0 10px 28px}.brand:hover{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#fff2;color:inherit;font-weight:800;font-size:19px;letter-spacing:-1px;flex-shrink:0}.brand small{font-weight:400;display:block;font-size:10px;letter-spacing:1.7px;color:#b5d8d5;margin-top:6px}.nav-group{font-size:10px;letter-spacing:1.5px;color:#96c6c2;padding:18px 16px 8px}.nav-link{display:flex;align-items:center;gap:13px;color:#d0e7e4;padding:12px 16px;margin-bottom:4px;border-radius:9px;transition:background .15s}.nav-link:hover{background:#ffffff0d;text-decoration:none}.nav-link.active{background:#fff;color:var(--teal-dark);font-weight:650;box-shadow:0 3px 8px #003d3a15}.nav-icon{font-size:17px;width:19px;text-align:center}.sidebar-bottom{margin-top:auto;padding:28px 16px 0;font-size:12px;color:#d1e5e3}.sidebar-bottom small{display:block;margin:8px 0 0 13px;font-size:10px;color:#91beba}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8fdac5;margin-right:7px}.workspace{margin-left:232px;width:calc(100% - 232px);min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:20px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{margin:0 14px;color:#c4d0d2}.breadcrumb strong{font-weight:500;color:var(--ink)}.topbar-actions{font-size:12px;gap:16px}.health{font-size:11px;color:var(--teal);background:var(--teal-soft);border-radius:20px;padding:5px 10px}.health.offline{color:var(--danger);background:#fff0f0}main{padding:32px 34px;max-width:1700px;margin:auto;min-height:calc(100vh - 120px)}footer{padding:8px 34px 22px;text-align:center;font-size:11px;color:#91a1a5}footer span{margin:0 9px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:26px}.page-heading p{margin-bottom:0;font-size:13px;line-height:1.7;color:var(--muted)}.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 2px 4px #22424702;margin-bottom:22px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.card-header h2{margin:0}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards-grid .card{margin:0}.stat{position:relative;padding:22px 24px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:32px;font-weight:650;margin:14px 0 6px}.stat small{color:var(--muted);font-size:11px}.stat-symbol{position:absolute;right:22px;top:24px;background:var(--teal-soft);color:var(--teal)!important;border-radius:12px;padding:11px;font-size:19px!important}.section-gap{margin-top:24px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-columns>.card,.split>.card{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;margin-bottom:18px}.form-grid label{margin:0}input,select,textarea{width:100%;background:#fff;border:1px solid #d8e3e5;border-radius:7px;padding:10px 12px;color:var(--ink);min-height:40px}textarea{resize:vertical;min-height:95px;line-height:1.6}input::placeholder,textarea::placeholder{color:#9baaad;font-size:12px}input[type=file]{padding:11px;background:#fafcfc;font-size:12px}input[type=color]{padding:4px;width:100%;height:40px}.primary,.secondary,.danger,.icon-button,.text-button{border-radius:7px;border:1px solid transparent;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;font-size:12px;line-height:1.5}.primary{background:var(--teal);color:#fff}.primary:hover{background:#066e69;text-decoration:none}.secondary{background:white;border-color:#d7e3e4;color:#486368}.secondary:hover{background:#f4f9f8;text-decoration:none}.danger{background:#fff2f2;color:var(--danger);border-color:#f5d8d8}.icon-button{background:transparent;font-size:19px;padding:7px 9px}.text-button{background:transparent;color:var(--teal);padding:6px}.full{width:100%}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.notice{border:1px solid #d1e9e4;background:#f0f9f6;color:#49736b;font-size:12px;line-height:1.8;padding:14px 16px;border-radius:8px;margin-bottom:20px}.notice.warning{background:#fffbef;border-color:#ede3c6;color:#8e743b}.error-text,.form-error{color:var(--danger);font-size:12px;line-height:1.7;white-space:pre-wrap}.form-error:empty,.error-text:empty{display:none}.form-error{margin-top:15px;padding:12px;background:#fff4f4;border-radius:7px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filters label{margin:0;flex:1;min-width:130px}.filters .search{flex:2;min-width:180px}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:11px;font-weight:550;color:#849397;background:#f8fafb;padding:13px 15px;white-space:nowrap}td{padding:15px;border-bottom:1px solid #edf1f2;vertical-align:middle}tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:12px;min-width:235px;max-width:430px}.product-cell img,.product-placeholder{width:48px;height:48px;object-fit:cover;border-radius:7px;flex-shrink:0;background:#f0f5f5}.product-placeholder{display:flex;align-items:center;justify-content:center;color:#9eb5b4;font-size:20px}.product-cell strong{font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.product-cell small{display:block;color:var(--muted);margin-top:4px}.nowrap{white-space:nowrap}.table-select{min-width:90px;padding:6px;font-size:11px;min-height:32px}.badge{display:inline-block;font-size:10px;padding:4px 8px;border-radius:5px;background:#f0f3f5;color:#60757d;white-space:nowrap}.badge.success,.badge.completed{color:#287c60;background:#eaf6ef}.badge.failed{color:#b6454b;background:#fdeeee}.badge.running,.badge.pending,.badge.queued{color:#8a7024;background:#fff5d8}.badge.selected{background:#e5f3f1;color:#247e70}.badge.listed{background:#edf0fe;color:#5e66aa}.badge.rejected{background:#f5eeee;color:#9c6868}.empty{padding:43px 18px;text-align:center;color:#8a9ca1;font-size:12px;line-height:1.8}.empty .empty-icon{display:block;font-size:29px;color:#b9cdcb;margin-bottom:12px}.empty strong{display:block;font-size:14px;font-weight:500;color:#526d72;margin-bottom:5px}.pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:14px;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:8px}.quick-link{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink)}.quick-link:last-child{border:0}.quick-link:hover{text-decoration:none;color:var(--teal)}.quick-link small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.provider-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.task-card{padding:18px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px}.task-top{display:flex;justify-content:space-between;gap:10px}.task-top strong{font-size:13px;font-weight:600}.task-top small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.task-message{font-size:12px;color:var(--muted);margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.progress{height:5px;background:#edf2f1;border-radius:4px;margin-top:13px;overflow:hidden}.progress>span{display:block;height:100%;background:#3aa59b}.download-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.download-list a{font-size:11px;border:1px solid #d9e7e4;border-radius:5px;padding:6px 9px;overflow-wrap:anywhere}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px}.asset{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.asset-preview{width:100%;height:175px;object-fit:contain;background:repeating-conic-gradient(#f0f4f3 0% 25%,#fff 0% 50%) 50%/20px 20px}.asset-info{padding:12px}.asset-info p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}.asset-info .secondary,.asset-info .text-button{font-size:10px;padding:5px 8px}.loading{padding:75px;text-align:center;color:var(--muted)}.toast-region{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 44px)}.toast{padding:14px 19px;color:#fff;background:#244c4a;border-radius:9px;box-shadow:var(--shadow);font-size:12px;max-width:450px;line-height:1.6}.toast.error{background:#a23943}.canvas-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:15px}.canvas-toolbar .save-status{margin-left:auto;font-size:11px;color:var(--muted)}.canvas-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:16px}.canvas-viewport{height:620px;overflow:auto;border:1px solid #d6e3e1;border-radius:10px;background-color:#f7faf9;background-image:radial-gradient(#cfdfda 1px,transparent 1px);background-size:20px 20px}.canvas-stage{width:2400px;height:1600px;position:relative}.canvas-edges{position:absolute;inset:0;width:2400px;height:1600px;pointer-events:none}.canvas-edge{stroke:#58a499;stroke-width:2;fill:none}.canvas-node{position:absolute;width:225px;min-height:110px;background:white;border:1px solid #cddfda;border-radius:9px;box-shadow:0 3px 14px #305c5511;overflow:hidden}.canvas-node.selected{outline:2px solid #0d9185;outline-offset:2px}.node-header{padding:10px 12px;background:#f0f8f4;color:#538077;font-size:11px;cursor:grab;touch-action:none;display:flex;justify-content:space-between;user-select:none}.node-header:active{cursor:grabbing}.node-body{padding:13px;font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}.node-body img{width:100%;max-height:200px;object-fit:contain}.node-body .node-empty{color:#92a6a1}.canvas-inspector{padding:17px;background:white;border:1px solid var(--line);border-radius:10px;height:fit-content}.canvas-inspector h3{font-size:13px}.canvas-inspector label{font-size:11px}.canvas-inspector textarea{min-height:140px}.edge-list{margin-top:15px;font-size:11px;display:flex;flex-direction:column;gap:7px}.edge-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.edge-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edge-row button{padding:2px 5px;color:var(--danger)}.login-screen{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:white}.login-brand{background:var(--teal-dark);padding:clamp(40px,7vw,120px);display:flex;flex-direction:column;justify-content:center;color:white;position:relative;overflow:hidden}.login-brand .brand-mark{width:54px;height:54px;font-size:26px;margin-bottom:45px}.login-brand h1{font-size:34px;margin-bottom:22px}.login-brand p{color:#aacec9;line-height:2;font-size:14px}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;max-width:340px}.login-grid span{padding:20px;border:1px solid #ffffff1c;border-radius:10px;color:#bbd9d5;font-size:13px}.login-box{width:min(360px,calc(100% - 48px));margin:auto}.login-box h2{font-size:27px;margin:16px 0 12px}.login-box form{margin-top:34px}.login-box label{margin-bottom:22px}.login-box input{height:46px}.login-box .primary{height:45px;justify-content:space-between}.login-note{font-size:11px;color:#96a4a9;text-align:center;margin-top:25px}.mobile-only{display:none}.step-list{padding-left:19px;color:#587177;font-size:12px;line-height:2.3}.preview-list{margin-top:14px;font-size:12px}.preview-list p{padding:10px;background:#f6f9f8;border-radius:5px;line-height:1.7}.preview-list span{color:var(--muted);display:block;font-size:11px}.form-section+.form-section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.file-example{white-space:pre-wrap;font-size:11px;background:#f4f7f7;border-radius:7px;padding:14px;line-height:1.7;overflow-wrap:anywhere}.source-summary{font-size:11px;color:var(--muted);margin-top:8px}.error-panel{text-align:center;padding:50px 20px}.error-panel p{color:var(--danger);white-space:pre-wrap;overflow-wrap:anywhere}.section-description{color:var(--muted);font-size:12px;line-height:1.8;margin-top:-5px;margin-bottom:21px}@media(min-width:1500px){main{padding:38px 46px}.topbar{padding:0 46px}}@media(max-width:1100px){.sidebar{width:205px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{padding:26px 23px}.topbar{padding:0 23px}.two-columns,.split{grid-template-columns:1fr}.canvas-layout{grid-template-columns:minmax(0,1fr) 220px}.topbar-actions{gap:10px}.cards-grid{gap:12px}.stat{padding:19px}.stat-symbol{right:16px}}@media(max-width:760px){.mobile-only{display:inline-flex}.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px}.sidebar.open{transform:translateX(0)}.nav-backdrop{position:fixed;inset:0;z-index:29;background:#173b3d66;border:0}.workspace{margin:0;width:100%}.topbar{height:62px;padding:0 15px}.topbar-left{gap:9px}.topbar-actions{gap:7px}.topbar-actions #username{display:none}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 6px}main{padding:25px 16px}h1{font-size:24px}.page-heading{flex-direction:column;margin-bottom:22px}.card{padding:19px}.cards-grid{grid-template-columns:1fr}.stat strong{font-size:27px;margin:9px 0 4px}.stat-symbol{top:20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.two-columns{gap:17px}.filters{align-items:stretch}.filters label{min-width:calc(50% - 10px)}.filters .search{min-width:100%}.canvas-layout{grid-template-columns:1fr}.canvas-viewport{height:460px}.canvas-inspector{width:100%}.canvas-toolbar .save-status{width:100%;margin-left:0}.login-screen{grid-template-columns:1fr}.login-brand{padding:30px;justify-content:start;min-height:200px}.login-brand .brand-mark{margin-bottom:20px;width:40px;height:40px;font-size:20px}.login-brand h1{font-size:25px;margin-bottom:6px}.login-brand p{font-size:12px;margin-bottom:0}.login-grid{display:none}.login-box{padding:35px 0 40px}.assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-preview{height:145px}.health{font-size:10px;padding:4px 7px}.task-top{flex-wrap:wrap}footer{padding:10px 15px 20px}.topbar .text-button{padding:6px 4px}}
:root{scroll-behavior:smooth}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#52908a transparent}.brand{flex-shrink:0}.nav-link{padding-top:10px;padding-bottom:10px}.nav-group{padding-top:13px}.sidebar-bottom{padding-bottom:8px}.broken-image{display:flex;align-items:center;justify-content:center;background:#f0f5f5;color:#8ca5a2;font-size:11px;text-align:center}
.converter-product{padding:20px 0;border-top:1px solid #e2e8f0;overflow-wrap:anywhere}
.converter-chart{max-width:200px;max-height:240px;object-fit:contain;display:block;margin:12px 0}
.converter-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}
.converter-gallery figure{margin:0;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}
.converter-gallery img{width:100%;height:200px;object-fit:contain}
.converter-gallery button{width:100%;margin-top:8px}
.it-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:15px 0;max-height:560px;overflow:auto}
.it-input{padding:10px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}
.it-input img{width:100%;height:160px;object-fit:contain;background:#f8fafc}
.it-input input,.it-confirm input{width:auto;display:inline-block;margin-right:6px}
.it-input small{font-weight:400;color:var(--muted)}
.it-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:15px 0}
.it-compare figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}
.it-compare figcaption{font-weight:600;margin-bottom:12px}
.it-compare img{width:100%;height:360px;object-fit:contain;background:#f8fafc;display:block;margin-bottom:10px}
.it-confirm{margin:12px 0}.image-translation-config{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
.image-translation-config p{overflow-wrap:anywhere}
@media(max-width:760px){.it-compare{grid-template-columns:1fr}.it-compare img{height:300px}}