:root{--primary-color:#018463;--primary-hover:#01664c;--primary-light:#e8f5f3;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--text-primary:#1C1917;--text-secondary:#57534E;--text-muted:#A8A29E;--border-color:#E6E1DA;--bg-light:#FAF8F5;--bg-white:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.tool-theme{--tool-accent:var(--tool-color);--tool-tint:color-mix(in srgb,var(--tool-color) 5%,var(--ui-surface-solid));--tool-line:color-mix(in srgb,var(--tool-color) 25%,var(--ui-line));--ui-accent:var(--tool-accent);--primary-color:var(--tool-accent);--primary-light:var(--tool-tint);color:var(--ui-ink)}.tool-theme .tool-page-view>:not(header){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.tool-theme :is(button,a,input,select,textarea):focus-visible{--tw-ring-color:var(--tool-accent);outline-color:var(--tool-accent)}.tool-theme :is(input,select,textarea):focus-visible{border-color:var(--tool-accent)}.tool-theme :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--tool-color)}.tool-theme .tool-panel{border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface-solid);box-shadow:none}.tool-theme .tool-toolbar{border-color:var(--ui-line);background:var(--tool-tint);border-radius:12px}.tool-theme .tool-ink{color:var(--tool-accent)!important}.tool-theme .tool-control-point{background:var(--tool-color)}.tool-theme .tool-header-trigger:hover h1,.tool-theme .tool-header-trigger>svg{color:var(--tool-accent)}.tool-theme .tool-badge{border-radius:6px}.tool-theme .tool-badge,.tool-theme .tool-soft-action{color:var(--tool-accent)!important;background:var(--tool-tint)}.tool-theme .tool-soft-action:hover:not(:disabled){background:color-mix(in srgb,var(--tool-color) 13%,var(--ui-surface-solid))}.tool-theme .image-comparison__result-label{background:var(--tool-color)}.tool-theme .tool-choice[aria-pressed=true],.tool-theme .tool-choice[data-selected=true]{color:var(--tool-accent)!important;border-color:var(--tool-line);background:var(--tool-tint);--tw-ring-color:var(--tool-line)}.tool-theme .tool-choice[aria-pressed=true]>:not(img):not(canvas){color:inherit}.tool-theme .tool-action,.tool-theme .ui-button-primary,.tool-theme [data-ui-variant=solid]:is([data-ui-color=primary],[data-ui-color=indigo],[data-ui-color=dark]){background:var(--tool-color)!important;color:#fff!important;border-color:rgba(0,0,0,0);box-shadow:none}.tool-theme .tool-action:hover:not(:disabled),.tool-theme .ui-button-primary:hover:not(:disabled),.tool-theme [data-ui-variant=solid]:is([data-ui-color=primary],[data-ui-color=indigo],[data-ui-color=dark]):hover:not(:disabled){background:color-mix(in srgb,var(--tool-color) 88%,#000)!important}.tool-theme .tool-quiet{color:var(--ui-muted)!important}.tool-theme .tool-quiet:hover{color:var(--ui-ink)!important}.tool-theme [data-ui-variant=outline]:is([data-ui-color=primary],[data-ui-color=indigo]){color:var(--tool-accent);border-color:var(--tool-line);background:var(--ui-surface-solid)}.tool-theme .tool-upload{min-height:112px;justify-content:center;gap:16px;padding:22px 24px;border:1.5px dashed color-mix(in srgb,var(--tool-accent) 50%,var(--ui-line));background:var(--tool-tint);border-radius:14px;transition:border-color .16s,background-color .16s}.tool-theme .tool-upload[data-has-file=true]{min-height:88px;padding-block:16px}.tool-theme .tool-upload:hover:not(:disabled),.tool-theme .tool-upload[data-drag-over=true]{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-color) 9%,var(--ui-surface-solid))}.tool-theme .tool-upload:focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.tool-theme .tool-upload__icon{width:44px;height:44px;background:rgba(0,0,0,0);color:var(--tool-accent);border-radius:12px;box-shadow:none}.tool-theme .tool-upload__title{color:var(--ui-ink);font-size:14px;line-height:1.6}.tool-theme .tool-upload:hover .tool-upload__title{color:var(--tool-accent)}.tool-theme .tool-upload__copy>:last-child{line-height:1.7;margin-top:3px;color:var(--ui-muted)}.tool-theme .tool-examples{margin-top:10px}.tool-theme .tool-examples>div{justify-content:center;padding-inline:4px}.tool-theme .tool-example{border-color:var(--ui-line);box-shadow:none}.tool-theme .tool-example:hover:not(:disabled){border-color:var(--tool-accent)}.tool-theme .tool-example[aria-pressed=true]{border-color:var(--tool-accent);background:var(--tool-tint);color:var(--tool-accent)}.tool-theme .tool-color-swatch[aria-pressed=true],.tool-theme .tool-examples button[aria-pressed=true]{border-color:var(--tool-accent);--tw-ring-color:var(--tool-line)}.tool-theme .tool-search__controls{padding:12px}.tool-theme .tool-search-card{border-color:var(--ui-line);border-radius:14px;background:var(--ui-surface-solid)}.tool-theme .tool-search-card:hover{border-color:var(--tool-line)}.tool-theme .tool-search-card:hover .tool-search__photo{transform:scale(1.035)}.tool-theme .tool-search__photo{transition:transform .26s ease}.tool-theme .tool-preview__title{display:flex;align-items:center;gap:7px;color:var(--ui-muted)}.tool-theme .tool-preview__title:before{content:"";width:5px;height:5px;border-radius:2px;background:var(--tool-accent)}.tool-theme .tool-preview__frame{border-color:var(--ui-line);border-radius:12px;background:var(--ui-surface-solid)}.tool-theme .tool-pdf-preview{border:1px solid var(--ui-line);border-radius:14px;--tw-ring-color:transparent}.tool-theme .tool-pdf-preview>header,.tool-theme .tool-pdf-preview__toolbar{background:var(--tool-tint)}.tool-theme .tool-pdf-preview [aria-pressed=true]{color:var(--tool-accent);background:var(--tool-tint)}.tool-theme .tool-workbench{border-color:var(--ui-line);border-radius:14px;background:var(--ui-surface-solid)}.tool-theme .tool-workbench:is(:fullscreen,.is-fullscreen){border-radius:0}.tool-theme .markdown2pdf__actions,.tool-theme .pdf-editor__filebar{background:var(--tool-tint)}.tool-theme .slider-input-container{min-width:0}.tool-theme .slider-input-container input[type=range]{flex:1;min-width:40px;background:linear-gradient(to right,var(--tool-color) var(--progress,50%),var(--ui-line) var(--progress,50%))}.tool-theme .slider-input-container input[type=range]::-webkit-slider-thumb{background:var(--tool-color);box-shadow:none}.tool-theme .slider-input-container input[type=range]::-moz-range-thumb{background:var(--tool-color);box-shadow:none}.tool-theme .slider-input-container input[type=range]::-moz-range-progress{background:var(--tool-color)}.tool-theme .slider-input-container .number-input{background:var(--ui-surface-solid);color:var(--ui-ink);border-color:var(--ui-line);border-radius:6px}.tool-theme .tool-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:var(--tool-tint)!important;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);color:var(--ui-ink)}.tool-theme .tool-summary__title{color:var(--ui-ink)!important;font-size:17px;font-weight:650}.tool-theme .tool-summary__title>svg{color:var(--tool-accent)}.tool-theme .tool-summary__title[data-status=success]>svg{color:#168366}.tool-theme .tool-summary__title[data-status=error]>svg{color:#b45309}.tool-theme .tool-summary__detail{color:var(--ui-muted)!important;font-size:12px}@media(max-width:639px){.tool-theme .tool-upload{justify-content:flex-start;padding:18px 16px;min-height:100px;gap:12px}.tool-theme .tool-upload__icon{width:40px;height:40px}.tool-theme .tool-upload__title{font-size:13px}.tool-theme .tool-summary{padding:15px 14px;gap:12px}.tool-theme .tool-summary__title{font-size:15px}}.dark .tool-theme{--tool-accent:color-mix(in srgb,var(--tool-color) 35%,#fff);--tool-tint:color-mix(in srgb,var(--tool-color) 13%,var(--ui-surface-solid));--tool-line:color-mix(in srgb,var(--tool-color) 44%,var(--ui-line))}.tool-image-modal{--tool-highlight:color-mix(in srgb,var(--tool-color) 35%,#fff)}.tool-image-modal .dk-image-editor__save-btn{background:var(--tool-color);color:#fff}.tool-image-modal .dk-image-editor__save-btn:hover{background:color-mix(in srgb,var(--tool-color) 88%,#000)}.tool-image-modal .dk-image-editor__finetune-option--active,.tool-image-modal .dk-image-editor__tool-btn--active,.tool-image-modal .dk-image-editor__tool-button.active,.tool-image-modal .dk-image-editor__unified-button--active{background:color-mix(in srgb,var(--tool-color) 28%,transparent);color:var(--tool-highlight);border-color:var(--tool-highlight);box-shadow:none}.tool-image-modal .dk-image-editor__filter-preview.dk-image-editor__unified-button--active{background:color-mix(in srgb,var(--tool-color) 28%,#222);border-color:var(--tool-highlight);box-shadow:none}.tool-image-modal .dk-image-editor__filter-preview.dk-image-editor__unified-button--active .dk-image-editor__filter-name{color:var(--tool-highlight);text-shadow:none}.tool-image-modal .dk-image-editor .dk-img-editor-manipulator[data-control=point]{background:var(--tool-highlight)!important}.tool-image-modal input[type=range]{accent-color:var(--tool-highlight)}@media(prefers-reduced-motion:reduce){.tool-theme :is(.tool-upload,.tool-choice,.tool-search-card,.tool-action){transition:none;transform:none}.tool-theme .tool-search__photo{transition:none;transform:none!important}}.tools-layout{width:100%;min-height:80vh}.tools-layout__shell>main>:is(div,section,article,aside){padding-left:0!important;padding-right:0!important}.tools-layout__shell>main>:first-child:not(aside){min-height:500px}.tools-layout .app-container{width:100%;max-width:none}@media(min-width:640px){.tools-layout .app-container{padding-left:1.5rem;padding-right:1.5rem}}.tools-container{margin:0 auto;padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg);min-height:calc(100vh - 200px)}.tools-sidebar{width:260px;background:var(--bg-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:-moz-fit-content;height:fit-content;position:sticky;top:80px;min-width:200px;flex-shrink:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-color);font-size:18px;font-weight:600;color:var(--text-primary);padding:1rem 1.5rem}.tools-content{background:var(--bg-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);min-height:500px;max-width:calc(100% - 284px)}@media(max-width:979px){.tools-content{max-width:100%}}.content-header{margin-bottom:var(--spacing-xl)}.content-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.content-header .description{color:var(--text-secondary);font-size:16px;line-height:1.6}.item-content{display:flex;align-items:center;justify-content:space-between;padding:12px var(--spacing-lg);cursor:pointer;transition:var(--transition-fast);border-left:3px solid rgba(0,0,0,0)}.item-content:hover{background:var(--bg-light)}.item-content.active{background:var(--primary-light);border-left-color:var(--primary-color);color:var(--primary-color)}.item-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:16px}.item-text{flex:1;font-size:14px;font-weight:500;line-height:1.1}.expand-icon{width:16px;height:16px;transition:transform .2s;display:flex;align-items:center}.expand-icon.expanded{transform:rotate(90deg)}.sub-items{background:#fafafa}.spinner{border-width:2px;border-top:2px solid var(--border-color);border-radius:50%;animation:spin 1s linear infinite;width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);margin:0 auto var(--spacing-md)}.page-header{margin-bottom:var(--spacing-xl)}.page-title-section{margin-top:var(--spacing-md)}.page-title{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.page-title .version{font-size:.5em;color:var(--text-secondary);font-weight:400;vertical-align:middle}.page-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.tool-header{margin-bottom:var(--spacing-xl)}.tool-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.version{font-size:.5em;font-weight:400;vertical-align:middle}.tool-description,.version{color:var(--text-secondary)}.tool-description{font-size:14px;line-height:1.6}.border-box{border:1px solid #d9ede8;border-top:3px solid #6366f1;border-radius:4px;margin-top:20px;overflow:hidden}.controls-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;flex-wrap:wrap;background:#e8f5f3;color:#008463;font-weight:400}.controls-row input[type=range]{width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,#2a7f6a 0,#2a7f6a var(--progress,50%),#ddd var(--progress,50%),#ddd 100%);outline:none}.controls-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2a7f6a;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.controls-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2a7f6a;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);border:none}.controls-row input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#ddd}.controls-row input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:#2a7f6a}.controls-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:3px;background:#fff;cursor:pointer;position:relative}.controls-row input[type=checkbox]:checked{background:#2a7f6a;border-color:#227b65}.controls-row input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.controls-row input[type=checkbox]:hover{border-color:#2a7f6a}.bag-preview{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:20px}.control-item{display:flex;align-items:center;gap:10px;white-space:nowrap}.control-item label,.control-item select{font-size:12px;color:#333}.control-item input[type=checkbox]{width:18px;height:18px}.image-stats{display:flex;flex-direction:column;gap:5px;margin-top:15px;font-size:12px;color:#666;padding:0 4px}.stat-row{display:flex;justify-content:space-between}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-sidebar-toggle{display:none;position:fixed;bottom:32px;left:16px;z-index:1001;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s}.mobile-sidebar-toggle:hover{background:var(--bg-light)}.mobile-sidebar-toggle svg{color:var(--text-white)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}@media(max-width:768px){.mobile-sidebar-toggle{display:flex}.sidebar-overlay{display:block}.tools-container{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-md)}.tools-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:left .3s ease;overflow-y:auto}.tools-sidebar.open{left:0}.tools-content{padding:var(--spacing-lg)}.page-title{font-size:24px}.page-description{font-size:14px}.controls-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm)}.control-item{gap:var(--spacing-xs);width:100%}.app-breadcrumb .app-breadcrumb-list{font-size:12px}}