.tool-page{max-width:960px;width:100%;min-height:1px}.tool-header{margin-bottom:var(--space-xl)}.tool-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-sm);line-height:1.2}.tool-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;max-width:640px}.tool-body{display:flex;flex-direction:column;gap:var(--space-lg)}.tool-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.tool-panel{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.tool-panel-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.tool-panel-actions{display:flex;gap:var(--space-xs)}.tool-panel-body{flex:1;padding:0}.tool-panel-body .textarea{border:none;border-radius:0;min-height:300px;background:transparent;resize:none}.tool-panel-body .textarea:focus{box-shadow:none}.tool-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tool-options{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-option{display:flex;align-items:center;gap:var(--space-sm)}.tool-option label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.tool-option .select,.tool-option .input{width:auto;min-width:120px}.tool-stats{display:flex;flex-wrap:wrap;gap:var(--space-md)}.tool-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:120px}.tool-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.tool-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.tool-panel-full{grid-column:1 / -1}.related-tools{margin-top:var(--space-3xl)}.related-tools-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-md)}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.workflow-links{margin-top:var(--space-xl)}.workflow-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.workflow-link-card{display:block;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);background:var(--color-surface);transition:all var(--transition-base)}.workflow-link-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.workflow-link-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-xs)}.workflow-link-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.tool-info{margin-top:var(--space-3xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-info h2{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-md)}.tool-info p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.tool-info ul,.tool-info ol{color:var(--color-text-secondary);padding-left:var(--space-lg);margin-bottom:var(--space-md)}.tool-info li{margin-bottom:var(--space-sm)}.use-case-steps{color:var(--color-text-secondary);padding-left:var(--space-lg)}.use-case-steps li{margin-bottom:var(--space-sm)}@media(max-width:768px){.tool-panels{grid-template-columns:1fr}.tool-title{font-size:var(--text-2xl)}.tool-stats{display:grid;grid-template-columns:repeat(2,1fr)}}.header-dropzone-wrapper{display:flex;align-items:center;gap:12px;margin-left:var(--space-sm)}.header-dropzone-shell{position:relative}.header-dropzone-hint{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.header-dropzone{position:relative;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 14px;background:#ffffff05;border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.header-dropzone:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dropzone-info-wrapper{position:relative;display:flex;align-items:center;color:var(--color-text-tertiary);margin-left:2px;cursor:help;transition:color var(--transition-fast)}.dropzone-info-wrapper:hover{color:var(--color-text)}.dropzone-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:min(220px,calc(100vw - 24px));background:var(--color-surface);border:1px solid var(--color-border);padding:10px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:12px;font-weight:400;color:var(--color-text-secondary);text-align:left;line-height:1.5;white-space:normal;display:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown);pointer-events:none}.dropzone-info-wrapper:hover .dropzone-tooltip,.dropzone-info-wrapper:focus-within .dropzone-tooltip{display:block;opacity:1;visibility:visible;transform:translateY(0)}.header-dropzone .dropzone-icon{display:flex;align-items:center;transition:transform var(--transition-fast)}.header-dropzone.drag-active{border-color:var(--color-accent);background:#3b82f614;color:var(--color-accent);box-shadow:0 0 16px #3b82f626;animation:dropzonePulse 1.2s ease infinite}.header-dropzone.drag-active .dropzone-icon{transform:scale(1.15)}@keyframes dropzonePulse{0%,to{box-shadow:0 0 16px #3b82f626}50%{box-shadow:0 0 24px #3b82f64d}}.dropzone-results{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown);min-width:320px;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;display:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast)}.dropzone-results.visible{display:block;opacity:1;visibility:visible;transform:translateY(0)}.dropzone-file-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-secondary)}.dropzone-file-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-bg)}.dropzone-file-name{font-weight:600;color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone-file-size{color:var(--color-text-tertiary);margin-left:auto;flex-shrink:0}.dropzone-section-label{padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.dropzone-tool-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.dropzone-tool-item:hover{background:var(--color-surface-hover)}.dropzone-tool-item-primary{align-items:flex-start}.dropzone-tool-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dropzone-tool-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.dropzone-tool-name{font-size:var(--text-sm);font-weight:500}.dropzone-tool-desc{font-size:11px;color:var(--color-text-tertiary);line-height:1.35}.dropzone-tool-arrow{margin-left:auto;color:var(--color-text-tertiary);display:flex;flex-shrink:0}.dropzone-no-match{padding:var(--space-md);text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary)}@media(max-width:768px){.header-dropzone-wrapper{gap:8px;margin-left:0}.header-dropzone-hint,.header-dropzone .dropzone-label{display:none}.dropzone-results{min-width:min(280px,calc(100vw - 24px));max-width:calc(100vw - 24px);right:0}}@media(max-width:480px){.header-dropzone{padding:6px 8px}}