:root{font-family:Inter,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#17223b;background:#fff;font-synthesis:none;--bg: #ffffff;--surface: #ffffff;--surface-soft: #f8f9fd;--text: #17223b;--muted: #667392;--line: #e3e7f0;--line-strong: #d6dce9;--accent: #6546f5;--accent-soft: #f1edff;--shadow: 0 8px 24px rgba(29, 38, 67, .06)}:root[data-theme=dark]{color-scheme:dark;--bg: #10131c;--surface: #171b27;--surface-soft: #1d2230;--text: #f1f3fa;--muted: #a8b1c7;--line: #2b3243;--line-strong: #3b4458;--accent: #8b75ff;--accent-soft: #28223f;--shadow: 0 10px 28px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,select,label{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr);background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:244px;display:flex;flex-direction:column;padding:31px 16px 23px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;padding:0 11px 31px;font-size:21px;line-height:1;font-weight:760;letter-spacing:-.4px}.brand img{border-radius:7px}.primary-nav,.tool-nav{display:grid;gap:5px}.nav-item{min-height:48px;display:flex;align-items:center;gap:16px;padding:0 14px;border-radius:9px;font-size:16px;font-weight:550;color:var(--text);transition:background .16s ease,color .16s ease}.nav-item svg{width:21px;height:21px;color:#415176;stroke-width:1.8}.nav-item:hover{background:var(--surface-soft)}.nav-item.active{color:var(--accent);background:var(--accent-soft)}.nav-item.active svg{color:var(--accent)}.sidebar-divider{margin:20px 8px 17px;border-top:1px solid var(--line)}.sidebar-label{margin:0 12px 11px;color:var(--muted);font-size:13px;font-weight:680;letter-spacing:.02em}.tool-nav .nav-item{min-height:45px}.sidebar-footer{margin-top:auto;display:flex;gap:11px;align-items:center;padding:14px 11px 0}.sidebar-footer img{border-radius:50%}.sidebar-footer div{display:grid;gap:4px}.sidebar-footer strong{font-size:12px;font-weight:600}.sidebar-footer span{color:var(--muted);font-size:12px}.app-body{grid-column:2;min-width:0}.topbar{height:74px;display:flex;align-items:center;gap:22px;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar-spacer{flex:1}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:0;border-radius:9px;background:transparent;cursor:pointer}.icon-button:hover{background:var(--surface-soft)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.icon-button svg{width:21px;height:21px}.locale-control{position:relative}.locale-trigger{min-width:142px;height:40px;display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:0 11px;border:1px solid transparent;border-radius:10px;color:var(--text);background:transparent;font-weight:620;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.locale-trigger:hover,.locale-trigger[aria-expanded=true]{border-color:var(--line);background:var(--surface-soft)}.locale-trigger:active{transform:scale(.98)}.locale-trigger:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));outline:0;box-shadow:0 0 0 3px var(--accent-soft)}.locale-trigger>svg:first-child{width:22px;height:22px;color:#415176}.locale-trigger>svg:last-child{width:14px;height:14px;color:var(--muted);transition:transform .16s ease}.locale-trigger>svg:last-child.open{transform:rotate(180deg)}.locale-menu{position:absolute;z-index:40;top:calc(100% + 9px);right:0;width:218px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 45px #1d264324,0 3px 10px #1d26430f;transform-origin:top right;animation:locale-menu-in .14s ease-out}.locale-menu:before{content:"";position:absolute;top:-5px;right:22px;width:9px;height:9px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);transform:rotate(45deg)}.locale-menu-label{display:block;padding:7px 10px 8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}.locale-option{position:relative;width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border:0;border-radius:8px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.locale-option:hover,.locale-option:focus-visible{outline:0;background:var(--surface-soft)}.locale-option[aria-selected=true]{color:var(--accent);background:var(--accent-soft)}.locale-option-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;font-size:13.5px;font-weight:620}.locale-option-name small{color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.07em}.locale-option>svg,.locale-check-placeholder{flex:0 0 16px;width:16px;height:16px}.locale-option>svg{stroke-width:2.4}@keyframes locale-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar-divider{height:22px;border-left:1px solid var(--line)}.account-button{height:42px;display:flex;align-items:center;gap:11px;padding:0 2px;border:0;background:transparent;font-weight:580;cursor:pointer}.account-button>svg{width:14px;height:14px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5d43ee;font-size:18px;font-weight:680}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:28px;max-width:1310px;margin:0 auto;padding:26px 28px 50px 36px}.main-grid.no-rail{display:block;max-width:1280px}.content-column{min-width:0}.section-heading{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading h1{margin:0 0 6px;font-size:25px;line-height:1.15;letter-spacing:-.5px}.section-heading p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:14px;font-weight:600}.text-link svg{width:16px;height:16px}.home-dropzone{min-height:82px;margin:8px 0 17px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;border:1px dashed #cfd5e4;border-radius:10px;background:var(--surface-soft)}.home-dropzone>svg{width:29px;height:29px;color:var(--accent)}.home-dropzone>div{display:grid;gap:4px}.home-dropzone strong{font-size:14px}.home-dropzone span{color:var(--muted);font-size:12.5px}.secondary-button,.primary-outline{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.secondary-button:hover,.primary-outline:hover{border-color:var(--accent);color:var(--accent)}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.quick-card{position:relative;min-height:154px;display:flex;flex-direction:column;align-items:flex-start;padding:17px 16px 15px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.quick-card:hover{transform:translateY(-2px);border-color:#c7bfff;box-shadow:var(--shadow)}.tool-icon{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:11px;margin-bottom:12px}.tool-icon svg{width:27px;height:27px;stroke-width:1.9}.tool-icon.red{color:#f32839;background:#fff0f2}.tool-icon.green{color:#00a85a;background:#eaf8f1}.tool-icon.blue{color:#1570ef;background:#edf5ff}.tool-icon.violet{color:#5842f5;background:#f0eeff}.tool-icon.orange{color:#f77913;background:#fff3e8}.tool-icon.purple{color:#6a45f3;background:#f1edff}.quick-card strong{margin-bottom:6px;font-size:15px;line-height:1.25}.quick-card>span:not(.tool-icon){color:var(--muted);font-size:12.2px;line-height:1.35}.mode{position:absolute;top:16px;right:13px;padding:3px 6px;border-radius:5px;font-size:10px;font-style:normal;font-weight:680}.mode.local{color:#08794b;background:#eaf8f1}.mode.cloud{color:#6546f5;background:#f1edff}.recent-section{margin-top:28px}.recent-section h2{margin:0 0 13px;font-size:19px;letter-spacing:-.25px}.empty-inline{min-height:86px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:13px}.empty-inline svg{width:23px;height:23px}.recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recent-file{min-height:66px;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.recent-file>span:nth-child(2){min-width:0;display:grid;gap:3px;flex:1}.recent-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.recent-file small{color:var(--muted);font-size:11px}.recent-file>svg{width:18px;height:18px;color:var(--accent)}.file-glyph{width:35px;height:40px;display:grid;place-items:center;border-radius:6px;color:#ee3444;background:#fff0f2;font-size:9px;font-weight:800}.file-glyph.cloud{color:var(--accent);background:var(--accent-soft)}.right-rail{display:grid;align-content:start;gap:18px}.rail-card{padding:18px 16px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 3px 10px #1d264309}.rail-card h2{margin:0 0 10px;font-size:16px}.rail-card a{min-height:47px;display:grid;grid-template-columns:34px minmax(0,1fr) 17px;align-items:center;gap:8px;font-size:13.5px}.rail-card a>svg{width:16px;height:16px;color:#53627f}.rail-link-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:8px}.rail-link-icon svg{width:18px;height:18px}.catalog-page,.workspace-page{width:100%}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.catalog-grid .quick-card{min-height:170px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:19px;color:var(--muted);font-size:13px;font-weight:600}.back-link svg{width:17px;height:17px}.workspace-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.workspace-header .tool-icon{flex:0 0 auto;margin:0}.tool-icon.large{width:56px;height:56px}.workspace-header h1{margin:2px 0 5px;font-size:27px;line-height:1.15}.workspace-header p{margin:0;color:var(--muted);font-size:14px}.workspace-mode{color:var(--accent);font-size:11px;font-weight:720;text-transform:uppercase;letter-spacing:.06em}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.file-panel,.options-panel{border:1px solid var(--line);border-radius:11px;background:var(--surface)}.file-panel{min-height:430px;padding:19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-heading h2,.options-panel h2{margin:0;font-size:16px}.panel-heading span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:700}.workspace-dropzone{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed #cfd5e4;border-radius:9px;background:var(--surface-soft);color:var(--muted)}.workspace-dropzone>svg{width:46px;height:46px;color:var(--accent)}.workspace-dropzone strong{font-size:14px}.file-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.file-list li{min-height:65px;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:8px}.file-data{min-width:0;display:grid;gap:4px;flex:1}.file-data strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-data small{color:var(--muted);font-size:11px}.rotate-up{transform:rotate(90deg)}.rotate-down{transform:rotate(-90deg)}.options-panel{padding:19px}.options-panel h2{margin-bottom:18px}.options-panel label{display:grid;gap:7px;margin:0 0 15px;color:var(--muted);font-size:12px;font-weight:620}.options-panel input,.options-panel select{width:100%;height:41px;padding:0 11px;color:var(--text);border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);outline:none}.options-panel input:focus,.options-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.privacy-note{display:flex;gap:9px;margin:18px 0;padding:11px;border-radius:8px;color:#13754d;background:#edf8f3;font-size:11.5px;line-height:1.45}.privacy-note svg{width:19px;height:19px;flex:0 0 auto}.cloud-note{color:#5d45ce;background:var(--accent-soft)}.fidelity-note{margin:0 0 15px;color:#9b6118;font-size:12px;line-height:1.5}.primary-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#fff;background:var(--accent);font-size:14px;font-weight:680;cursor:pointer}.primary-button:disabled{opacity:.42;cursor:not-allowed}.status-message{margin:12px 0 0;font-size:12px;line-height:1.4}.status-message.error{color:#c92e3b}.result-card{display:grid;gap:10px;margin-top:12px;padding:12px;color:#13754d;background:#edf8f3;border-radius:8px;font-size:12px}.result-card a{display:inline-flex;align-items:center;gap:7px;color:#0a6841;font-weight:680}.result-card svg{width:16px;height:16px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 15px;padding:0;border:0}.language-options legend{grid-column:1 / -1;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:620}.options-panel .language-options label{display:flex;align-items:center;gap:7px;margin:0;padding:8px;border:1px solid var(--line);border-radius:7px}.options-panel .language-options input{width:16px;height:16px;margin:0;box-shadow:none}.cloud-progress{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;color:var(--muted);font-size:12px}.cloud-progress progress{grid-column:1 / -1;width:100%;accent-color:var(--accent)}.cloud-progress button{grid-column:1 / -1;justify-self:end;padding:0;color:var(--muted);border:0;background:none;cursor:pointer}.sign-in-button{margin-top:10px}.empty-page{min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-page>svg{width:52px;height:52px;margin-bottom:15px;color:#9ba5ba}.empty-page h1{margin:0 0 8px;color:var(--text);font-size:24px}.empty-page p{margin:0;font-size:14px}.library-page{width:100%}.library-page .section-heading{margin-bottom:20px}.usage-strip{min-height:82px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.usage-strip>span{display:grid;align-content:center;gap:5px;padding:14px 18px;color:var(--muted);font-size:12px}.usage-strip>span+span{border-left:1px solid var(--line)}.usage-strip strong{color:var(--text);font-size:20px;line-height:1}.library-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.library-row{min-height:76px;display:grid;grid-template-columns:42px minmax(180px,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.library-file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.library-file-icon svg{width:23px;height:23px}.library-row-main{min-width:0;display:grid;gap:5px}.library-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.library-row-main small{color:var(--muted);font-size:11.5px}.library-row-main progress{width:min(320px,100%);height:5px;accent-color:var(--accent)}.library-inline-error{grid-column:2 / -1;color:#c92e3b;font-size:11.5px}.library-mime,.job-state-label{padding:4px 7px;border-radius:6px;color:var(--muted);background:var(--surface-soft);font-size:10px;font-weight:720;text-transform:uppercase}.library-action{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;color:var(--text);background:var(--surface);font-size:11.5px;font-weight:650;cursor:pointer}.library-action:hover{color:var(--accent);border-color:var(--accent)}.library-action:disabled{opacity:.55;cursor:wait}.library-action svg{width:16px;height:16px}.library-action.secondary{color:var(--muted)}.library-action.danger{color:#c92e3b}.library-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;color:var(--muted);border:1px solid var(--line);border-radius:11px;background:var(--surface)}.library-state>svg{width:42px;height:42px;color:#9ba5ba}.library-state strong{color:var(--text);font-size:17px}.library-state p{max-width:420px;margin:0;font-size:13px;line-height:1.55}.library-state.error{color:#c92e3b}.library-state.error button{padding:7px 12px;border:1px solid currentColor;border-radius:7px;color:inherit;background:transparent;cursor:pointer}.library-sign-in{width:auto;min-width:150px;padding:0 18px}.job-row{grid-template-columns:12px minmax(180px,1fr) auto auto auto auto}.job-state-dot{width:10px;height:10px;border-radius:50%;background:#9ba5ba}.job-state-dot.running,.job-state-dot.claimed,.job-state-dot.queued,.job-state-dot.failed{background:#6a4ff7;box-shadow:0 0 0 4px var(--accent-soft)}.job-state-dot.succeeded{background:#17a66a}.job-state-dot.cancelled,.job-state-dot.cancel_requested{background:#d99a2b}.job-state-dot.dead_lettered{background:#d3424d}.job-state-label.succeeded{color:#08794b;background:#eaf8f1}.job-state-label.dead_lettered{color:#b82432;background:#fff0f2}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:2px}@media(max-width:1340px){.main-grid{grid-template-columns:minmax(0,1fr);max-width:1050px}.right-rail{display:none}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.app-body{min-height:100vh;padding-bottom:72px}.topbar{height:62px;padding:0 17px;gap:12px}.topbar:before{content:"xHalo PDF";font-weight:760;letter-spacing:-.3px}.locale-trigger{min-width:138px;grid-template-columns:20px minmax(0,1fr) 12px;gap:7px;padding:0 9px;border-color:var(--line);background:var(--surface-soft);font-size:12px}.locale-trigger>svg:first-child{width:20px;height:20px}.locale-menu{right:-38px;width:208px}.topbar-divider,.account-button>span:not(.avatar),.account-button>svg{display:none}.main-grid{padding:22px 16px 30px}.quick-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-card{min-height:152px;padding:14px 13px}.quick-card>span:not(.tool-icon){font-size:11.5px}.home-dropzone{grid-template-columns:34px minmax(0,1fr)}.home-dropzone .secondary-button{grid-column:1 / -1}.workspace-grid{grid-template-columns:1fr}.options-panel{position:static}.recent-grid{grid-template-columns:1fr}.library-row,.job-row{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}.job-row{grid-template-columns:12px minmax(0,1fr) auto}.library-row .library-action{grid-column:auto}.library-row .library-action.secondary,.job-row .library-action{grid-column:2 / -1;justify-self:stretch}.usage-strip>span{padding:12px}.usage-strip strong{font-size:17px}.mobile-nav{position:fixed;z-index:20;inset:auto 0 0;height:67px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-top:1px solid var(--line)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:10px}.mobile-nav a.active{color:var(--accent)}.mobile-nav svg{width:21px;height:21px}}@media(max-width:430px){.quick-grid,.catalog-grid{grid-template-columns:1fr 1fr}.section-heading{min-height:auto;margin-bottom:14px}.section-heading h1{font-size:22px}.text-link{display:none}.workspace-header h1{font-size:23px}.workspace-header p{font-size:12.5px}.file-panel{padding:14px}.file-list li{gap:6px}.file-list .icon-button{width:31px;height:31px}.usage-strip{grid-template-columns:1fr}.usage-strip>span{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}.usage-strip>span+span{border-top:1px solid var(--line);border-left:0}.library-row,.job-row{padding:11px}.library-mime,.job-state-label{grid-column:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}