.drop{display:flex;gap:14px;align-items:center;cursor:pointer;position:relative;border:1.5px dashed var(--line-default);background:var(--bg-surface);padding:18px}.drop:focus-within{outline:2px solid var(--indigo, #2563EB);outline-offset:2px}.drop.drag{border-color:var(--mech-body);background:var(--amber)}.drop-glyph{flex:0 0 46px;width:46px;height:46px;background:var(--mech-body);color:var(--amber);display:flex;align-items:center;justify-content:center;border-radius:var(--r-tile);box-shadow:inset 0 -5px 10px #00000080}.drop-text{min-width:0}.drop-hint{font-size:12.5px}.drop-preview{flex:0 0 auto;width:62px;height:62px;object-fit:cover;border:1px solid var(--line-strong);margin-left:auto}.drop-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.tool[data-state=processing] .drop,.tool[data-state=uploading] .drop{opacity:.6;pointer-events:none}.tool[data-state=processing] .drop:has(.drop-preview:not([hidden])):after,.tool[data-state=uploading] .drop:has(.drop-preview:not([hidden])):after{content:"";position:absolute;right:18px;top:50%;margin-top:-31px;width:62px;height:62px;pointer-events:none;background-image:linear-gradient(180deg,transparent,rgba(255,176,32,.9),transparent);background-size:100% 24px;background-repeat:no-repeat;background-position:0 -24px;animation:dropScan 1.3s ease-in-out infinite}@keyframes dropScan{0%{background-position:0 -24px}to{background-position:0 62px}}@media(prefers-reduced-motion:reduce){.tool[data-state=processing] .drop:after,.tool[data-state=uploading] .drop:after{animation:none}}.tool-left{margin-left:auto;color:var(--text-on-dark-muted)}.tool-controls:empty{display:none}.tool-controls{margin-top:16px;display:flex;flex-direction:column;gap:14px}.tool-status{color:var(--text-on-dark-muted);font-family:var(--font-display);font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin-top:12px;min-height:14px}.tool-steps{display:flex;gap:4px;margin-top:16px}.tool-steps i{flex:1;height:3px;border-radius:2px;background:var(--mech-line);position:relative;overflow:hidden}.tool-steps i:after{content:"";position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s ease-out}.tool-stepnames{display:flex;gap:4px;margin-top:6px}.tool-stepnames span{flex:1;font-family:var(--font-display);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-on-dark-muted)}.tool[data-state=idle] .tool-steps,.tool[data-state=idle] .tool-stepnames{opacity:.4}.tool[data-state=uploading] .tool-steps i:nth-child(1):after{transform:scaleX(1)}.tool[data-state=processing] .tool-steps i:nth-child(1):after,.tool[data-state=done] .tool-steps i:after,.tool[data-state=error] .tool-steps i:nth-child(1):after{transform:scaleX(1)}.tool[data-state=processing] .tool-steps i:nth-child(2):after{animation:toolCrawl 30s cubic-bezier(.05,.8,.25,1) forwards}@keyframes toolCrawl{0%{transform:scaleX(.02)}to{transform:scaleX(.92)}}.tool[data-state=error] .tool-steps i:after{background:#dc2626}@media(prefers-reduced-motion:reduce){.tool[data-state=processing] .tool-steps i:nth-child(2):after{animation:none;transform:scaleX(.5)}}.tool[data-state=uploading] .slot-indicator,.tool[data-state=processing] .slot-indicator{animation:toolLamp .9s ease-in-out infinite}.tool[data-state=done] .slot-indicator{background:var(--done)}.tool[data-state=error] .slot-indicator{background:#dc2626}@keyframes toolLamp{0%,to{opacity:1;box-shadow:0 0 #ffb02080}50%{opacity:.4;box-shadow:0 0 0 6px #ffb02000}}.tool-run{width:100%;justify-content:center;margin-top:16px;min-height:52px}.tool-run[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.tool[data-state=uploading] .tool-run,.tool[data-state=processing] .tool-run{opacity:.45;pointer-events:none}.tool-error{margin-top:12px;border:1px solid var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent);padding:13px 15px;font-size:14.5px;line-height:1.5;color:var(--text-primary)}.tool-error a{color:inherit;font-weight:600}.tool-error .btn{margin-top:10px}.tool-retry-hint{margin:2px 0 0;color:var(--text-muted);font-size:13px;line-height:1.5}.tool-result{margin-top:16px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.tool-note{font-size:13px;margin-top:16px}.tool-opts{display:flex;flex-wrap:wrap;gap:8px}.tool-opt{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--line-default);background:var(--bg-surface);color:var(--text-primary);font-size:14px;cursor:pointer;border-radius:4px}.tool-opt[aria-pressed=true]{border-color:var(--mech-body);background:var(--amber);color:var(--mech-body);font-weight:600}.tool-opt[disabled]{opacity:.45;cursor:not-allowed}.tool-opt small{font-size:11.5px;opacity:.7}.tool-optlabel{display:block;margin-bottom:8px}.tool-outs:empty,.tool-cross:empty{display:none}.tool-outs{margin-top:44px}.tool-seo{margin-top:52px}.tool-cross{margin-top:44px}.tool-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tool-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line-strong);background:var(--bg-surface);color:var(--text-primary);text-decoration:none}.tool-card:hover{border-color:var(--mech-body)}.tool-card-glyph{flex:0 0 42px;width:42px;height:42px;background:var(--mech-body);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:var(--r-tile)}.tool-card-body{display:block;min-width:0}.tool-card-title{display:block;font-weight:600;font-size:16px;margin-bottom:5px}.tool-card-text{display:block;font-size:13.5px;line-height:1.5;color:var(--text-muted)}