:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#0c1b33;background:#edf2f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;overflow:hidden}html:has(body.workflow-test-body){scroll-behavior:smooth}body.workflow-test-body{overflow-y:auto;overflow-x:hidden}body.workflow-test-body .app-root{min-height:100vh;height:auto;overflow:visible}body.workflow-test-body::-webkit-scrollbar{width:14px}body.workflow-test-body::-webkit-scrollbar-track{background:#e7edf6}body.workflow-test-body::-webkit-scrollbar-thumb{border:3px solid #e7edf6;border-radius:999px;background:#8aa4c8}body.workflow-test-body::-webkit-scrollbar-thumb:hover{background:#5f7fa8}button,input,select,textarea{font:inherit}button{border:0}.app-root{height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(0,195,255,.18),transparent 28%),radial-gradient(circle at 82% 0%,rgba(128,73,255,.18),transparent 30%),#f5f8fc}.app-shell{height:100vh;min-width:1180px;display:grid;grid-template-rows:64px 1fr;background:radial-gradient(circle at 34% -10%,rgba(0,204,255,.16),transparent 35%),linear-gradient(135deg,#f7fbff,#eef3f9 48%,#f5f8fc)}.home-shell{height:100vh;display:grid;grid-template-columns:82px 1fr;color:#121a2b;background:linear-gradient(120deg,#eef7fff5,#faf6fff5),repeating-linear-gradient(90deg,rgba(78,102,140,.06) 0 1px,transparent 1px 72px)}.home-rail{padding:20px 12px;display:grid;grid-auto-rows:max-content;gap:12px;border-right:1px solid rgba(118,133,159,.16);background:#ffffff9e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-logo{width:42px;height:42px;margin:0 auto 10px;display:grid;place-items:center;border-radius:10px;color:#fff;font-weight:900;background:linear-gradient(135deg,#246bff,#00c2ff);box-shadow:0 14px 30px #246bff40}.home-rail button{height:68px;display:grid;place-items:center;gap:4px;border-radius:10px;color:#6d7890;background:transparent;cursor:pointer}.home-rail button span{font-size:12px;font-weight:800}.home-rail button.active,.home-rail button:hover{color:#1b66ff;background:#fff;box-shadow:0 14px 28px #2650941f}.home-main{min-width:0;height:100vh;overflow:auto;padding:22px 34px 48px}.home-topbar,.home-brand,.home-user-actions,.hero-actions,.tool-strip{display:flex;align-items:center}.home-topbar{height:58px;justify-content:space-between;gap:24px}.home-brand{gap:12px}.home-brand strong{display:block;font-size:18px}.home-brand span{display:block;margin-top:2px;color:#718096;font-size:12px}.home-nav{display:flex;align-items:center;gap:10px;padding:6px;border-radius:999px;background:#ffffffa8;box-shadow:inset 0 0 0 1px #8496b429}.nav-zone{position:relative;z-index:30}.home-nav button{height:34px;padding:0 14px;border-radius:999px;background:transparent;color:#273349;font-weight:800;cursor:pointer}.home-nav button:hover,.home-nav button.active{color:#175cff;background:#fff}.home-mega,.home-plans-popover{position:absolute;top:50px;left:50%;transform:translate(-50%);border-radius:18px;background:#fffffff5;border:1px solid rgba(130,146,173,.16);box-shadow:0 28px 80px #19294c2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-mega{width:min(760px,calc(100vw - 240px));padding:26px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.home-mega section{display:grid;gap:12px}.home-mega section+section{padding-left:22px;border-left:1px solid rgba(141,155,181,.16)}.home-mega section>span,.home-plans-popover header span{color:#7b8799;font-size:15px;font-weight:800}.home-mega button{min-height:58px;padding:8px 10px;display:grid;gap:5px;text-align:left;border-radius:10px;background:transparent;color:#151e31;cursor:pointer}.home-mega button:hover{background:#f4f7ff}.home-mega strong,.home-mega small{display:block}.home-mega strong{font-size:18px}.home-mega small{color:#75839a}.home-plans-popover{width:min(850px,calc(100vw - 220px));padding:24px}.home-plans-popover header{margin-bottom:18px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.home-plans-popover header strong{color:#121a2b;font-size:20px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-grid article{position:relative;min-height:280px;padding:20px;display:grid;align-content:start;gap:12px;border-radius:14px;border:1px solid #e3e8f1;background:linear-gradient(180deg,#fff,#f8fbff)}.plan-grid article.featured{border-color:#6c63ff;box-shadow:0 18px 38px #4f5bff29}.plan-grid em{position:absolute;right:14px;top:-12px;height:26px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#2563ff,#8b39ff);font-style:normal;font-weight:900}.plan-grid article>span{color:#5d687b;font-weight:900}.plan-grid article>strong{color:#08152a;font-size:34px}.plan-grid article>strong small{margin-left:4px;color:#8290a5;font-size:15px}.plan-grid p{margin:0;min-height:42px;color:#6c788d;line-height:1.5}.plan-grid ul{margin:0;padding:0;display:grid;gap:8px;list-style:none;color:#243149;font-weight:700}.plan-grid li:before{content:"✓";margin-right:8px;color:#2563ff}.plan-grid article button{height:38px;align-self:end;border-radius:9px;color:#fff;background:linear-gradient(135deg,#2563ff,#8b39ff);font-weight:900;cursor:pointer}.pill{height:38px;padding:0 18px;border-radius:999px;font-weight:900;cursor:pointer}.pill.ghost{color:#17243a;background:#ffffffb8;border:1px solid rgba(133,149,172,.22)}.pill.primary,.hero-primary,.login-continue{color:#fff;background:linear-gradient(135deg,#2563ff,#8b39ff);box-shadow:0 18px 34px #5744ff47}.home-user-actions{gap:10px}.session-profile{max-width:240px;display:flex;align-items:center;gap:9px;min-width:0}.session-profile img,.session-profile span{width:34px;height:34px;flex:0 0 34px;border-radius:50%}.session-profile img{object-fit:cover}.session-profile span{display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900;background:linear-gradient(135deg,#2563ff,#8b39ff)}.session-profile strong{max-width:150px;color:#4b5563;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hero{position:relative;min-height:385px;margin-top:18px;padding:58px 64px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(360px,1fr);gap:42px;overflow:hidden;border-radius:18px;background:linear-gradient(120deg,#2a63ffeb,#8737ffdb 52%,#9bdeff8c),linear-gradient(0deg,#edf8ff,#fff);box-shadow:0 28px 80px #2d4e9633}.home-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 68px),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 68px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent);pointer-events:none}.hero-copy{position:relative;z-index:1;align-self:center;color:#fff}.hero-kicker{width:max-content;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;color:#eff7ff;background:#ffffff29;box-shadow:inset 0 0 0 1px #fff3;font-weight:900}.hero-copy h1{max-width:620px;margin:22px 0 18px;font-size:58px;line-height:1.08;letter-spacing:0}.hero-copy p{max-width:620px;margin:0;color:#ffffffdb;font-size:18px;line-height:1.75}.hero-actions{gap:14px;margin-top:34px}.hero-primary,.hero-secondary{height:46px;padding:0 20px;display:inline-flex;align-items:center;gap:9px;border-radius:10px;font-weight:900;cursor:pointer}.hero-secondary{color:#182238;background:#ffffffeb}.hero-orbit{position:relative;z-index:1;min-height:285px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#ffffffd9,#ecf6ff6b),linear-gradient(140deg,#22d3ee3d,#8b5cf647);box-shadow:inset 0 0 0 1px #ffffffb3,0 18px 50px #172b5833}.orbit-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(44,79,132,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(44,79,132,.1) 1px,transparent 1px);background-size:36px 36px;transform:perspective(520px) rotateX(58deg) translateY(70px);transform-origin:center bottom}.ai-core{position:absolute;left:50%;top:50%;width:132px;height:132px;display:grid;place-items:center;border-radius:50%;color:#fff;background:conic-gradient(from 120deg,#00d5ff,#2563ff,#a855f7,#00d5ff);box-shadow:0 0 0 18px #ffffff47,0 26px 70px #3a48ff61;transform:translate(-50%,-50%);animation:corePulse 4.4s ease-in-out infinite}.ai-core small{position:absolute;bottom:24px;font-size:13px;font-weight:900}.orbit-card{position:absolute;width:220px;padding:14px;border-radius:12px;background:#ffffffdb;box-shadow:0 18px 42px #1a2a5229}.orbit-card span,.recommend-card span,.recommend-card small{color:#75839a}.orbit-card strong,.orbit-card span{display:block}.orbit-card strong{margin-top:6px}.card-main{left:46px;top:46px}.card-side{right:36px;bottom:36px}.hero-orbit i{position:absolute;width:8px;height:8px;border-radius:2px;background:#ffffffdb;animation:nodeFloat 5s ease-in-out infinite}.hero-orbit i:nth-of-type(1){left:14%;top:26%;animation-delay:.1s}.hero-orbit i:nth-of-type(2){left:28%;top:78%;animation-delay:.4s}.hero-orbit i:nth-of-type(3){left:44%;top:18%;animation-delay:.7s}.hero-orbit i:nth-of-type(4){left:70%;top:26%;animation-delay:1s}.hero-orbit i:nth-of-type(5){left:82%;top:64%;animation-delay:1.3s}.hero-orbit i:nth-of-type(6){left:58%;top:84%;animation-delay:1.6s}.hero-orbit i:nth-of-type(7){left:18%;top:58%;animation-delay:1.9s}.hero-orbit i:nth-of-type(8){left:86%;top:36%;animation-delay:2.2s}.hero-orbit i:nth-of-type(9){left:36%;top:44%;animation-delay:2.5s}.hero-orbit i:nth-of-type(10){left:64%;top:54%;animation-delay:2.8s}.agent-panel{max-width:1040px;margin:-34px auto 0;position:relative;z-index:2}.agent-tabs{width:300px;height:48px;display:grid;grid-template-columns:1fr 1fr;border-radius:12px 12px 0 0;overflow:hidden;background:#e9eef8;box-shadow:0 -1px #7785a02e inset}.agent-tabs button{font-weight:900;color:#8792a5;background:transparent}.agent-tabs button.active{color:#202b3f;background:#fff;box-shadow:0 8px 18px #36466c24}.agent-box{min-height:138px;display:grid;grid-template-columns:88px 1fr 54px;align-items:center;gap:20px;padding:24px;border-radius:0 14px 14px;background:#fffffff0;box-shadow:0 24px 70px #1d2c5324}.upload-tile{width:76px;height:92px;display:grid;place-items:center;border-radius:12px;color:#7b4dff;background:linear-gradient(145deg,#fff,#f4f0ff);box-shadow:inset 0 0 0 2px #7b4dff1f,0 14px 24px #5c46911f;cursor:pointer}.agent-box strong,.agent-box span{display:block}.agent-box strong{font-size:18px}.agent-box span{margin-top:8px;color:#8591a5}.agent-send{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2563ff,#8b39ff);cursor:pointer}.home-tools{margin-top:34px;display:grid;grid-template-columns:1.2fr repeat(4,minmax(180px,1fr));gap:16px}.tool-strip{grid-column:1 / -1;gap:20px;padding:18px;overflow-x:auto;border-radius:16px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #8799b124}.tool-strip button{min-width:112px;display:grid;place-items:center;gap:8px;color:#4b566a;background:transparent;font-weight:900;cursor:pointer}.tool-strip span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:0 14px 28px #25498c33}.recommend-card{min-height:132px;padding:24px;display:grid;align-content:center;gap:10px;border-radius:14px;background:#ffffffdb;box-shadow:0 16px 44px #1f30581a}.recommend-card.wide{min-height:172px;grid-template-columns:1fr auto;align-items:end;color:#fff;background:linear-gradient(135deg,#7c3aede6,#20c4ffbf),linear-gradient(90deg,#efe7ff,#e9fbff)}.recommend-card strong{font-size:22px}.recommend-card.wide span{color:#ffffffd1}.recommend-card.wide button{height:40px;padding:0 16px;border-radius:10px;color:#1b2550;background:#fff;font-weight:900;cursor:pointer}.login-shell{position:relative;height:100vh;overflow:hidden;display:grid;place-items:center;background:linear-gradient(#091022ad,#091022b3),linear-gradient(120deg,#132245,#283b82 48%,#7d35ff)}.login-backdrop{position:absolute;inset:0;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 72px)}.login-backdrop span{position:absolute;width:110px;height:148px;border-radius:8px;background:linear-gradient(135deg,#fff3,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff29;animation:tileDrift 14s linear infinite}.login-backdrop span:nth-child(odd){width:160px;height:110px}.login-backdrop span:nth-child(1){left:4%;top:7%;animation-delay:-1s}.login-backdrop span:nth-child(2){left:18%;top:22%;animation-delay:-3s}.login-backdrop span:nth-child(3){left:32%;top:6%;animation-delay:-5s}.login-backdrop span:nth-child(4){left:47%;top:18%;animation-delay:-7s}.login-backdrop span:nth-child(5){left:63%;top:8%;animation-delay:-9s}.login-backdrop span:nth-child(6){left:80%;top:18%;animation-delay:-11s}.login-backdrop span:nth-child(7){left:8%;top:46%;animation-delay:-4s}.login-backdrop span:nth-child(8){left:24%;top:54%;animation-delay:-8s}.login-backdrop span:nth-child(9){left:40%;top:48%;animation-delay:-12s}.login-backdrop span:nth-child(10){left:56%;top:55%;animation-delay:-2s}.login-backdrop span:nth-child(11){left:72%;top:46%;animation-delay:-6s}.login-backdrop span:nth-child(12){left:88%;top:58%;animation-delay:-10s}.login-backdrop span:nth-child(n+13){top:78%;animation-delay:-13s}.login-top{position:absolute;left:32px;right:32px;top:26px;z-index:2;display:flex;justify-content:space-between;align-items:center}.login-logo,.close-login{display:inline-flex;align-items:center;border-radius:999px;background:#ffffffe6;cursor:pointer}.login-logo{height:44px;gap:10px;padding:0 16px 0 7px;color:#14213b;font-weight:900}.login-logo span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2563ff,#00c2ff)}.close-login{width:54px;height:54px;justify-content:center;color:#111827}.login-card{position:relative;z-index:1;width:min(1120px,calc(100vw - 64px));min-height:630px;display:grid;grid-template-columns:.92fr 1fr;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 38px 110px #0000005c}.login-form{padding:56px 64px;display:grid;align-content:center;justify-items:center}.login-title{justify-self:stretch;margin-bottom:28px}.login-title span{color:#6d48ff;font-weight:900}.login-title h1{margin:8px 0;font-size:38px;letter-spacing:0}.login-title p{margin:0;color:#718096;line-height:1.7}.login-avatar{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:42px;font-weight:900;background:linear-gradient(135deg,#2563ff,#8b39ff);box-shadow:0 20px 48px #4e4cff4d}.login-avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.login-name{margin-top:20px;font-size:20px}.login-phone{margin-top:6px;color:#748097}.login-continue,.login-alt{width:100%;height:48px;margin-top:28px;border-radius:10px;font-weight:900;cursor:pointer}.login-alt{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;color:#17243a;background:#f2f5fb}.wechat-login-qr{width:100%;margin-top:18px;padding:16px;display:grid;place-items:center;gap:10px;border:1px solid #e1e7f0;border-radius:12px;background:#fff}.wechat-login-qr img{width:180px;height:180px;display:block}.wechat-login-qr span{color:#526177;font-size:13px;font-weight:700}.login-divider{width:100%;margin-top:26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#8a95a8}.login-divider span{height:1px;background:#dce2ec}.terms-row{width:100%;margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:10px;color:#66758c;font-size:14px;line-height:1.6}.terms-row input{width:18px;height:18px;accent-color:#7c3aed}.login-visual{position:relative;display:grid;place-items:center;align-content:center;gap:18px;overflow:hidden;color:#fff;text-align:center;background:linear-gradient(150deg,#8c2bff,#2364ff 43%,#3ee2e6)}.login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.34),transparent 24%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 54px)}.login-radar{position:relative;z-index:1;width:350px;height:350px;border-radius:50%;border:1px solid rgba(255,255,255,.3);animation:slowRotate 18s linear infinite}.radar-core{position:absolute;inset:105px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#00d5ff,#8b39ff);box-shadow:0 0 0 18px #ffffff2e,0 0 70px #ffffff6b}.login-radar span{position:absolute;left:50%;top:50%;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--color);transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle)));box-shadow:0 12px 30px #0000002e}.scan-line{position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent);animation:scanMove 3.8s ease-in-out infinite}.login-visual strong,.login-visual p{position:relative;z-index:1}.login-visual strong{font-size:24px}.login-visual p{max-width:420px;margin:0;color:#ffffffc7;line-height:1.7}@keyframes corePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}@keyframes nodeFloat{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-12px);opacity:1}}@keyframes tileDrift{0%{transform:translateZ(0) rotate(0);opacity:.34}50%{opacity:.72}to{transform:translate3d(38px,-24px,0) rotate(2deg);opacity:.34}}@keyframes slowRotate{to{transform:rotate(360deg)}}@keyframes scanMove{0%,to{transform:translateY(-110px);opacity:.28}50%{transform:translateY(640px);opacity:.7}}@media(max-width:980px){.home-shell{grid-template-columns:1fr}.home-rail{display:none}.home-main{padding:18px}.home-topbar{height:auto;gap:12px}.home-brand{min-width:0}.home-brand strong{font-size:17px}.home-user-actions{flex-shrink:0}.pill{min-width:64px;height:36px;padding:0 12px;white-space:nowrap}.home-nav{display:none}.home-hero,.login-card{grid-template-columns:1fr}.home-hero{padding:36px 24px}.hero-copy h1{font-size:38px}.hero-orbit{min-height:260px}.home-tools{grid-template-columns:1fr}.login-visual{min-height:360px}.login-shell{min-height:100vh;height:auto;overflow:auto;place-items:start center;padding:92px 18px 28px}.login-top{left:18px;right:18px;top:16px}.login-card{width:100%;min-height:auto;border-radius:18px}.login-form{padding:34px 32px}.login-title h1{font-size:32px}.login-radar{width:300px;height:300px}.login-radar span{transform:rotate(var(--angle)) translate(128px) rotate(calc(-1 * var(--angle)))}}.topbar{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(133,149,172,.22);background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #1327490f;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;font-weight:900;background:linear-gradient(135deg,#0c63ff,#00b6d7);box-shadow:0 10px 24px #1563ff47}.brand strong{display:block;font-size:18px;letter-spacing:0}.brand span{display:block;margin-top:2px;font-size:12px;color:#718198}.top-actions,.download-panel-actions,.split-actions,.top-history-toolbar,.stage-controls,.queue-head,.resize-form,.inline-inputs{display:flex;align-items:center;gap:10px}.icon-btn,.text-btn,.wide-btn,.split-actions button,.top-history-toolbar button,.stage-controls button,.task-log header button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(135,153,177,.2);background:#fff;color:#17243a;cursor:pointer;transition:.16s ease}.top-history-toolbar{flex:1;justify-content:flex-start;margin-left:28px;padding-left:18px;border-left:1px solid rgba(135,153,177,.24)}.top-history-toolbar button{width:34px;height:34px;padding:0;border-radius:8px;background:transparent;color:#56657a}.top-history-toolbar button:hover:not(:disabled){color:#0d62ff;background:#eef5ff}.top-history-toolbar button.active{color:#0d62ff;background:#eaf2ff}.icon-btn{width:38px}.text-btn{padding:0 16px}.text-btn.primary,.wide-btn.primary{border-color:transparent;background:linear-gradient(135deg,#0c63ff,#155bd8);color:#fff;box-shadow:0 12px 26px #1461e83d}.text-btn.dark{border-color:transparent;background:#0d1729;color:#fff}.download-menu{position:relative;display:inline-flex}.download-menu .text-btn.primary{border-radius:8px 0 0 8px}.download-caret{min-width:48px;padding:0 14px;border-left:1px solid rgba(255,255,255,.35);border-radius:0 8px 8px 0!important;font-size:20px}.download-panel{position:absolute;top:54px;right:0;z-index:40;width:430px;max-height:calc(100vh - 92px);overflow:auto;padding:24px;border-radius:16px;background:#fff;border:1px solid rgba(135,153,177,.18);box-shadow:0 24px 80px #111f3633}.download-panel h2,.download-panel h3{margin:0;color:#202531}.download-panel h2{font-size:22px}.download-panel h3{margin-bottom:12px;font-size:17px}.download-panel section{display:grid;gap:12px;margin-top:22px}.radio-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:#242936;font-size:17px;font-weight:800}.radio-row label{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.radio-row input{width:22px;height:22px;accent-color:#2876ff}.scale-row{gap:18px}.select-control{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;border:1px solid #d8dee8;color:#202531;background:#fff;font-size:16px;cursor:pointer}.select-control span{color:#97a0ad}.select-options{display:grid;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 12px 34px #1c2a441f}.select-options button{min-height:52px;padding:0 20px;text-align:left;background:#fff;color:#202531;font-size:16px;cursor:pointer}.select-options button.active,.select-options button:hover{color:#2876ff;background:#f4f7fc}.download-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.download-action{min-height:76px;display:grid;place-items:center;gap:8px;border-radius:12px;color:#202531;background:#f0f3f9;font-weight:800;cursor:pointer}.text-btn.large{height:48px;padding:0 28px;font-weight:800}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button:not(:disabled):hover{transform:translateY(-1px)}.workspace{min-height:0;display:grid;grid-template-columns:70px 320px minmax(480px,1fr) 210px}.rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border-right:1px solid rgba(133,149,172,.18);background:#ffffffc7}.rail button{width:54px;min-height:58px;display:grid;place-items:center;gap:4px;border-radius:10px;background:transparent;color:#526176;cursor:pointer}.rail button span{font-size:12px;font-weight:700}.rail button.active{color:#0d62ff;background:#eaf2ff;box-shadow:inset 3px 0 #0d62ff}.tool-panel{min-height:0;overflow:auto;padding:16px 12px 24px;background:#f9fbfef5;border-right:1px solid rgba(133,149,172,.2)}.panel-group{display:grid;gap:12px}.panel-title{width:100%;height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#eef3fa;color:#20324d;font-size:16px;font-weight:800}.segmented{height:42px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:10px;background:#edf2f8}.segmented button{border-radius:8px;background:transparent;color:#7b8798;cursor:pointer}.segmented button.active{background:#fff;color:#0d62ff;box-shadow:0 4px 14px #172a4b14}.mask-grid,.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mask-grid button,.smart-erase-grid button{min-height:64px;display:grid;place-items:center;gap:4px;border-radius:8px;background:#fff;color:#263854;border:1px solid rgba(135,153,177,.18);cursor:pointer}.smart-erase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.smart-erase-grid button{min-height:112px;padding:8px;position:relative}.smart-erase-grid img{width:100%;height:62px;border-radius:7px;object-fit:cover}.smart-erase-grid button:after{content:"";position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;background:#d4dbe8}.smart-erase-grid button.active:after{background:#0d62ff;box-shadow:inset 0 0 0 4px #fff}.mask-grid span{font-size:12px}.mask-grid button.active,.smart-erase-grid button.active,.marker-grid button.active{color:#0d62ff;border-color:#0d62ff57;background:#eef5ff}.field{display:grid;gap:8px;padding:12px;border-radius:8px;background:#fff}.field.compact{grid-template-columns:1fr auto}.field input[type=range]{grid-column:1 / -1;accent-color:#0d62ff}.wide-btn{width:100%;height:44px;font-weight:800}.ratio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:190px;overflow:auto;padding-right:4px}.ratio-list button,.placeholder-list button{height:42px;border-radius:8px;color:#24344e;background:#fff;border:1px solid rgba(135,153,177,.2);cursor:pointer}.ratio-list button.active,.preset-list button.active,.mode-row button.active{color:#0d62ff;border-color:#0d62ff8c;background:#eef5ff}.split-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.split-actions button{width:100%}.apply-row{grid-template-columns:1fr 1fr}.resize-form{display:grid;grid-template-columns:1fr 38px 1fr;align-items:end;gap:8px}.resize-form label,.form-stack label{display:grid;gap:7px;color:#708095;font-size:13px;font-weight:700}.resize-form input,.form-stack input,.form-stack select,.form-stack textarea,.inline-inputs input{width:100%;border:1px solid rgba(135,153,177,.25);border-radius:8px;background:#fff;color:#13213a;outline:none}.resize-form input,.form-stack input,.form-stack select{height:42px;padding:0 12px}.form-stack textarea{padding:10px 12px;resize:vertical}.search-box input{width:100%;height:40px;padding:0 12px;border-radius:8px;border:1px solid rgba(135,153,177,.24);background:#f7f9fd;outline:none}.text-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:10px;background:#edf2f8}.text-tabs button{height:34px;border-radius:8px;color:#738197;cursor:pointer}.text-tabs button.active{color:#0d62ff;background:#fff;box-shadow:0 4px 14px #172a4b14}.text-mode-tabs{grid-template-columns:repeat(2,1fr)}.text-resource-groups{display:grid;gap:14px;max-height:330px;overflow:auto;padding-right:4px}.text-resource-groups section{display:grid;gap:8px}.text-resource-groups header{display:flex;align-items:center;justify-content:space-between;color:#24334d;font-weight:800}.text-resource-groups header button{color:#73839a;font-size:12px}.text-resource-groups section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.text-resource-groups section>div button{min-height:72px;padding:8px;border-radius:8px;border:1px solid rgba(135,153,177,.18);background:#fff;cursor:pointer}.lock-btn{width:38px;height:42px;border-radius:8px;background:#eef3fa;color:#8491a4;cursor:pointer}.lock-btn.active{color:#0d62ff}.form-stack{display:grid;gap:12px}.check-row{grid-template-columns:18px 1fr;align-items:center}.check-row input{width:16px;height:16px;accent-color:#0d62ff}.ai-grid{grid-template-columns:repeat(2,1fr)}.ai-grid button{overflow:hidden;padding:0;border-radius:8px;border:1px solid rgba(135,153,177,.22);background:#fff;cursor:pointer}.ai-grid button.active{border-color:#0d62ff;box-shadow:0 0 0 3px #0d62ff1f}.ai-grid img{width:100%;height:78px;object-fit:cover;display:block}.ai-grid span{display:block;padding:8px;font-size:13px;font-weight:800}.text-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.text-quick button{height:78px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#0f1d34;font-size:24px;font-weight:900;cursor:pointer}.text-quick span{display:block;font-size:12px;color:#6e7c8f}.font-resource-list{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:4px}.font-resource-list section{display:grid;gap:6px}.font-resource-list h3{position:sticky;top:0;z-index:1;margin:0;padding:8px 0;background:#f7f9fc;color:#8b96a8;font-size:13px}.font-resource-list button{min-height:38px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:0 12px;border-radius:9px;background:#fff;color:#17243a;text-align:left;cursor:pointer}.font-resource-list button.active{background:#eaf2ff;color:#0d62ff}.font-resource-list strong{font-family:Inter,Arial,sans-serif}.placeholder-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.color-panel{gap:18px;padding:2px}.sub-panel-title{width:100%;background:#f0f3f9}.color-panel .panel-title{height:58px;background:#eef4fb;box-shadow:inset 0 1px #ffffffa6}.color-tabs{grid-template-columns:repeat(2,1fr);height:52px;padding:5px;background:#edf2f8}.color-tabs button{height:42px;font-size:16px;font-weight:900}.color-slider{display:grid;grid-template-columns:1fr auto;gap:12px;min-height:70px;align-items:end;color:#252b36;font-size:15px;font-weight:800}.color-slider span{color:#263244;font-size:15px}.color-slider strong{min-width:44px;color:#1f2937;font-size:16px;text-align:right}.color-slider input{grid-column:1 / -1;width:100%;accent-color:#2876ff;cursor:pointer}.color-slider input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--track, #b8d2ff)}.color-slider input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--track, #b8d2ff)}.sub-title{margin-top:2px;color:#98a2b3;font-weight:900}.hsl-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.hsl-swatches button{width:32px;height:32px;border-radius:50%;border:3px solid var(--swatch);background:#fff;cursor:pointer}.hsl-swatches button.active{background:var(--swatch);box-shadow:inset 0 0 0 8px #fff}.color-overlay-section,.filter-section{display:grid;gap:14px;padding-top:4px}.overlay-row,.filter-section-head{display:flex;align-items:center;justify-content:space-between;color:#252b36;font-size:15px;font-weight:900}.link-btn{padding:0;border:0;background:transparent;color:#98a2b3;font:inherit;cursor:pointer}.link-btn:not(:disabled):hover{color:#0d62ff}.link-btn:disabled{opacity:.45;cursor:default}.overlay-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overlay-swatch{position:relative;height:42px;border:1px solid rgba(135,153,177,.22);border-radius:10px;background:var(--overlay, #fff);box-shadow:inset 0 0 0 1px #ffffff73;cursor:pointer;overflow:hidden}.overlay-swatch.active{outline:2px solid #2876ff;outline-offset:2px}.overlay-swatch.rainbow{background:conic-gradient(from 45deg,#ff3b30,#fc0,#34c759,#00c7be,#0a84ff,#af52de,#ff2d55,#ff3b30)}.overlay-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-grid button{display:grid;gap:6px;padding:6px;border:1px solid rgba(135,153,177,.2);border-radius:8px;background:#fff;color:#252b36;font-size:12px;font-weight:900;cursor:pointer}.filter-grid button.active{border-color:#2876ff;box-shadow:0 0 0 2px #2876ff29}.filter-preview{height:42px;border-radius:6px;background-size:cover}.workflow-test-page{min-height:100vh;padding:34px;scroll-behavior:smooth;background:linear-gradient(180deg,#f6f9fdf0,#edf3fafa),radial-gradient(circle at 20% 20%,rgba(13,98,255,.12),transparent 32%),radial-gradient(circle at 88% 12%,rgba(41,198,183,.14),transparent 28%);color:#142238}.workflow-test-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;max-width:1180px;margin:0 auto 22px}.workflow-test-header span{display:inline-flex;margin-bottom:8px;color:#0d62ff;font-size:14px;font-weight:900}.workflow-test-header h1{margin:0;font-size:34px;line-height:1.15}.workflow-test-header p{max-width:680px;margin:12px 0 0;color:#66758b;font-size:15px;line-height:1.7}.workflow-test-actions{display:flex;gap:10px;flex-shrink:0}.workflow-btn{height:42px;padding:0 18px;border-radius:8px;font-weight:900;cursor:pointer}.workflow-btn:disabled{opacity:.58;cursor:default}.workflow-btn.primary{color:#fff;background:#0d62ff;box-shadow:0 12px 28px #0d62ff38}.workflow-btn.ghost{color:#25354d;background:#fff;border:1px solid rgba(126,143,166,.24)}.workflow-summary,.workflow-steps,.workflow-interface-suite{max-width:1180px;margin:0 auto}.workflow-summary{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:12px;margin-bottom:16px}.workflow-summary article,.workflow-step{border:1px solid rgba(122,142,169,.18);border-radius:8px;background:#ffffffdb;box-shadow:0 18px 42px #1f2d4714}.workflow-summary article{display:grid;gap:6px;padding:16px}.workflow-summary span{color:#7b8797;font-size:13px;font-weight:800}.workflow-summary strong{color:#15243a;font-size:16px}.workflow-steps{display:grid;gap:12px}.workflow-interface-suite{margin-top:28px}.workflow-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}.workflow-section-head span{display:inline-flex;margin-bottom:6px;color:#0d62ff;font-size:13px;font-weight:900}.workflow-section-head h2{margin:0;color:#142238;font-size:24px}.workflow-section-head p{margin:8px 0 0;color:#66758b;line-height:1.6}.workflow-interface-nav{position:sticky;top:0;z-index:8;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:10px 0 14px;margin-bottom:4px;background:linear-gradient(180deg,#eff5fcf5,#eff5fcb8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin}.workflow-interface-nav button{flex:0 0 auto;scroll-snap-align:start;height:34px;padding:0 13px;border-radius:999px;color:#243852;background:#fff;border:1px solid rgba(126,143,166,.24);box-shadow:0 8px 20px #1f2d470f;font-size:13px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.workflow-interface-nav button:hover{transform:translateY(-1px);color:#0d62ff;border-color:#0d62ff52}.workflow-interface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-interface-card{min-width:0;padding:16px;border:1px solid rgba(122,142,169,.18);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 42px #1f2d4714;scroll-margin-top:78px;animation:workflowCardEnter .32s ease both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.workflow-interface-card:hover{transform:translateY(-2px);border-color:#0d62ff38;box-shadow:0 22px 48px #1f2d471c}.workflow-interface-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.workflow-interface-card>header>div{min-width:0}.workflow-interface-card strong{display:block;color:#142238;font-size:16px}.workflow-interface-card small{display:block;margin-top:5px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;word-break:break-all}.workflow-interface-card p{margin:12px 0 0;color:#526176;line-height:1.55}.workflow-upload-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:10px;border:1px dashed rgba(126,143,166,.36);border-radius:8px;background:#f7faff}.workflow-upload-box.has-preview{grid-template-columns:56px minmax(0,1fr) auto}.workflow-upload-box.ready{border-style:solid;border-color:#08744338;background:#f0fbf5}.workflow-upload-preview{width:56px;height:56px;overflow:hidden;border-radius:8px;background:#e7edf6}.workflow-upload-preview img{width:100%;height:100%;object-fit:cover;display:block}.workflow-upload-box>div:not(.workflow-upload-preview){min-width:0}.workflow-upload-box strong{display:block;color:#142238;font-size:13px}.workflow-upload-box span,.workflow-upload-box small{display:block;margin-top:4px;color:#6b7789;font-size:12px;line-height:1.4}.workflow-upload-box small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.workflow-upload-btn{height:34px;display:inline-grid;place-items:center;padding:0 12px;border-radius:8px;color:#0d62ff;background:#fff;border:1px solid rgba(13,98,255,.22);font-size:13px;font-weight:900;cursor:pointer}.workflow-upload-btn input{display:none}.workflow-interface-tag{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:8px;background:#eaf2ff;color:#0d62ff;font-size:12px;font-weight:900}.workflow-interface-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.workflow-interface-actions .workflow-btn{height:34px;padding:0 12px}.workflow-interface-actions a{color:#0d62ff;font-size:13px;font-weight:900;text-decoration:none}@keyframes workflowCardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.workflow-step{padding:16px}.workflow-step>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.workflow-step>header>div{display:flex;align-items:center;gap:12px;min-width:0}.workflow-step-index{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#0d62ff;background:#eaf2ff;font-weight:900}.workflow-step strong{display:block;font-size:16px}.workflow-step small{display:block;margin-top:4px;color:#718096;line-height:1.5}.workflow-status{min-width:64px;height:28px;display:inline-grid;place-items:center;border-radius:999px;background:#edf2f8;color:#66758b;font-size:12px;font-weight:900}.workflow-step.running .workflow-status{background:#fff7df;color:#a16207}.workflow-step.pass .workflow-status{background:#e8f8ef;color:#087443}.workflow-step.warn .workflow-status{background:#fff7df;color:#a16207}.workflow-step.fail .workflow-status{background:#fff0f0;color:#c92a2a}.workflow-message{margin:12px 0 0;color:#34435a;line-height:1.6}.workflow-meta{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}.workflow-meta div{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:#f4f7fb}.workflow-meta dt{color:#7d8a9d;font-size:12px;font-weight:800}.workflow-meta dd{margin:0;color:#142238;font-size:12px;font-weight:900}.workflow-detail{margin-top:12px}.workflow-detail summary{width:max-content;color:#0d62ff;font-weight:900;cursor:pointer}.workflow-detail div{margin-top:10px}.workflow-detail span{display:block;margin-bottom:6px;color:#7d8a9d;font-size:12px;font-weight:900}.workflow-detail pre{max-height:260px;overflow:auto;margin:0;padding:12px;border-radius:8px;background:#111827;color:#e5eefb;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}@media(max-width:820px){.workflow-test-page{padding:20px}.workflow-test-header{display:grid}.workflow-summary{grid-template-columns:1fr}.workflow-section-head{display:grid}.workflow-interface-grid{grid-template-columns:1fr}}.reset-btn{background:#f0f3f9;color:#252b36}.stage{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.48) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.48) 1px,transparent 1px),#eef2f7;background-size:28px 28px}.empty-drop{width:min(520px,76%);min-height:360px;display:grid;place-items:center;align-content:center;gap:18px;border-radius:14px;border:1px dashed rgba(13,98,255,.34);background:#ffffffb8;box-shadow:0 24px 80px #15223a14}.empty-drop h1{margin:0;font-size:32px}.upload-illustration{width:108px;height:108px;display:grid;place-items:center;color:#0d62ff;border-radius:20px;background:linear-gradient(135deg,#e5f2ff,#fff)}.preset-list{display:grid;gap:8px;max-height:210px;overflow:auto;padding:4px 4px 4px 0}.preset-list button{min-height:58px;padding:10px 12px;text-align:left;border-radius:8px;border:1px solid rgba(135,153,177,.2);background:#fff;color:#16243b;display:grid;gap:4px;cursor:pointer}.preset-list span,.hint-card{color:#75849a;font-size:12px}.hint-card{padding:12px;border-radius:8px;background:#f5f8fc;line-height:1.6}.unit-select{width:100%;height:38px;border-radius:8px;border:1px solid rgba(135,153,177,.25);background:#fff;color:#14223a;padding:0 12px;outline:none}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-row button{height:38px;border-radius:8px;border:1px solid rgba(135,153,177,.25);background:#fff;color:#273954;font-weight:800;cursor:pointer}.swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swatches button,.swatches input{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #7989a040;cursor:pointer}.swatches button.active{box-shadow:0 0 0 2px #0d62ff}.swatches input{padding:0;overflow:hidden}.marker-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.marker-entry-grid button{min-height:112px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:10px;border:1px solid rgba(135,153,177,.24);background:#fff;color:#253650;cursor:pointer;font-size:16px}.marker-entry-grid span{font-size:15px;font-weight:800}.marker-entry-grid button.active{color:#0d62ff;border-color:#0d62ff75;background:#eef5ff;box-shadow:inset 0 0 0 1px #0d62ff2e}.marker-mode-title{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;color:#20324d;background:#eef3fa;font-weight:900}.shape-mini-grid,.ruler-style-grid,.annotation-style-grid,.magnifier-style-grid,.mosaic-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-mini-grid button,.ruler-style-grid button,.annotation-style-grid button,.magnifier-style-grid button,.mosaic-preview-grid button{min-height:48px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(135,153,177,.18);background:#fff;color:#1f2f49;cursor:pointer}.shape-mini-grid button.active,.ruler-style-grid button.active,.annotation-style-grid button.active,.magnifier-style-grid button.active,.mosaic-preview-grid button.active{border-color:#0d62ff;background:#eef5ff;color:#0d62ff}.shape-square,.shape-circle,.shape-triangle,.shape-heart,.shape-star,.shape-line,.shape-free,.shape-arrow,.ruler-single,.ruler-double,.ruler-curve,.ruler-oval,.ruler-ovalDouble,.magnifier-rect,.magnifier-circle,.magnifier-right,.magnifier-left,.magnifier-bottom,.magnifier-top{width:28px;height:28px;display:block;position:relative}.shape-square{background:#8bb8ff}.shape-circle,.magnifier-circle{border-radius:999px;background:#8bb8ff}.shape-triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:28px solid #8bb8ff}.shape-heart:before{content:"♥";color:#8bb8ff;font-size:30px;line-height:28px}.shape-star:before{content:"★";color:#8bb8ff;font-size:30px;line-height:28px}.shape-line:before,.shape-arrow:before,.ruler-single:before,.ruler-double:before{content:"";position:absolute;left:2px;right:2px;top:14px;height:2px;background:currentColor;transform:rotate(-34deg)}.shape-arrow:after{content:"→";position:absolute;right:0;top:0;font-size:24px}.shape-free:before{content:"∿";color:#0d62ff;font-size:34px;line-height:28px}.ruler-double:after{content:"";position:absolute;left:2px;right:2px;top:18px;height:2px;background:currentColor;transform:rotate(-34deg)}.ruler-curve:before{content:"";position:absolute;inset:6px 0;border-top:2px solid currentColor;border-radius:50%}.ruler-oval,.ruler-ovalDouble{border:2px solid currentColor;border-radius:50%}.ruler-ovalDouble:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;border-left:2px solid currentColor}.magnifier-rect{border:2px solid #8bb8ff}.magnifier-right,.magnifier-left,.magnifier-bottom,.magnifier-top{border:2px solid #8bb8ff;border-radius:50%}.magnifier-right:after,.magnifier-left:after,.magnifier-bottom:after,.magnifier-top:after{content:"";position:absolute;width:22px;height:2px;background:#8bb8ff}.magnifier-right:after{right:-16px;top:12px}.magnifier-left:after{left:-16px;top:12px}.magnifier-bottom:after{left:3px;bottom:-8px;transform:rotate(90deg)}.magnifier-top:after{left:3px;top:-8px;transform:rotate(90deg)}.mini-segmented{height:40px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:10px;background:#edf2f8}.mini-segmented button{border-radius:8px;background:transparent;color:#7b8798;font-weight:800;cursor:pointer}.mini-segmented button.active{background:#fff;color:#0d62ff;box-shadow:0 4px 14px #172a4b14}.inline-field{height:42px;display:grid;grid-template-columns:1fr 74px;align-items:center;border:1px solid rgba(135,153,177,.25);border-radius:8px;background:#fff;overflow:hidden}.inline-field input,.inline-field select{width:100%;height:100%;padding:0 10px;border:0;outline:none;background:transparent}.inline-field select{border-left:1px solid rgba(135,153,177,.18)}.mosaic-preview-grid{grid-template-columns:repeat(2,1fr)}.mosaic-preview-grid span{width:64px;height:42px;border-radius:8px;background:linear-gradient(90deg,#0d62ff29,#1118271a),repeating-linear-gradient(45deg,#cbd5e1 0 6px,#94a3b8 6px 12px);filter:blur(1px)}.annotation-style-grid{grid-template-columns:repeat(3,1fr)}.annotation-style-grid span{max-width:72px;padding:2px 7px;border-radius:999px;background:#111827;color:#fff;font-size:10px;overflow:hidden;text-overflow:ellipsis}.marker-color-field{grid-template-columns:1fr 46px;align-items:center}.marker-color-field input{width:42px;height:34px;padding:2px;border:0;border-radius:8px;background:#eef3fa;cursor:pointer}.canvas-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:96px 64px 72px}.canvas-wrap.cropping{background:#8a8d91}.canvas-wrap.marking .mask-canvas{cursor:crosshair}.canvas-card{position:relative;display:grid;place-items:center;padding:0;background:#fff;filter:drop-shadow(0 22px 44px rgba(21,34,58,.2));transition:width .16s ease,height .16s ease,border-radius .16s ease}.canvas-card.is-selected:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:linear-gradient(135deg,#8e54ff29,#0d62ff14),#ffffffc7;box-shadow:0 0 0 1px #8e54ff29,0 22px 70px #15223a2e;z-index:-1}.canvas-card.is-selected:after{content:"";position:absolute;inset:-1px;z-index:4;border:2px solid #8a4cff;border-radius:inherit;box-shadow:0 0 0 1px #ffffffb8,0 0 18px #8a4cff57;pointer-events:none}.image-canvas,.mask-canvas{width:100%;height:100%;object-fit:contain;background:linear-gradient(45deg,#dbe2ec 25%,transparent 25%),linear-gradient(-45deg,#dbe2ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe2ec 75%),linear-gradient(-45deg,transparent 75%,#dbe2ec 75%);background-color:#f7f9fc;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.mask-canvas{position:absolute;inset:0;z-index:3;cursor:crosshair;background:transparent;touch-action:none}.image-color-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.canvas-wrap.cropping .mask-canvas{cursor:move}.element-layer{position:absolute;inset:0;z-index:7;pointer-events:none}.editor-element{position:absolute;display:flex;align-items:center;cursor:move;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:center}.editor-element.locked{cursor:not-allowed}.element-text{width:100%;height:100%;display:flex;align-items:center;line-height:1.05;overflow:visible;white-space:nowrap;paint-order:stroke fill;filter:drop-shadow(0 10px 18px rgba(8,15,28,.18))}.element-text-input{min-width:100%;border:0;outline:2px solid #0d62ff;outline-offset:5px;background:transparent;padding:0;cursor:text}.element-selection{position:absolute;inset:-5px;border:2px solid #ff4d4f;box-shadow:0 0 0 1px #ffffffb8,0 0 18px #8a4cff52;pointer-events:none}.element-selection:before{content:"";position:absolute;inset:-4px;border:1px dashed rgba(37,99,235,.72)}.element-handle{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #8a4cff;box-shadow:0 6px 18px #0d62ff38;pointer-events:auto;cursor:nwse-resize}.element-handle.nw{left:-7px;top:-7px}.element-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.element-handle.se{right:-7px;bottom:-7px}.element-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.element-size-badge{position:absolute;left:50%;top:calc(100% + 14px);z-index:16;transform:translate(-50%);padding:8px 12px;border-radius:10px;background:#111827e6;color:#fff;font-size:12px;font-weight:900;white-space:nowrap;pointer-events:none}.element-toolbar{position:absolute;left:0;top:-44px;z-index:14;display:flex;align-items:center;gap:5px;padding:6px;border-radius:13px;background:#fffffff5;border:1px solid rgba(135,153,177,.24);box-shadow:0 16px 36px #13233d29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.element-toolbar button{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#27364c;cursor:pointer}.element-toolbar button:hover,.element-toolbar button.active{color:#0d62ff;background:#edf4ff}.element-context-menu{position:absolute;right:-278px;top:18px;z-index:18;width:258px;padding:8px;border-radius:15px;background:#fffffffa;border:1px solid rgba(135,153,177,.24);box-shadow:0 22px 54px #13233d38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.element-context-menu button{width:100%;height:38px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:0 10px;border-radius:10px;background:transparent;color:#243047;text-align:left;cursor:pointer}.element-context-menu button:hover{background:#f2f5fa}.element-context-menu button span{color:#8a95a7;font-size:12px}.element-context-menu button.danger{color:#e5484d}.menu-divider{height:1px;margin:6px 4px;background:#edf1f6}.selection-frame{position:absolute;inset:0;z-index:5;pointer-events:none}.handle{position:absolute;width:13px;height:13px;border-radius:50%;border:2px solid #fff;background:#8a4cff;box-shadow:0 0 0 1px #6848ff57,0 0 14px #8a4cff66;pointer-events:auto;cursor:nwse-resize}.handle.nw{left:-7px;top:-7px}.handle.n{left:50%;top:-7px;width:28px;height:8px;border-radius:999px;transform:translate(-50%);cursor:ns-resize}.handle.ne{right:-7px;top:-7px}.handle.ne,.handle.sw{cursor:nesw-resize}.handle.e{right:-7px;top:50%;width:8px;height:28px;border-radius:999px;transform:translateY(-50%);cursor:ew-resize}.handle.se{right:-7px;bottom:-7px}.handle.s{left:50%;bottom:-7px;width:28px;height:8px;border-radius:999px;transform:translate(-50%);cursor:ns-resize}.handle.sw{left:-7px;bottom:-7px}.handle.w{left:-7px;top:50%;width:8px;height:28px;border-radius:999px;transform:translateY(-50%);cursor:ew-resize}.image-size-badge{position:absolute;top:34px;left:34px;z-index:6;padding:6px 10px;border-radius:8px;color:#fff;background:#0e1420c7;box-shadow:0 8px 20px #09101c2e;font-size:12px;font-weight:900;pointer-events:none}.object-action-toolbar{position:absolute;top:-52px;right:-2px;z-index:8;display:flex;gap:6px;padding:7px;border-radius:13px;background:#fffffff0;border:1px solid rgba(135,153,177,.22);box-shadow:0 16px 36px #13233d24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.object-action-toolbar button{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#526176;cursor:pointer}.object-action-toolbar button:hover{color:#e5484d;background:#fff1f1}.image-quick-toolbar{position:absolute;top:16px;left:50%;z-index:7;display:flex;align-items:center;gap:5px;max-width:calc(100% - 40px);padding:7px;border-radius:14px;background:#fffffff0;border:1px solid rgba(135,153,177,.22);box-shadow:0 14px 34px #13233d21;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%);overflow:visible}.image-quick-toolbar.text-toolbar{top:16px;gap:5px;max-width:calc(100% - 40px);padding:7px;border-radius:14px}.image-quick-toolbar>button,.quick-menu>button,.quick-color,.quick-opacity{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:9px;background:transparent;color:#17243a;font-size:13px;font-weight:900;white-space:nowrap;cursor:pointer}.text-toolbar>button,.text-color-tool,.text-size-stepper,.text-font-trigger{height:34px;border-radius:9px;background:transparent;color:#17243a;font-size:13px;font-weight:900;white-space:nowrap}.text-toolbar>button{min-width:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;cursor:pointer}.text-toolbar>button:hover,.text-toolbar>button.active{color:#0d62ff;background:#eef5ff}.text-font-trigger{width:168px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;border:0;background:transparent;cursor:pointer}.text-font-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}.text-size-stepper{display:inline-grid;grid-template-columns:34px 54px 34px;align-items:center;border:1px solid rgba(135,153,177,.34);background:#fff;overflow:hidden}.text-size-stepper button{height:100%;background:transparent;color:#17243a;font-size:16px;font-weight:900;cursor:pointer}.text-size-stepper button:hover{color:#0d62ff;background:#eef5ff}.text-size-stepper strong{text-align:center;font-size:13px}.text-color-tool{position:relative;width:34px;display:grid;place-items:center;cursor:pointer}.text-color-tool span{position:relative}.text-color-tool span:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-4px;height:4px;border-radius:999px;background:linear-gradient(90deg,#f43f5e,#f59e0b,#22c55e,#0ea5e9,#8b5cf6)}.text-color-tool input{position:absolute;inset:0;opacity:0;cursor:pointer}.toolbar-divider{width:1px;height:24px;background:#8799b157}.image-quick-toolbar:not(.text-toolbar) button.active,.image-quick-toolbar:not(.text-toolbar) button:hover,.quick-color:hover,.quick-opacity:hover{background:#eef5ff;color:#0d62ff}.quick-menu{position:relative}.quick-menu.align-right .quick-popover{left:auto;right:0}.quick-popover{position:absolute;top:42px;left:0;z-index:9;min-width:142px;display:grid;gap:4px;padding:8px;border-radius:12px;border:1px solid rgba(135,153,177,.22);background:#fff;box-shadow:0 18px 40px #13233d29}.quick-popover button{height:34px;justify-content:flex-start;gap:8px;padding:0 9px;border-radius:8px;background:transparent;color:#24344e;font-weight:800;cursor:pointer}.quick-popover button.active{color:#0d62ff;background:#eef5ff}.quick-more-popover{min-width:156px}.corner-popover{min-width:260px;padding:18px}.corner-popover label{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:12px;color:#16243b;font-weight:900}.corner-popover input[type=range]{grid-column:1 / 2;accent-color:#8a4cff}.corner-popover strong{grid-column:2;grid-row:1 / span 2;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(135,153,177,.24);background:#fff}.quick-color input{width:20px;height:20px;padding:0;border:0;background:transparent;cursor:pointer}.quick-opacity input{width:72px;accent-color:#0d62ff}.quick-opacity span{min-width:34px;color:#64748b;font-size:12px}.canvas-toolbar{position:absolute;top:16px;left:18px;z-index:7;gap:6px;padding:6px;border-radius:12px;background:#ffffffeb;border:1px solid rgba(135,153,177,.22);box-shadow:0 14px 34px #13233d1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-toolbar button{width:36px;height:36px;padding:0;color:#42526a}.canvas-toolbar button:hover:not(:disabled){color:#0d62ff;background:#eef5ff}.canvas-toolbar button:disabled{opacity:.38;cursor:not-allowed}.processing-modal{position:absolute;inset:0;display:grid;place-items:center;z-index:8;background:#ffffff9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.processing-modal>*{grid-column:1;grid-row:1}.processing-modal svg{transform:translateY(-42px);color:#0d62ff;animation:spin 1s linear infinite}.processing-modal strong{padding:34px 42px 74px;border-radius:14px;background:#121a29b8;color:#fff;box-shadow:0 18px 52px #101c3040}.processing-modal button{transform:translateY(42px)}@keyframes spin{to{transform:translateY(-42px) rotate(360deg)}}.stage-controls{position:absolute;bottom:22px;right:26px;padding:8px;border-radius:12px;background:#ffffffe6;box-shadow:0 14px 32px #1626441f}.stage-controls button{height:36px;min-width:42px;padding:0 11px;font-weight:900}.stage-controls input[type=range]{width:116px;accent-color:#0d62ff}.stage-controls .zoom-percent{min-width:60px;color:#34445d;background:#f7f9fd}.queue-panel{min-height:0;display:grid;grid-template-rows:auto 1fr auto 220px;gap:12px;padding:16px 10px;background:#f9fbfef5;border-left:1px solid rgba(133,149,172,.2)}.queue-head{justify-content:space-between;font-weight:800;color:#34445d}.thumb-mode-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#24344e;cursor:pointer}.thumb-mode-btn:hover{color:#0d62ff;background:#eef5ff}.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.switch input{display:none}.switch span{width:38px;height:22px;padding:3px;border-radius:999px;background:#c8d1de;transition:.16s ease}.switch span:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.16s ease}.switch input:checked+span{background:#0d62ff}.switch input:checked+span:after{transform:translate(16px)}.thumb-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:10px}.thumb-item{position:relative}.thumb-list button{width:100%;padding:6px;display:grid;gap:6px;border-radius:8px;background:#fff;border:2px solid transparent;cursor:pointer}.thumb-item.active button{border-color:#0d62ff}.thumb-select{position:absolute;top:9px;left:9px;z-index:3;width:24px;height:24px;display:grid;place-items:center;cursor:pointer}.thumb-select input{position:absolute;opacity:0;pointer-events:none}.thumb-select span{width:20px;height:20px;border-radius:6px;border:2px solid rgba(255,255,255,.9);background:#0e182a70;box-shadow:0 4px 12px #0812213d}.thumb-select input:checked+span{border-color:#0d62ff;background:#0d62ff}.thumb-select input:checked+span:after{content:"";display:block;width:8px;height:4px;margin:5px auto 0;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.thumb-list img{width:100%;aspect-ratio:1 / 1.18;object-fit:cover;border-radius:6px}.thumb-list small{color:#0d62ff;font-weight:700}.download-selection-actions{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px}.download-selection-actions button{height:32px;border-radius:8px;background:#f5f8fc;color:#35445b;font-weight:700;cursor:pointer}.download-selection-actions button:hover:not(:disabled){color:#0d62ff;background:#eef5ff}.download-selection-actions span{color:#718198;font-size:12px;white-space:nowrap}.queue-panel.thumb-small{grid-template-rows:auto 1fr auto 220px}.queue-panel.thumb-small .thumb-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.queue-panel.thumb-small .thumb-list button{padding:4px}.queue-panel.thumb-small .thumb-list img{aspect-ratio:1 / 1}.queue-panel.thumb-small .thumb-list small{font-size:10px}.add-btn{height:46px}.task-log{min-height:0;overflow:auto;border-radius:10px;background:#fff;border:1px solid rgba(135,153,177,.2)}.task-log header{height:42px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(135,153,177,.15);font-weight:900}.task-log header button{width:30px;height:30px}.task-log article{display:grid;gap:4px;padding:10px;border-left:3px solid #9aa7ba;border-bottom:1px solid rgba(135,153,177,.12)}.task-log article.success{border-left-color:#14b86f}.task-log article.running{border-left-color:#0d62ff}.task-log article.failed{border-left-color:#e5484d}.task-log strong{font-size:13px}.task-log span{color:#758297;font-size:12px}.hidden-input{display:none}.session-name{max-width:180px;color:#4b5563;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-link,.login-message{display:block;margin-top:12px;color:#246bfe;font-size:13px;text-align:center;text-decoration:none}.login-message{color:#4b5563}@media(max-width:1280px){body{min-width:1024px}.workspace{grid-template-columns:66px 290px minmax(420px,1fr) 190px}}@media(max-width:1080px){body{min-width:0;overflow:auto}.app-shell{min-height:100vh;height:auto}.topbar{position:sticky;top:0;flex-wrap:wrap;height:auto;min-height:64px;gap:10px;padding:10px 12px}.top-history-toolbar{order:3;flex-basis:100%;margin-left:0;padding-left:0;border-left:0;overflow-x:auto}.workspace{min-height:calc(100vh - 112px);grid-template-columns:60px minmax(220px,280px) minmax(360px,1fr)}.queue-panel{position:fixed;right:12px;bottom:12px;z-index:20;width:180px;max-height:58vh;grid-template-rows:auto minmax(90px,1fr) auto 130px;border:1px solid rgba(133,149,172,.24);border-radius:12px;box-shadow:0 18px 46px #15223a2e}.image-quick-toolbar{left:12px;right:12px;max-width:none;overflow-x:auto}.image-quick-toolbar.text-toolbar{max-width:none}.canvas-wrap{padding:118px 24px 88px}}