@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.block{display:block}.flex{display:flex}.grid{display:grid}.min-h-\[calc\(100vh-56px\)\]{min-height:calc(100vh - 56px)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.border{border-style:var(--tw-border-style);border-width:1px}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.bg-app{background:var(--bg)}.bg-surface{background:var(--surface)}.text-fg{color:var(--fg)}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.border-app{border-color:var(--border)}.bg-accent{background:var(--accent)}.bg-accent-light{background:var(--accent-light)}.text-success{color:var(--success)}.bg-success-light{background:var(--success-light)}.text-warn{color:var(--warn)}.bg-warn-light{background:var(--warn-light)}.text-danger{color:var(--danger)}.bg-danger-light{background:var(--danger-light)}}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}.text-xs{font-size:.75rem}.text-accent{color:var(--accent)}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.page{padding-top:32px;padding-bottom:80px}@media (max-width:640px){.container{padding:0 16px}.page{padding-top:20px;padding-bottom:48px}}.topnav{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fbfcfdd9;background:lab(98.8433% -.330776 -.661802/.85);align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topnav-inner{width:100%;max-width:var(--max-w);align-items:center;margin:0 auto;display:flex}.topnav-logo{font-family:var(--font-display);color:var(--fg);align-items:center;gap:8px;margin-right:32px;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.topnav-logo:hover{text-decoration:none}.topnav-logo svg{color:var(--accent)}.topnav-links{flex:1;align-items:center;gap:4px;display:flex}.topnav-links a{color:var(--muted);transition:var(--transition);border-radius:6px;padding:6px 12px;font-size:.875rem}.topnav-links a:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04);text-decoration:none}.topnav-links a.active{color:var(--fg);font-weight:500}.topnav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.topnav-avatar{background:var(--accent-light);width:32px;height:32px;color:var(--accent);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.topnav-avatar:hover{background:#d2e7ff;background:lab(90.5825% -3.37163 -18.0136)}.hamburger{color:var(--fg);background:0 0;border:none;padding:4px;display:none}.mobile-menu{inset:0;top:var(--nav-h);background:var(--surface);z-index:99;flex-direction:column;gap:4px;padding:16px;display:none;position:fixed}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--fg);border-radius:8px;padding:12px 16px;font-size:1rem;text-decoration:none;display:block}.mobile-menu a:hover{background:#0000000a;background:lab(0% 0 0/.04)}@media (max-width:768px){.topnav-links,.topnav-right .nav-desktop{display:none}.hamburger{display:flex}}.btn{border-radius:var(--radius);transition:var(--transition);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#00000005;background:lab(0% 0 0/.02);border-color:#b9bec4;border-color:lab(76.7913% -1.08567 -3.56684)}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:20px}.card-hover:hover{border-color:#c9ced4;border-color:lab(82.5914% -1.08778 -3.56801);box-shadow:0 1px 3px #0000000a;box-shadow:0 1px 3px lab(0% 0 0/.04)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);transition:var(--transition);padding:8px 12px;font-size:.875rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.form-input::placeholder{color:#9a9fa5;color:lab(65.191% -1.08051 -3.56405)}textarea.form-input{resize:vertical;min-height:80px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236B6B6B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.badge{border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.tab{color:var(--muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:.875rem}.tab.active{color:var(--fg);border-bottom-color:var(--accent);font-weight:500}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:#fbfcfd80;background:lab(98.8433% -.330776 -.661802/.5);padding:48px 24px}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-light)}.upload-zone svg{color:var(--muted);margin:0 auto 12px}.upload-zone p{color:var(--muted);font-size:.875rem}.upload-zone .upload-title{color:var(--fg);margin-bottom:4px;font-size:1rem;font-weight:500}.progress-bar{background:var(--border);border-radius:100px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:100px;height:100%;transition:width .3s}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 12px;font-weight:500}td{border-bottom:1px solid var(--border);padding:12px}.modal-overlay{z-index:200;opacity:0;visibility:hidden;transition:var(--transition);background:#0006;background:lab(0% 0 0/.4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #0000001f;box-shadow:0 8px 32px lab(0% 0 0/.12)}.modal-title{margin-bottom:16px;font-size:1.125rem}.toast{border-radius:var(--radius);background:var(--fg);color:var(--surface);z-index:300;opacity:0;padding:12px 20px;font-size:.875rem;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.empty-state{text-align:center;color:var(--muted);padding:64px 24px}.empty-state svg{color:var(--border);margin:0 auto 16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.hidden{display:none!important}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){h1{font-size:1.5rem}h2{font-size:1.25rem}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}}.nav-dropdown{position:relative}.nav-dropdown>a{color:var(--muted);transition:var(--transition);border-radius:6px;align-items:center;gap:3px;padding:6px 12px;font-size:.875rem;text-decoration:none;display:inline-flex}.nav-dropdown>a:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04);text-decoration:none}.nav-dropdown>a.active{color:var(--fg);font-weight:500}.nav-dropdown>a .chevron{transition:transform .15s}.nav-dropdown:hover>a .chevron{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;z-index:110;min-width:240px;padding:6px;transition:opacity .15s,visibility .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px lab(0% 0 0/.1)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.dropdown-item{border-radius:var(--radius);color:var(--fg);transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;text-decoration:none;display:flex}.dropdown-item:hover{background:#0000000a;background:lab(0% 0 0/.04);text-decoration:none}.dropdown-item .di-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dropdown-item .di-text{min-width:0}.dropdown-item .di-label{font-weight:500}.dropdown-item .di-desc{color:var(--muted);margin-top:1px;font-size:.75rem}.dropdown-item.coming-soon{opacity:.5}.account-layout{grid-template-columns:220px 1fr;gap:32px;display:grid}.account-sidebar{flex-direction:column;gap:2px;display:flex}.account-sidebar a{border-radius:var(--radius);color:var(--muted);transition:var(--transition);align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;text-decoration:none;display:flex}.account-sidebar a:hover{color:var(--fg);background:#00000008;background:lab(0% 0 0/.03);text-decoration:none}.account-sidebar a.active{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04);font-weight:500}.account-sidebar a svg{flex-shrink:0}.cs-fab{z-index:90;background:var(--accent);color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #1779e14d;box-shadow:0 4px 12px lab(49.9088% 4.02367 -61.7788/.3)}.cs-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.cs-panel{z-index:91;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;width:320px;padding:24px;transition:all .2s;position:fixed;bottom:84px;right:24px;transform:translateY(8px);box-shadow:0 12px 40px #0000001f;box-shadow:0 12px 40px lab(0% 0 0/.12)}.cs-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.cs-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cs-panel-title{font-size:1rem;font-weight:600}.cs-panel-close{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.cs-panel-close:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04)}.cs-qr{border-radius:var(--radius);border:1px solid var(--border);background:#f3f5f7;background:lab(96.525% -.495404 -.992239);justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 16px;display:flex}.cs-contact{color:var(--muted);text-align:center;font-size:.8125rem}.cs-contact p{margin-bottom:4px}.cs-contact a{color:var(--accent)}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:32px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{font-family:var(--font-display);font-size:1rem;font-weight:700}.footer-brand p{color:var(--muted);margin-top:2px;font-size:.75rem}.footer-links{gap:16px;display:flex}.footer-links a{color:var(--muted);font-size:.8125rem;text-decoration:none}.footer-links a:hover{color:var(--fg)}.footer-icp{text-align:right}.footer-icp p{color:var(--muted);font-size:.75rem}@media (max-width:768px){.account-layout{grid-template-columns:1fr}.account-sidebar{border-bottom:1px solid var(--border);flex-direction:row;gap:4px;margin-bottom:16px;padding-bottom:8px;overflow-x:auto}.account-sidebar a{white-space:nowrap;padding:8px 12px}.footer-inner{text-align:center;flex-direction:column}.footer-icp{text-align:center}}@media (max-width:640px){.cs-fab{width:44px;height:44px;bottom:16px;right:16px}.cs-panel{width:auto;bottom:72px;left:16px;right:16px}}:root{--bg:#f7f9fa;--surface:#fff;--fg:#0e1217;--muted:#6a6f76;--border:#e2e5e8;--accent:#1779e1;--accent-light:#deedff;--accent-hover:#0061c0;--success:#1b7e2a;--success-light:#d3f7d3;--warn:#cf9b00;--warn-light:#ffecc4;--danger:#ba2b2e;--danger-light:#ffe0dc;--sidebar-w:232px;--topbar-h:52px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--radius:8px;--radius-lg:12px;--transition:.15s ease}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.685% -.495434 -.99225);--surface:lab(100% 0 0);--fg:lab(5.2525% -.827231 -3.55052);--muted:lab(46.6278% -1.26901 -4.26236);--border:lab(90.7162% -.552952 -1.78909);--accent:lab(49.9088% 4.02367 -61.7788);--accent-light:lab(92.8654% -3.86724 -21.5457);--accent-hover:lab(40.4304% 7.45831 -61.5912);--success:lab(46.0917% -42.229 36.2564);--success-light:lab(93.8177% -16.7671 13.1424);--warn:lab(67.651% 13.3022 81.7114);--warn-light:lab(94.3887% 2.61948 23.6209);--danger:lab(42.4959% 56.9739 35.4904);--danger-light:lab(92.48% 18.4745 10.0271)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{height:var(--topbar-h);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sidebar-logo{color:var(--fg);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.sidebar-logo:hover{text-decoration:none}.sidebar-close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px;display:none}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-group{margin-bottom:4px}.nav-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 12px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:var(--fg);background:#f0f2f4;background:lab(95.365% -.495404 -.992239);text-decoration:none}.nav-item.active{background:var(--accent-light);color:var(--accent)}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item .badge-count{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px}.sidebar-footer a{color:var(--muted);align-items:center;gap:8px;font-size:12px;text-decoration:none;transition:color .12s;display:flex}.sidebar-footer a:hover{color:var(--fg);text-decoration:none}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-hamburger{cursor:pointer;color:var(--fg);background:0 0;border:none;padding:4px;display:none}.topbar-title{font-size:15px;font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-admin{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.topbar-admin .avatar{background:var(--accent-light);width:28px;height:28px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.content{flex:1;padding:24px}.stat-label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500}.stat-value{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.2}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-size:14px;font-weight:600}.panel-body{padding:0}.panel-body.padded{padding:20px}thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#f3f5f7;background:lab(96.525% -.495404 -.992239);padding:10px 16px;font-size:12px;font-weight:600}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9fafb;background:lab(98.2633% -.330776 -.661814)}.badge{white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn{cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;transition:background .12s,border-color .12s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary:hover{background:#f0f2f4;background:lab(95.365% -.495404 -.992239)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#a20519;background:lab(34.3495% 57.1812 37.8813)}.btn-ghost{color:var(--muted);background:0 0;border:none;padding:6px}.btn-ghost:hover{color:var(--fg);background:#f0f2f4;background:lab(95.365% -.495404 -.992239)}.form-group{margin-bottom:16px}.form-label{color:var(--fg);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);width:100%;font-size:13px;font-family:var(--font);color:var(--fg);background:var(--surface);border-radius:6px;padding:8px 12px;transition:border-color .12s,box-shadow .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1779e11a;box-shadow:0 0 0 3px lab(49.9088% 4.02367 -61.7788/.1)}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input{flex:1;min-width:200px;max-width:320px;position:relative}.search-input input{border:1px solid var(--border);width:100%;font-size:13px;font-family:var(--font);background:var(--surface);border-radius:6px;padding:8px 12px 8px 36px}.search-input input:focus{border-color:var(--accent);outline:none}.search-input svg{color:var(--muted);width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.filter-select{border:1px solid var(--border);font-size:13px;font-family:var(--font);background:var(--surface);color:var(--fg);border-radius:6px;padding:8px 12px}.filter-select:focus{border-color:var(--accent);outline:none}.pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pagination-pages{gap:4px;display:flex}.pagination-pages button{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;font-size:13px;font-family:var(--font);color:var(--fg);border-radius:6px;justify-content:center;align-items:center;transition:background .12s;display:flex}.pagination-pages button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination-pages button:hover:not(.active){background:#f0f2f4;background:lab(95.365% -.495404 -.992239)}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;transition:color .12s,border-color .12s}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.toggle-wrap{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-wrap:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-title{font-size:14px;font-weight:500}.toggle-desc{color:var(--muted);margin-top:2px;font-size:12px}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#d5d8da;background:lab(86.0881% -.822455 -1.65184);border-radius:11px;transition:background .15s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.modal-overlay{z-index:200;opacity:0;pointer-events:none;background:#13161a66;background:lab(7.21285% -.900991 -3.46672/.4);justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;transition:transform .15s;overflow-y:auto;transform:translateY(8px)}.modal-overlay.show .modal{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-size:15px;font-weight:600}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.chart-bars{align-items:flex-end;gap:6px;height:160px;padding:0 4px 24px;display:flex}.chart-bar{background:var(--accent-light);cursor:pointer;border-radius:4px 4px 0 0;flex:1;min-height:4px;transition:background .12s;position:relative}.chart-bar:hover{background:var(--accent)}.chart-bar .bar-label{color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.chart-bar .bar-value{color:var(--fg);opacity:0;font-size:10px;font-weight:600;transition:opacity .12s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.chart-bar:hover .bar-value{opacity:1}.action-menu{position:relative}.action-menu-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:4px 6px;transition:background .12s}.action-menu-btn:hover{color:var(--fg);background:#f0f2f4;background:lab(95.365% -.495404 -.992239)}.action-dropdown{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:6px;min-width:140px;display:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #13161a14;box-shadow:0 4px 12px lab(7.21285% -.900991 -3.46672/.08)}.action-dropdown.show{display:block}.action-dropdown button,.action-dropdown a{width:100%;color:var(--fg);cursor:pointer;font-size:13px;font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;transition:background 80ms;display:flex}.action-dropdown button:hover,.action-dropdown a:hover{background:#f3f5f7;background:lab(96.525% -.495404 -.992239)}.action-dropdown .danger-item{color:var(--danger)}.user-cell{align-items:center;gap:10px;display:flex}.user-cell .avatar{background:var(--accent-light);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-cell .user-name{font-weight:500}.user-cell .user-email{color:var(--muted);font-size:12px}.activity-list{list-style:none}.activity-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 20px;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-dot.blue{background:var(--accent)}.activity-dot.green{background:var(--success)}.activity-dot.orange{background:var(--warn)}.activity-dot.red{background:var(--danger)}.activity-content{flex:1;font-size:13px;line-height:1.4}.activity-time{color:var(--muted);margin-top:2px;font-size:11px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.plan-card.current{border-color:var(--accent)}.plan-price{letter-spacing:-.02em;font-size:24px;font-weight:700}.plan-price span{color:var(--muted);font-size:13px;font-weight:400}.plan-users{color:var(--muted);margin-top:8px;font-size:12px}.plan-detail{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.announce-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding:20px;display:flex}.announce-card .announce-info{flex:1}.announce-card .announce-title{margin-bottom:4px;font-size:14px;font-weight:600}.announce-card .announce-body{color:var(--muted);font-size:13px;line-height:1.5}.announce-card .announce-meta{color:var(--muted);gap:12px;margin-top:8px;font-size:11px;display:flex}.announce-card .announce-actions{flex-shrink:0;gap:4px;display:flex}.reply-list{list-style:none}.reply-item{border-bottom:1px solid var(--border);gap:12px;padding:16px 20px;display:flex}.reply-item:last-child{border-bottom:none}.reply-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.reply-avatar.admin{background:var(--accent-light);color:var(--accent)}.reply-avatar.user{color:var(--muted);background:#edeff0;background:lab(94.205% -.495374 -.992215)}.reply-content{flex:1}.reply-header{justify-content:space-between;margin-bottom:4px;display:flex}.reply-name{font-size:13px;font-weight:500}.reply-time{color:var(--muted);font-size:11px}.reply-text{color:var(--fg);font-size:13px;line-height:1.5}.mono{font-family:var(--font-mono);font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.text-muted{color:var(--muted)}.text-sm{font-size:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex-gap{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.plans-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.main{margin-left:0}.topbar-hamburger{display:block}.stats-grid{grid-template-columns:1fr 1fr}.form-row,.grid-2,.grid-3,.plans-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-input{max-width:none}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.content{padding:16px}}.sidebar-overlay{z-index:99;background:#13161a4d;background:lab(7.21285% -.900991 -3.46672/.3);display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.history-header h1{font-size:1.5rem}.history-actions{gap:8px;display:flex}.search-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex;position:relative}.search-bar input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;max-width:400px;color:var(--fg);transition:var(--transition);padding:8px 12px 8px 36px;font-size:.875rem}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.search-bar svg{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.doc-list{flex-direction:column;display:flex}.doc-item{border-bottom:1px solid var(--border);transition:var(--transition);align-items:center;gap:14px;padding:14px 0;display:flex}.doc-item:last-child{border-bottom:none}.doc-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.doc-icon.merge{background:var(--accent-light);color:var(--accent)}.doc-icon.watermark{background:var(--success-light);color:var(--success)}.doc-icon.convert{background:var(--warn-light);color:var(--warn)}.doc-icon.compress{background:var(--danger-light);color:var(--danger)}.doc-info{flex:1;min-width:0}.doc-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.doc-meta{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:2px;font-size:.75rem;display:flex}.doc-actions{flex-shrink:0;gap:4px;display:flex}.doc-actions button{width:32px;height:32px;color:var(--muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.doc-actions button:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04)}.pagination{justify-content:center;align-items:center;gap:4px;margin-top:32px;display:flex}.page-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--fg);cursor:pointer;transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.page-btn:hover{border-color:#b9bec4;border-color:lab(76.7913% -1.08567 -3.56684)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn.disabled{opacity:.3;cursor:not-allowed}@media (max-width:640px){.doc-item{flex-wrap:wrap}.doc-actions{justify-content:flex-end;width:100%}.doc-meta{font-size:.6875rem}}.hero{text-align:center;padding:80px 0 48px}.hero h1{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.hero p{color:var(--muted);max-width:520px;margin:0 auto 32px;font-size:1.125rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.announcement-toast{top:calc(var(--nav-h) + 16px);z-index:80;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#ffffffe0;background:lab(100% 0 0/.88);border-radius:14px;align-items:flex-start;gap:10px;width:min(360px,100vw - 32px);padding:12px 44px 12px 14px;display:flex;position:fixed;right:16px;box-shadow:0 12px 40px #0e12171a;box-shadow:0 12px 40px lab(5.2525% -.827231 -3.55052/.1)}.announcement-toast-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-light);border-radius:999px;flex-shrink:0;margin-top:7px}.announcement-toast-copy{min-width:0;animation:.26s both announcement-slide}.announcement-toast-kicker{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;display:flex}.announcement-toast-kicker span,.announcement-toast-kicker time{color:var(--muted);font-size:.6875rem;line-height:1}.announcement-toast-copy strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.announcement-toast-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}.announcement-toast-dots{align-items:center;gap:4px;display:flex;position:absolute;bottom:10px;right:44px}.announcement-toast-close{width:26px;height:26px;color:var(--muted);transition:var(--transition);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:9px;right:10px}.announcement-toast-close:hover{color:var(--fg);background:#0000000d;background:lab(0% 0 0/.05)}.announcement-toast-dots button{cursor:pointer;width:6px;height:6px;transition:var(--transition);background:#c8cbce;background:lab(81.4353% -.660598 -2.14525);border:0;border-radius:999px;padding:0}.announcement-toast-dots button.active{background:var(--accent);width:14px}.announcement-success .announcement-toast-dots button.active{background:var(--success)}.announcement-warn .announcement-toast-dots button.active{background:var(--warn)}.announcement-success .announcement-toast-dot{background:var(--success);box-shadow:0 0 0 4px var(--success-light)}.announcement-warn .announcement-toast-dot{background:var(--warn);box-shadow:0 0 0 4px var(--warn-light)}@keyframes announcement-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-title{margin-bottom:20px;font-size:1.25rem;font-weight:600}.tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);color:inherit;flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--accent);text-decoration:none;box-shadow:0 2px 8px #1779e114;box-shadow:0 2px 8px lab(49.9088% 4.02367 -61.7788/.08)}.tool-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-icon.merge{color:var(--accent);background:#e8f3ff;background:lab(95.289% -2.23663 -10.9027)}.tool-icon.watermark{color:var(--success);background:#e6f8e6;background:lab(95.7544% -8.3831 6.51568)}.tool-icon.convert{color:var(--warn);background:#fbf1dc;background:lab(95.4698% 1.04171 11.5708)}.tool-icon.compress{color:var(--danger);background:#ffecea;background:lab(95.0829% 9.19622 4.96011)}.tool-card h3{font-size:1rem;font-weight:600}.tool-card p{color:var(--muted);font-size:.8125rem;line-height:1.5}.tool-arrow{color:var(--border);transition:var(--transition);margin-top:auto}.tool-card:hover .tool-arrow{color:var(--accent)}.features{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.feature-item{padding:16px 0}.feature-item h4{margin-bottom:6px;font-size:.9375rem}.feature-item p{color:var(--muted);font-size:.8125rem;line-height:1.6}.cta-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.cta-bar h3{margin-bottom:4px;font-size:1rem}.cta-bar p{color:var(--muted);font-size:.8125rem}@media (max-width:1024px){.tools-grid,.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hero{padding:40px 0 32px}.announcement-toast{top:calc(var(--nav-h) + 12px);width:calc(100vw - 24px);bottom:auto;right:12px}.tools-grid,.features{grid-template-columns:1fr}.cta-bar{text-align:center;flex-direction:column}}.workspace-main,.workspace-sidebar{min-width:0}.file-list{margin-top:16px}.file-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:var(--transition);align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.file-item:hover{border-color:#c9ced4;border-color:lab(82.5914% -1.08778 -3.56801)}.file-item .file-icon{background:var(--danger-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.file-item .file-icon svg{color:var(--danger)}.file-item .file-info{flex:1;min-width:0}.file-item .file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.file-item .file-meta{color:var(--muted);font-size:.75rem}.file-item .file-actions{gap:4px;display:flex}.file-item .file-actions button{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.file-item .file-actions button:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04)}.file-drag{cursor:grab}.process-bar{background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:space-between;align-items:center;margin-top:24px;padding:16px 20px;display:flex;position:sticky;bottom:0}.process-info{color:var(--muted);font-size:.875rem}.process-info strong{color:var(--fg)}.processing-overlay{text-align:center;padding:48px 24px;display:none}.processing-overlay.active{display:block}.processing-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-area{text-align:center;padding:32px;display:none}.result-area.active{display:block}.result-icon{background:var(--success-light);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.result-icon svg{color:var(--success)}@media (max-width:768px){.workspace{grid-template-columns:1fr}.workspace-sidebar{order:-1}}.payment-content{grid-template-columns:1fr 380px;gap:32px;display:grid}.payment-content h1{margin-bottom:4px;font-size:1.5rem}.payment-content .subtitle{color:var(--muted);margin-bottom:32px;font-size:.875rem}.payment-methods{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px;display:grid}.payment-method{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:var(--surface);color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:.8125rem;display:flex}.payment-method:hover{border-color:#b9bec4;border-color:lab(76.7913% -1.08567 -3.56684)}.payment-method.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.payment-method svg{width:28px;height:28px}.payment-form{max-width:440px}.order-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);top:calc(var(--nav-h) + 32px);padding:24px;position:sticky}.order-summary h3{margin-bottom:16px;font-size:1rem}.order-item{justify-content:space-between;padding:8px 0;font-size:.875rem;display:flex}.order-item.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-size:1rem;font-weight:600}.order-item .label{color:var(--muted)}.order-badge{background:var(--success-light);color:var(--success);border-radius:100px;padding:2px 8px;font-size:.75rem}.coupon-row{gap:8px;margin:16px 0;display:flex}.coupon-row .form-input{flex:1}.coupon-row .btn{white-space:nowrap}.wechat-qr-box{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:#fbfcfd;background:lab(98.8433% -.330776 -.661802);flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding:16px;display:flex}.wechat-qr-box img{border-radius:var(--radius);border:1px solid var(--border);background:#fff;width:220px;height:220px;padding:8px}.secure-note{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:.75rem;display:flex}@media (max-width:768px){.payment-content{grid-template-columns:1fr}.order-summary{order:-1;position:static}}.pricing-header{text-align:center;padding:48px 0 40px}.pricing-header h1{margin-bottom:8px;font-size:clamp(1.75rem,4vw,2.25rem)}.pricing-header p{color:var(--muted);font-size:1.0625rem}.billing-toggle{justify-content:center;align-items:center;gap:12px;margin:24px auto 40px;display:flex}.billing-toggle span{color:var(--muted);font-size:.875rem}.billing-toggle span.active{color:var(--fg);font-weight:500}.billing-switch{background:var(--accent);cursor:pointer;width:44px;height:24px;transition:var(--transition);border:none;border-radius:100px;position:relative}.billing-switch:after{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.billing-switch.yearly:after{left:23px}.save-badge{color:var(--success);font-size:.75rem;font-weight:500}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;padding:28px;display:flex;position:relative}.plan-card:hover{border-color:#c9ced4;border-color:lab(82.5914% -1.08778 -3.56801)}.plan-card.featured{border-color:var(--accent)}.plan-card.featured:before{content:"推荐";background:var(--accent);color:#fff;border-radius:100px;padding:2px 10px;font-size:.75rem;font-weight:500;position:absolute;top:-10px;right:20px}.plan-name{margin-bottom:4px;font-size:1rem;font-weight:600}.plan-desc{color:var(--muted);margin-bottom:20px;font-size:.8125rem}.plan-price{margin-bottom:24px}.plan-price .amount{letter-spacing:-.02em;font-size:2.5rem;font-weight:700;font-family:var(--font-display)}.plan-price .period,.plan-price .unit{color:var(--muted);font-size:.875rem}.plan-features{flex:1;margin-bottom:24px;list-style:none}.plan-features li{color:var(--fg);align-items:flex-start;gap:8px;padding:6px 0;font-size:.875rem;display:flex}.plan-features li svg{color:var(--success);flex-shrink:0;margin-top:2px}.plan-features li.disabled{color:var(--muted)}.plan-features li.disabled svg{color:var(--border)}.plan-card .btn{width:100%}.faq{max-width:640px;margin:0 auto}.faq h2{text-align:center;margin-bottom:24px}.faq-item{border-bottom:1px solid var(--border)}.faq-q{cursor:pointer;color:var(--fg);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-size:.9375rem;font-weight:500;display:flex}.faq-q svg{color:var(--muted);flex-shrink:0;transition:transform .2s}.faq-q.open svg{transform:rotate(180deg)}.faq-a{color:var(--muted);padding:0 0 16px;font-size:.875rem;line-height:1.7;display:none}.faq-a.open{display:block}@media (max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto 48px}}.profile-header{border-bottom:1px solid var(--border);align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.profile-avatar{background:var(--accent-light);width:64px;height:64px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.profile-name{font-size:1.25rem;font-weight:600}.profile-email{color:var(--muted);font-size:.875rem}.profile-joined{color:var(--muted);margin-top:2px;font-size:.75rem}.member-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.member-card .member-info{align-items:center;gap:12px;display:flex}.member-badge{border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:500}.member-badge.free{color:var(--muted);background:#edf2f8;background:lab(95.3516% -1.09163 -3.57015)}.member-badge.pro{background:var(--accent-light);color:var(--accent)}.member-expire{color:var(--muted);margin-top:4px;font-size:.8125rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-label{color:var(--muted);margin-bottom:8px;font-size:.8125rem}.stat-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;font-family:var(--font-display)}.stat-change{margin-top:4px;font-size:.75rem}.stat-change.up{color:var(--success)}.usage-section h3{margin-bottom:16px;font-size:1rem}.usage-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.usage-item:last-child{border-bottom:none}.usage-item .usage-label{font-size:.875rem}.usage-item .usage-right{align-items:center;gap:12px;display:flex}.usage-bar{background:var(--border);border-radius:100px;width:120px;height:4px;overflow:hidden}.usage-bar-fill{border-radius:100px;height:100%}.usage-count{color:var(--muted);font-size:.8125rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.quick-actions{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.quick-action{border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);cursor:pointer;transition:var(--transition);background:var(--surface);align-items:center;gap:10px;padding:14px 16px;font-size:.875rem;text-decoration:none;display:flex}.quick-action:hover{border-color:#c9ced4;border-color:lab(82.5914% -1.08778 -3.56801);text-decoration:none}.quick-action svg{color:var(--muted)}@media (max-width:640px){.stats-grid,.quick-actions{grid-template-columns:1fr}}.settings-section{margin-bottom:32px}.settings-section h2{margin-bottom:4px;font-size:1.125rem}.settings-section .section-desc{color:var(--muted);margin-bottom:20px;font-size:.875rem}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row .setting-label{font-size:.9375rem}.setting-row .setting-desc{color:var(--muted);margin-top:2px;font-size:.8125rem}.setting-form{max-width:480px}.avatar-change{align-items:center;gap:16px;margin-bottom:20px;display:flex}.avatar-preview{background:var(--accent-light);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.account-form-card{padding:24px}.account-form-card .avatar-change{margin-bottom:24px}.account-form-fields{gap:18px;display:grid}.account-form-fields label{gap:9px;font-size:.9375rem;font-weight:600;display:grid}.account-form-fields .input{padding:10px 12px}.storage-bar{margin:12px 0}.storage-bar .bar-track{background:var(--border);border-radius:100px;height:6px;overflow:hidden}.storage-bar .bar-fill{background:var(--accent);border-radius:100px;height:100%}.storage-bar .bar-labels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.danger-zone{border:1px solid var(--danger);border-radius:var(--radius-lg);margin-top:32px;padding:20px}.danger-zone h3{color:var(--danger);margin-bottom:4px;font-size:.9375rem}.danger-zone p{color:var(--muted);margin-bottom:16px;font-size:.8125rem}.workspace{grid-template-columns:1fr 320px;gap:24px;display:grid}.workspace-header{margin-bottom:24px}.workspace-header h1{margin-bottom:4px;font-size:1.5rem}.workspace-header p{color:var(--muted);font-size:.875rem}.preview-area{border:1px solid var(--border);border-radius:var(--radius-lg);background:#f3f5f7;background:lab(96.525% -.495404 -.992239);justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.preview-placeholder{text-align:center;color:var(--muted);padding:32px}.preview-placeholder svg{margin:0 auto 12px}.preview-doc{width:100%;padding:32px;position:relative}.preview-doc .page-mock{border:1px solid var(--border);background:#fff;border-radius:4px;max-width:560px;min-height:300px;margin:0 auto;padding:32px 40px;position:relative}.preview-doc .watermark-text{color:#a9afb44d;color:lab(70.9912% -1.08325 -3.56553/.3);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.1em;font-size:2rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.preview-doc .watermark-text.removed{display:none}.preview-doc .line{background:#e9ebee;background:lab(93.0362% -.553161 -1.78919);border-radius:2px;height:10px;margin-bottom:10px}.preview-doc .line.short{width:60%}.preview-doc .line.medium{width:80%}.detect-result{margin-top:16px}.detect-item{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;font-size:.875rem;display:flex}.detect-item .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.detect-item .dot.text{background:var(--warn)}.detect-item .dot.image{background:var(--accent)}.detect-item .dot.pattern{background:var(--success)}.detect-item .dot.annotation{background:var(--danger)}.detect-item .detect-info{flex:1}.detect-item .detect-type{font-weight:500}.detect-item .detect-meta{color:var(--muted);font-size:.75rem}.sidebar-section{margin-bottom:24px}.sidebar-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8125rem;font-weight:600}.strength-slider{width:100%;margin:8px 0}.strength-slider input[type=range]{appearance:none;background:var(--border);border-radius:100px;outline:none;width:100%;height:4px}.strength-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026;box-shadow:0 1px 4px lab(0% 0 0/.15)}.strength-labels{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.option-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.option-row label,.option-row>span{font-size:.875rem}.toggle{width:40px;height:22px;position:relative}.toggle input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle .slider{background:var(--border);cursor:pointer;transition:var(--transition);border-radius:100px;position:absolute;inset:0}.toggle .slider:before{content:"";width:16px;height:16px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider{background:var(--accent)}.toggle input:checked+.slider:before{transform:translate(18px)}.toggle input:disabled,.toggle.disabled .slider{cursor:not-allowed}.toggle input:disabled+.slider{opacity:.55}@media (max-width:768px){.workspace{grid-template-columns:1fr}.preview-doc .page-mock{min-height:200px;padding:20px}}.auth-card{padding:32px}.auth-form-wrap{margin-top:28px}.auth-form{gap:18px;display:grid}.auth-form label{gap:9px;font-size:.9375rem;font-weight:600;display:grid}.auth-form .input{padding:11px 14px}.password-field{position:relative}.password-field .input{padding-right:44px}.password-toggle{width:32px;height:32px;color:var(--muted);transition:var(--transition);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04)}.auth-form .btn{min-height:44px;margin-top:4px}.auth-footer{margin-top:22px}@media (max-width:640px){.auth-card{padding:24px}}.tool-icon.add-watermark{color:var(--accent);background:#e8f3ff;background:lab(95.289% -2.23663 -10.9027)}.add-watermark-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:24px;display:grid}.add-watermark-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:#f3f5f7;background:lab(96.525% -.495404 -.992239);justify-content:center;align-items:center;min-height:460px;display:flex;position:relative;overflow:hidden}.add-watermark-preview .preview-doc{width:100%;transition:var(--transition);transform-origin:50%;padding:32px}.add-watermark-preview .page-mock{border:1px solid var(--border);background:#fff;border-radius:4px;max-width:560px;min-height:320px;margin:0 auto;padding:32px 40px;position:relative;overflow:hidden}.wm-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wm-single{letter-spacing:.08em;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700;position:absolute;top:50%;left:50%}.wm-tile{flex-wrap:wrap;place-content:center;gap:92px 128px;display:flex;position:absolute;inset:-60px}.wm-tile span,.wm-diagonal span{letter-spacing:.08em;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700}.wm-diagonal{flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex;position:absolute;inset:-60px;transform:rotate(-30deg)}.wm-img-single{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.wm-img-single img{object-fit:contain;max-height:120px}.wm-img-tile{flex-wrap:wrap;place-content:center;gap:76px 96px;display:flex;position:absolute;inset:0}.wm-img-tile img{object-fit:contain;height:auto}.wm-img-placeholder{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);padding:8px 14px;font-size:.8125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.type-toggle{border-radius:var(--radius);background:#f0f2f4;background:lab(95.365% -.495404 -.992239);gap:2px;padding:3px;display:flex}.type-toggle-btn{color:var(--muted);text-align:center;transition:var(--transition);background:0 0;border:0;border-radius:6px;flex:1;padding:7px 0;font-size:.8125rem;font-weight:500}.type-toggle-btn.active{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #0000000f;box-shadow:0 1px 3px lab(0% 0 0/.06)}.range-row{align-items:center;gap:12px;display:flex}.range-row input[type=range]{appearance:none;background:var(--border);border-radius:100px;outline:none;flex:1;height:4px}.range-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000026;box-shadow:0 1px 4px lab(0% 0 0/.15)}.range-val{min-width:42px;color:var(--fg);font-family:var(--font-mono);text-align:right;font-size:.8125rem}.color-row{align-items:center;gap:10px;display:flex}.color-row input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;width:32px;height:32px;padding:2px}.color-hex{color:var(--muted);font-family:var(--font-mono);font-size:.8125rem}.color-swatches{gap:4px;margin-left:auto;display:flex}.color-swatches button{border:1px solid var(--border);border-radius:4px;width:20px;height:20px}.layout-options{gap:8px;display:flex}.layout-opt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);text-align:center;transition:var(--transition);flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0;font-size:.75rem;font-weight:500;display:flex}.layout-opt:hover{border-color:#b9bec4;border-color:lab(76.7913% -1.08567 -3.56684)}.layout-opt.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.layout-opt svg{width:20px;height:20px}.preset-row,.page-range-options{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.watermark-text-display{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:38px;color:var(--fg);background:#f3f5f7;background:lab(96.525% -.495404 -.992239);padding:9px 12px;font-size:.875rem;font-weight:600}.page-opt{border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:var(--transition);border-radius:6px;padding:5px 12px;font-size:.8125rem}.page-opt:hover{border-color:#b9bec4;border-color:lab(76.7913% -1.08567 -3.56684)}.page-opt.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.img-upload-mini{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition);padding:16px}.img-upload-mini:hover{border-color:var(--accent)}.img-upload-mini svg{color:var(--muted);margin:0 auto 6px}.img-upload-mini p{color:var(--muted);font-size:.75rem}.img-upload-mini .file-name{color:var(--fg);font-size:.8125rem;font-weight:500}.sidebar-scroll{max-height:calc(100vh - 140px);padding-right:4px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}@media (max-width:768px){.add-watermark-workspace{grid-template-columns:1fr}.add-watermark-preview .page-mock{min-height:220px;padding:20px}.sidebar-scroll{max-height:none}}.convert-workspace,.compress-workspace{grid-template-columns:minmax(0,1fr) 340px}.format-flow{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.format-group{flex:1;min-width:160px}.format-group label,.settings-group h4{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.format-options{flex-wrap:wrap;gap:6px;display:flex}.format-chip{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.format-chip:hover{border-color:#b4bfca;border-color:lab(76.7788% -2.0988 -7.09569)}.format-chip.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.format-chip:disabled{cursor:not-allowed;opacity:.55}.format-arrow,.convert-arrow{color:var(--accent);justify-content:center;align-items:center;display:flex}.file-info-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:24px;padding:20px}.file-info-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.file-info-row:last-child{margin-bottom:0}.file-info-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.file-info-icon.convert{color:var(--warn);background:#fbf1dc;background:lab(95.4698% 1.04171 11.5708)}.file-info-icon.pdf{background:var(--danger-light);color:var(--danger)}.file-info-icon.word{color:#005fa9;color:lab(38.763% -.995994 -50.0895);background:#d7eaff;background:lab(91.8265% -3.9838 -14.0915)}.file-info-icon.excel{color:#02721c;color:lab(41.435% -42.2979 36.9109);background:#d0f3d0;background:lab(92.6574% -16.7672 13.1449)}.file-info-icon.ppt{color:#b45100;color:lab(46.6924% 44.4794 98.3413);background:#ffe1cc;background:lab(91.6653% 12.2908 19.4543)}.file-info-icon.image{color:#5554b6;color:lab(40.0008% 21.9394 -52.5894);background:#e1e5ff;background:lab(91.3694% 4.77421 -21.9084)}.file-info-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.9375rem;font-weight:600;overflow:hidden}.file-info-meta{color:var(--muted);font-size:.8125rem}.file-info-actions{gap:8px;margin-left:auto;display:flex}.file-info-actions button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem}.file-info-actions button:hover{text-decoration:underline}.convert-summary,.size-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.convert-summary{border-radius:var(--radius);background:#f3f5f7;background:lab(96.525% -.495404 -.992239);padding:16px}.convert-box,.size-box{text-align:center}.convert-label,.size-label,.rs-label{color:var(--muted);margin-bottom:4px;font-size:.75rem}.convert-format{justify-content:center;align-items:center;gap:6px;font-size:1rem;font-weight:700;display:flex}.cf-dot{border-radius:2px;width:8px;height:8px;display:inline-block}.cf-dot.pdf{background:var(--danger)}.cf-dot.docx{background:var(--accent)}.cf-dot.jpg{background:#d74745;background:lab(51.7988% 56.7776 34.0415)}.cf-dot.png{background:#00997c;background:lab(55.5375% -53.8008 4.59329)}.tool-hint{border-radius:var(--radius);background:var(--accent-light);color:var(--accent);margin-bottom:16px;padding:12px 16px;font-size:.8125rem}.settings-group{margin-bottom:16px}.quality-slider{margin-bottom:20px}.quality-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quality-header label{font-size:.875rem;font-weight:500}.quality-val{color:var(--accent);font-family:var(--font-mono);font-size:.8125rem;font-weight:600}.quality-slider input[type=range]{appearance:none;background:var(--border);border-radius:100px;outline:none;width:100%;height:6px}.quality-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000001f;box-shadow:0 1px 4px lab(0% 0 0/.12)}.quality-slider input[type=range]:disabled{opacity:.45}.quality-marks{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:.6875rem;display:flex}.format-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.format-tag{border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:var(--transition);border-radius:100px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.format-tag.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.format-tag:disabled{cursor:default;opacity:.72}.size-value{color:var(--fg);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.size-value.compressed{color:var(--success)}.size-arrow{background:var(--accent-light);width:40px;height:40px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.size-saved{border-radius:var(--radius);background:var(--success-light);color:var(--success);text-align:center;margin-top:12px;padding:10px;font-size:.875rem;font-weight:600}.compress-subtitle{margin-bottom:12px;font-size:1rem}.compress-levels{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.level-card{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);text-align:center;cursor:pointer;transition:var(--transition);padding:14px 12px;position:relative}.level-card:hover{border-color:#b4bfca;border-color:lab(76.7788% -2.0988 -7.09569)}.level-card.active{border-color:var(--accent);background:var(--accent-light)}.level-name{margin-bottom:4px;font-size:.875rem;font-weight:600}.level-desc{color:var(--muted);font-size:.75rem;line-height:1.4}.level-badge{letter-spacing:.04em;border-radius:100px;padding:2px 6px;font-size:.625rem;font-weight:700;position:absolute;top:-8px;right:-8px}.level-badge.recommended{background:var(--accent);color:#fff}.result-files{max-width:420px;margin:20px auto 0}.result-file-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;align-items:center;gap:12px;padding:12px;display:flex}.result-file-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.convert-result-icon{color:var(--accent);background:#e8f3ff;background:lab(95.289% -2.23663 -10.9027)}.result-file-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.875rem;font-weight:500;overflow:hidden}.result-file-meta{color:var(--muted);font-size:.75rem}.result-file-dl{color:var(--accent);margin-left:auto;font-size:.8125rem}.result-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:420px;margin:20px auto 0;display:grid}.result-size{text-align:center}.rs-value{font-size:1.5rem;font-weight:700}.rs-value.after{color:var(--success)}.result-saved-tag{background:var(--success-light);color:var(--success);border-radius:100px;margin-top:12px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-block}@media (max-width:768px){.convert-workspace,.compress-workspace{grid-template-columns:1fr}.convert-workspace>:last-child,.compress-workspace>:last-child{order:-1}.format-flow{flex-direction:column;align-items:stretch;gap:12px}.format-arrow{transform:rotate(90deg)}.format-group{min-width:100%}.compress-levels{grid-template-columns:1fr}.size-value{font-size:1.25rem}}:root{--bg:#fbfcfd;--surface:#fff;--fg:#0e1217;--muted:#6a6f76;--border:#e2e5e8;--accent:#1779e1;--accent-hover:#0060c3;--accent-light:#e8f3ff;--success:#267d30;--success-light:#e6f8e6;--warn:#c09000;--warn-light:#fbf1dc;--danger:#d40924;--danger-light:#ffecea;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--nav-h:56px;--max-w:1200px;--radius:8px;--radius-lg:12px;--transition:.15s ease}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.8433% -.330776 -.661802);--surface:lab(100% 0 0);--fg:lab(5.2525% -.827231 -3.55052);--muted:lab(46.6278% -1.26901 -4.26236);--border:lab(90.7162% -.552952 -1.78909);--accent:lab(49.9088% 4.02367 -61.7788);--accent-hover:lab(40.0694% 11.4045 -68.3357);--accent-light:lab(95.289% -2.23663 -10.9027);--success:lab(45.9863% -39.3676 33.4112);--success-light:lab(95.7544% -8.3831 6.51568);--warn:lab(62.9831% 13.7603 87.5802);--warn-light:lab(95.4698% 1.04171 11.5708);--danger:lab(45.5382% 69.8881 46.2994);--danger-light:lab(95.0829% 9.19622 4.96011)}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.25}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbced1;background:lab(82.5962% -.552356 -1.78871);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a9afb4;background:lab(70.9912% -1.08325 -3.56553)}img{max-width:100%;display:block}.container-page{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.page-section{padding-top:32px;padding-bottom:80px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.btn{border-radius:var(--radius);transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);text-decoration:none}.btn-secondary{color:var(--fg);border-color:var(--border);background:0 0}.btn-secondary:hover{background:#00000008;background:lab(0% 0 0/.03);text-decoration:none}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--fg);background:#0000000a;background:lab(0% 0 0/.04);text-decoration:none}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:4px 10px;font-size:.8125rem}.btn-lg{padding:12px 24px;font-size:1rem}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);padding:8px 12px;font-size:.875rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.badge{border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-muted{color:var(--muted);background:#f0f2f4;background:lab(95.365% -.495404 -.992239)}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warn{background:var(--warn-light);color:var(--warn)}.badge-danger{background:var(--danger-light);color:var(--danger)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}tr:last-child td{border-bottom:none}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:10px;width:232px;padding:12px;display:flex;position:fixed;inset:0 auto 0 0}.admin-main{flex:1;min-height:100vh;margin-left:232px}.admin-topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.admin-content{padding:24px}.layout{font-size:14px}.layout .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.layout .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.layout .plans-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.layout .plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.layout .plan-card.current{border-color:var(--accent)}.layout .plan-price{letter-spacing:-.02em;font-size:24px;font-weight:700}.layout .plan-detail{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}@media (max-width:768px){.container-page{padding:0 16px}.page-section{padding-top:20px;padding-bottom:48px}.admin-layout{display:block}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;position:static}.admin-main{margin-left:0}.admin-content{padding:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}