.app-tool-page{--tool-accent:#b1f241;--tool-accent-text:#1f2317;background:#fff}.app-tool-page .page-shell{height:calc(100vh - 62px);padding-bottom:0;overflow:hidden}.tool-upload-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tool-page{height:100%;padding-top:var(--header-height);background:#fff;overflow:hidden}.tool-layout{display:grid;grid-template-columns:160px 346px minmax(0,1fr);height:100%}@media (min-width:1181px) and (max-width:1280px){.tool-layout{grid-template-columns:346px minmax(0,1fr)}}.tool-config-panel,.tool-entry-rail,.tool-result-panel{min-width:0;height:100%;background:#fff}.tool-entry-rail{overflow-y:auto;padding:20px 10px 24px;border-right:1px solid #eceff3}.tool-config-panel{display:flex;flex-direction:column;padding:16px 18px 0;border-right:1px solid #eceff3;overflow:hidden}.tool-config-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 4px 18px 0}.tool-config-footer{flex:0 0 auto;position:sticky;bottom:0;z-index:4;padding:16px 0 18px;border-top:1px solid #f0f3f6;background:#fff}.tool-result-panel{overflow-y:auto;padding:16px 18px 24px}.tool-config-scroll,.tool-entry-rail,.tool-result-panel,.tool-select-menu{scrollbar-width:thin;scrollbar-color:rgba(166,173,186,0.72) transparent}.tool-config-scroll::-webkit-scrollbar,.tool-entry-rail::-webkit-scrollbar,.tool-result-panel::-webkit-scrollbar,.tool-select-menu::-webkit-scrollbar{width:8px;height:8px}.tool-config-scroll::-webkit-scrollbar-track,.tool-entry-rail::-webkit-scrollbar-track,.tool-result-panel::-webkit-scrollbar-track,.tool-select-menu::-webkit-scrollbar-track{background:0 0}.tool-config-scroll::-webkit-scrollbar-thumb,.tool-entry-rail::-webkit-scrollbar-thumb,.tool-result-panel::-webkit-scrollbar-thumb,.tool-select-menu::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:rgba(166,173,186,.72);background-clip:padding-box}.tool-config-scroll::-webkit-scrollbar-thumb:hover,.tool-entry-rail::-webkit-scrollbar-thumb:hover,.tool-result-panel::-webkit-scrollbar-thumb:hover,.tool-select-menu::-webkit-scrollbar-thumb:hover{background:rgba(136,144,158,.88);background-clip:padding-box}.tool-entry-section+.tool-entry-section{margin-top:16px}.tool-entry-section h2{margin:0 0 6px;padding:0 8px;color:#8f95a1;font-size:14px;font-weight:500}.tool-entry-list{display:grid;gap:4px}.tool-entry-item{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:8px;color:#333;font-size:14px;font-weight:500;transition:background-color .16s ease,color .16s ease}.tool-entry-item:hover{background:#f6f7f9}.tool-entry-item.is-active,.tool-entry-item.is-active:hover{background:var(--tool-accent);color:var(--tool-accent-text)}.tool-entry-icon,.tool-entry-icon img{width:18px;height:18px;flex:0 0 auto;color:var(--tool-accent-text)}.tool-config-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-right:4px}.tool-config-head h1{margin:0;color:#2b3038;font-size:16px;font-weight:700}.tool-title-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.tool-free-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:4px;background:#eef9d7;color:#6a9f00;font-size:12px;font-weight:700;white-space:nowrap}.tool-config-guide{position:relative;z-index:36;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:8px;color:#3c424c;font-size:14px;font-weight:500;transition:background-color .16s ease}.tool-config-guide:hover{background:#f3f5f8}.tool-config-guide-icon,.tool-config-guide-icon img{width:18px;height:18px}.tool-config-guide-tip{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:250px;max-width:290px;padding:12px 14px;border-radius:8px;background:rgba(28,29,33,.94);color:#fff;font-size:13px;line-height:1.65;text-align:left;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.tool-config-guide-tip::after{content:"";position:absolute;right:24px;bottom:100%;width:12px;height:12px;background:rgba(28,29,33,.94);transform:translateY(7px) rotate(45deg)}.tool-config-guide:focus-visible .tool-config-guide-tip,.tool-config-guide:hover .tool-config-guide-tip{opacity:1;transform:translateY(0)}.tool-upload-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:186px;padding:18px;border:1px dashed var(--tool-accent);border-radius:16px;background:#f6f7f9;color:#333;text-align:center}.tool-upload-card-icon,.tool-upload-card-icon img{width:32px;height:32px;color:var(--tool-accent-text)}.tool-upload-card em,.tool-upload-card strong{font-size:16px;font-style:normal;font-weight:700;color:#333}.tool-upload-card strong{margin-top:10px}.tool-upload-card em{margin-top:2px}.tool-upload-card p{margin:6px 0 0;color:#878d99;font-size:12px;line-height:1.35}.tool-config-block{margin-top:18px}.tool-config-title{margin:0 0 10px;color:#333;font-size:14px;font-weight:700}.tool-config-caption{margin:0 0 8px;color:#7b8491;font-size:12px;line-height:1.5}.tool-field-grid,.tool-range-wrap{display:grid;gap:10px}.tool-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-input{width:100%;height:42px;padding:0 12px;border:1px solid #e5e8ee;border-radius:8px;background:#fff;color:#2f3540;font-size:14px}.tool-range{width:100%;accent-color:var(--tool-accent)}.tool-range-value,.tool-small-note{color:#7b8491;font-size:12px}.tool-checkbox{display:inline-flex;align-items:center;gap:8px;color:#4b5563;font-size:14px}.tool-select-wrap{position:relative}.tool-select{display:flex;align-items:center;justify-content:flex-start;width:100%;height:42px;padding:0 40px 0 12px;border:1px solid #e5e8ee;border-radius:8px;background:#fff;color:#2f3540;font-size:14px}.tool-select-arrow,.tool-select-arrow img{position:absolute;right:12px;top:50%;width:16px;height:16px;color:#97a0ad;transform:translateY(-50%);pointer-events:none}.tool-select-wrap.is-open .tool-select-arrow{transform:translateY(-50%) rotate(180deg)}.tool-select-menu{position:fixed;z-index:120;display:grid;gap:2px;padding:8px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.08);overflow-y:auto}.tool-select-menu[hidden]{display:none!important}.tool-select-option{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;border-radius:8px;color:#2f3540;font-size:14px;text-align:left}.tool-select-option:hover{background:#f5f7fb}.tool-select-option.is-active{background:rgba(177,242,65,.16);color:#222}.tool-select-option-check,.tool-select-option-check img{width:14px;height:14px}.tool-select-option-check{color:transparent}.tool-select-option.is-active .tool-select-option-check{color:var(--tool-accent)}.tool-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border-radius:16px;background:#23262b;color:#fff;font-size:15px;font-weight:700}.tool-submit-icon,.tool-submit-icon img{width:16px;height:16px;color:var(--tool-accent)}.tool-submit-icon{background:var(--tool-accent);-webkit-mask:url("https://img1.zuotuniao.com/web/img/icons/sparkles.svg") center/contain no-repeat;mask:url("https://img1.zuotuniao.com/web/img/icons/sparkles.svg") center/contain no-repeat}.tool-submit-icon img{display:none}.tool-submit:disabled{opacity:.45;cursor:not-allowed}.tool-config-note{margin:10px 0 0;color:#949cab;font-size:12px;line-height:1.5;text-align:center}.tool-showcase{min-height:100%}.tool-showcase[hidden],.tool-workspace[hidden]{display:none!important}.tool-showcase{display:flex;flex-direction:column;justify-content:center;padding:24px}.tool-showcase-head h1{margin:0;color:#2b3038;font-size:22px;font-weight:700}.tool-showcase-head p{margin:10px 0 0;color:#7b8491;font-size:14px;line-height:1.7}.tool-showcase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.tool-showcase-step{padding:18px;border:1px solid #edf0f5;border-radius:16px;background:#fff}.tool-showcase-icon,.tool-showcase-icon img{width:24px;height:24px;color:var(--tool-accent-text)}.tool-showcase-step strong{display:block;margin-top:12px;color:#2b3038;font-size:15px}.tool-showcase-step p{margin:8px 0 0;color:#7b8491;font-size:13px;line-height:1.6}.tool-result-section-head,.tool-workspace-actions,.tool-workspace-head,.tool-workspace-title{display:flex;align-items:center}.tool-result-section-head,.tool-workspace-head{justify-content:space-between}.tool-workspace-title{gap:14px}.tool-result-section-head h2,.tool-workspace-title strong{color:#2b3038;font-size:16px;font-weight:700}.tool-result-section-head p,.tool-workspace-title p{margin:0;color:#7b8491;font-size:13px}.tool-workspace-link{color:#6f7785;font-size:14px}.tool-upload-error{margin:14px 0 0;padding:10px 12px;border:1px solid #f1d9d9;border-radius:8px;background:#fff7f7;color:#b54d4d;font-size:14px}.tool-result-section{margin-top:20px}.tool-result-grid,.tool-source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px;margin-top:14px}.tool-result-empty,.tool-source-empty{padding:18px;border:1px dashed #d8dde6;border-radius:16px;color:#7b8491;font-size:13px;text-align:center}.tool-card,.tool-result-card{overflow:hidden;border:1px solid #edf0f5;border-radius:16px;background:#fff}.tool-card-media,.tool-result-card-media{position:relative;background:linear-gradient(45deg,#eceff3 25%,transparent 25%,transparent 75%,#eceff3 75%,#eceff3),linear-gradient(45deg,#eceff3 25%,transparent 25%,transparent 75%,#eceff3 75%,#eceff3);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff}.tool-card-media{aspect-ratio:1/1}.tool-result-card-media{aspect-ratio:1/1}.tool-card-media img,.tool-result-card-media img{width:100%;height:100%;object-fit:contain}.tool-card-body,.tool-result-card-body{padding:12px}.tool-card-name,.tool-result-card-name{display:block;color:#2b3038;font-size:13px;font-weight:600;line-height:1.45;word-break:break-all}.tool-card-meta,.tool-result-card-meta{display:block;margin-top:4px;color:#8b94a1;font-size:12px}.tool-card-actions button,.tool-card-remove,.tool-result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;padding:0 10px;border:1px solid #e5e8ee;border-radius:8px;background:#fff;color:#5b6572;font-size:12px;font-weight:600}.tool-card-actions button img,.tool-card-remove img,.tool-result-actions button img{width:14px;height:14px}.tool-card-actions,.tool-result-actions{display:flex;gap:8px;margin-top:10px}.tool-card-actions button:hover,.tool-card-remove:hover,.tool-result-actions button:hover{background:#f5f7fa}.tool-preview-modal{position:fixed;inset:0;z-index:80}.tool-preview-backdrop{position:absolute;inset:0;background:rgba(17,20,24,.58)}.tool-preview-dialog{position:absolute;inset:50% auto auto 50%;width:min(calc(100% - 40px),880px);transform:translate(-50%,-50%);padding:16px;border-radius:16px;background:#fff}.tool-preview-dialog img{width:100%;max-height:70vh;object-fit:contain}.tool-preview-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#fff;color:#2f3540}.tool-preview-close img{width:18px;height:18px}@media (max-width:1180px){.app-tool-page .page-shell,.tool-layout,.tool-page{height:auto;overflow:visible}.tool-layout{grid-template-columns:1fr}.tool-config-panel,.tool-result-panel{height:auto;overflow:visible;border-right:0;border-bottom:1px solid #eceff3}.tool-config-scroll,.tool-result-panel{overflow:visible}}@media (max-width:768px){.tool-field-grid,.tool-showcase-steps{grid-template-columns:1fr}.tool-result-grid,.tool-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}