.ascii-tool[data-v-c06e690a]{background:radial-gradient(circle at 15% 10%,rgba(139,92,246,.15),transparent 45%),radial-gradient(circle at 85% 5%,hsla(0,91%,71%,.12),transparent 40%),#f6f6ff;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:60px 24px 90px}.ascii-tool__inner[data-v-c06e690a]{display:flex;flex-direction:column;gap:24px;width:min(1200px,100%)}.ascii-tool .hero[data-v-c06e690a]{text-align:center}.ascii-tool .hero .eyebrow[data-v-c06e690a]{color:#8b5cf6;letter-spacing:.3em;margin-bottom:10px;text-transform:uppercase}.ascii-tool .hero h1[data-v-c06e690a]{color:#1f2937;font-size:clamp(32px,4vw,42px)}.ascii-tool .hero .subtitle[data-v-c06e690a]{color:#475569;margin-top:8px}.ascii-tool .grid[data-v-c06e690a]{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:1024px){.ascii-tool .grid[data-v-c06e690a]{grid-template-columns:1fr}}.ascii-tool .card[data-v-c06e690a]{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:26px;box-shadow:0 25px 40px #0f172a14;display:flex;flex-direction:column;gap:16px;padding:24px}.ascii-tool .card-head[data-v-c06e690a]{align-items:center;display:flex;justify-content:space-between}.ascii-tool .card-head .label[data-v-c06e690a]{color:#8b5cf6;font-size:12px;letter-spacing:.2em}.ascii-tool .card-head .hint[data-v-c06e690a]{color:#94a3b8;font-size:13px}.ascii-tool .field[data-v-c06e690a],.ascii-tool .field-grid label[data-v-c06e690a]{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:8px}.ascii-tool .field input[data-v-c06e690a],.ascii-tool .field select[data-v-c06e690a],.ascii-tool .field textarea[data-v-c06e690a],.ascii-tool .field-grid label input[data-v-c06e690a],.ascii-tool .field-grid label select[data-v-c06e690a],.ascii-tool .field-grid label textarea[data-v-c06e690a]{border:1px solid rgba(148,163,184,.4);border-radius:16px;font-size:14px;padding:10px 14px}.ascii-tool .field textarea[data-v-c06e690a],.ascii-tool .field-grid label textarea[data-v-c06e690a]{min-height:100px;resize:vertical}.ascii-tool .field input[type=range][data-v-c06e690a],.ascii-tool .field-grid label input[type=range][data-v-c06e690a]{accent-color:#8b5cf6}.ascii-tool .field-grid[data-v-c06e690a]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ascii-tool .field-grid .toggle[data-v-c06e690a]{align-items:center;flex-direction:row;font-weight:600;gap:8px}.ascii-tool .preview-box[data-v-c06e690a]{background:#0f172a;border:1px dashed rgba(148,163,184,.6);border-radius:18px;color:#fff;font-family:JetBrains Mono,Cascadia Code,monospace;min-height:220px;overflow-x:auto;padding:16px}.ascii-tool .preview-box.loading[data-v-c06e690a]:after{color:#cbd5f5;content:"生成中…"}.ascii-tool pre[data-v-c06e690a]{margin:0;white-space:pre}.ascii-tool .upload[data-v-c06e690a]{display:flex;flex-wrap:wrap;gap:12px}.ascii-tool .upload .drop[data-v-c06e690a]{border:1px dashed rgba(148,163,184,.6);border-radius:18px;color:#475569;cursor:pointer;flex:1;padding:20px;text-align:center}.ascii-tool .upload .thumb[data-v-c06e690a]{border:1px solid rgba(148,163,184,.3);border-radius:16px;height:120px;overflow:hidden;width:120px}.ascii-tool .upload .thumb img[data-v-c06e690a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ascii-tool .actions[data-v-c06e690a]{display:flex;flex-wrap:wrap;gap:10px}.ascii-tool .action-card[data-v-c06e690a]{align-items:center;background:#fff;border-radius:26px;box-shadow:0 15px 30px #0f172a14;display:flex;flex-wrap:wrap;gap:12px;padding:18px}.ascii-tool .primary[data-v-c06e690a]{background:linear-gradient(120deg,#8b5cf6,#ec4899);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.ascii-tool .primary[data-v-c06e690a]:disabled{cursor:not-allowed;opacity:.5}.ascii-tool .ghost[data-v-c06e690a]{background:transparent;border:1px solid rgba(148,163,184,.4);border-radius:999px;cursor:pointer;font-weight:600;padding:9px 20px}.ascii-tool .error[data-v-c06e690a]{color:#ef4444}.ascii-tool .hidden-canvas[data-v-c06e690a]{height:0;visibility:hidden;width:0}
