.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-6);border:var(--border-width) solid transparent;border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-foreground);font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;line-height:1.2;text-decoration:none;text-align:center;white-space:nowrap;box-shadow:var(--shadow-clay);transition:transform var(--transition-press),box-shadow var(--transition-press),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);-webkit-tap-highlight-color:transparent;user-select:none}.btn svg{width:20px;height:20px}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-clay-lg)}.btn:active{transform:translateY(2px);box-shadow:var(--shadow-clay-pressed)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;transform:none;box-shadow:var(--shadow-clay-sm);pointer-events:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.btn-primary:active{background:var(--color-primary-active)}.btn-accent{background:var(--color-accent-strong);border-color:#065f46;color:var(--color-on-accent);box-shadow:var(--shadow-clay-accent)}.btn-accent:hover{background:#065f46;color:var(--color-on-accent)}.btn-accent:active{background:var(--color-accent-strong);box-shadow:var(--shadow-clay-pressed)}.btn-ghost{background:0 0;border-color:var(--color-border);color:var(--color-primary-hover);box-shadow:none}.btn-ghost:hover{background:var(--color-card);box-shadow:var(--shadow-clay-sm);color:var(--color-primary-hover)}.btn-ghost:active{box-shadow:var(--shadow-clay-pressed)}.btn-sm{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-lg{min-height:56px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-block{display:flex;width:100%}.btn-icon{padding:var(--space-3);min-width:48px;border-radius:var(--radius-md)}.btn-icon svg{width:22px;height:22px}.card{background:var(--color-card);color:var(--color-card-foreground);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);padding:var(--space-6)}.card-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-xl);margin-bottom:var(--space-3)}.card>p{color:var(--color-muted-foreground)}@media (max-width:767px){.card{padding:var(--space-5);border-radius:var(--radius-lg)}}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-card);color:var(--color-card-foreground);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);padding:var(--space-6);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-clay-lg);border-color:var(--color-primary-soft);color:var(--color-card-foreground)}.tool-card:active{transform:translateY(0);box-shadow:var(--shadow-clay-pressed)}.tool-card-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-hover);box-shadow:inset 0 2px 4px rgba(255,255,255,.9),inset 0 -3px 6px rgba(124,58,237,.12)}.tool-card-icon svg{width:28px;height:28px}.tool-card-icon--accent{background:var(--color-accent-soft);color:var(--color-accent-strong)}.tool-card-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-xl);line-height:var(--leading-tight);padding-right:var(--space-10)}.tool-card-desc{color:var(--color-muted-foreground);font-size:var(--text-sm)}.tool-card-badge{position:absolute;top:var(--space-4);right:var(--space-4)}.tool-card-arrow{margin-top:auto;padding-top:var(--space-3);color:var(--color-primary-hover);font-weight:800;font-size:var(--text-sm);display:inline-flex;gap:var(--space-1);align-items:center}.tool-card-arrow svg{width:16px;height:16px;transition:transform var(--transition-fast)}.tool-card:hover .tool-card-arrow svg{transform:translateX(3px)}.badge,.badge-free{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.6;white-space:nowrap}.badge-free{background:var(--color-accent-soft);color:#065f46;border:2px solid var(--color-accent)}.badge{background:var(--color-primary-soft);color:var(--color-primary-hover);border:2px solid var(--color-border)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-8) var(--space-5);background:var(--color-muted);border:var(--border-width-thick) dashed var(--color-secondary);border-radius:var(--radius-xl);box-shadow:inset 0 2px 6px rgba(255,255,255,.9),inset 0 -4px 8px rgba(124,58,237,.06);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-press),box-shadow var(--transition-base)}.dropzone:hover{background:#f1eafb}.dropzone.dragging{background:var(--color-primary-soft);border-style:solid;border-color:var(--color-primary);transform:scale(1.01);box-shadow:var(--shadow-clay),inset 0 2px 6px rgba(255,255,255,.9)}.dropzone:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-card);color:var(--color-primary-hover);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-clay-sm)}.dropzone-icon svg{width:30px;height:30px}.dropzone-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg)}.dropzone-hint{color:var(--color-muted-foreground);font-size:var(--text-sm);max-width:42ch}.dropzone-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.dropzone.has-file{border-style:solid;border-color:var(--color-accent);background:var(--color-accent-soft)}.field{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.field-label{font-weight:800;font-size:var(--text-sm)}.field-label .required{color:var(--color-destructive)}.field-hint{color:var(--color-muted-foreground);font-size:var(--text-sm)}.field-error{color:var(--color-destructive);font-size:var(--text-sm);font-weight:700;display:none}.field--error .field-error{display:block}.field--error .input,.field--error .select{border-color:var(--color-destructive)}.field-row{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:768px){.field-row{grid-template-columns:1fr 1fr}.field-row .field{margin-bottom:0}}.input,.select{width:100%;min-height:52px;padding:var(--space-3) var(--space-4);background:var(--color-card);color:var(--color-foreground);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 2px 5px rgba(124,58,237,.07),inset 0 -2px 3px rgba(255,255,255,.9);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--color-muted-foreground);opacity:1}.input:hover,.select:hover{border-color:var(--color-secondary)}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-clay-pressed),0 0 0 3px rgba(124,58,237,.18)}.input:focus-visible,.select:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.input:disabled,.select:disabled{background:var(--color-muted);opacity:.65;cursor:not-allowed}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-destructive)}textarea.input{min-height:120px;resize:vertical;line-height:var(--leading-normal)}.select{padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:20px;cursor:pointer}.range-row{display:flex;align-items:center;gap:var(--space-4)}.range-value{min-width:76px;text-align:center;font-weight:800;font-size:var(--text-sm);background:var(--color-muted);border:2px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.range{-webkit-appearance:none;appearance:none;width:100%;height:14px;flex:1;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--range-fill,50%),var(--color-primary-soft) var(--range-fill,50%),var(--color-primary-soft) 100%);border:2px solid var(--color-border);box-shadow:inset 0 2px 4px rgba(124,58,237,.15);cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--color-card);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-clay-sm);cursor:grab;transition:transform var(--transition-press),box-shadow var(--transition-press)}.range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08);box-shadow:var(--shadow-clay-pressed)}.range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-card);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-clay-sm);cursor:grab}.range::-moz-range-track{height:14px;border-radius:var(--radius-full);background:var(--color-primary-soft)}.range::-moz-range-progress{height:14px;border-radius:var(--radius-full);background:var(--color-primary)}.range:focus-visible{outline:3px solid var(--color-ring);outline-offset:4px}.range:disabled{opacity:.55;cursor:not-allowed}.range-labels{display:flex;justify-content:space-between;color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700;margin-top:var(--space-1)}.toggle{display:inline-flex;gap:var(--space-1);width:100%;padding:var(--space-1);background:var(--color-muted);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);box-shadow:inset 0 2px 5px rgba(124,58,237,.08)}@media (min-width:768px){.toggle{width:auto}}.toggle-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:var(--border-width) solid transparent;background:0 0;color:var(--color-muted-foreground);font-family:var(--font-heading);font-weight:500;font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-press),transform var(--transition-press)}@media (min-width:768px){.toggle-btn{flex:0 1 auto}}.toggle-btn svg{width:18px;height:18px}.toggle-btn:hover{color:var(--color-foreground)}.toggle-btn:active{transform:translateY(1px)}.toggle-btn.active,.toggle-btn[aria-pressed=true],.toggle-btn[aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary-hover);color:var(--color-on-primary);box-shadow:var(--shadow-clay-sm)}.toggle-btn input{position:absolute;opacity:0;width:1px;height:1px}.toggle-btn:has(input:checked){background:var(--color-primary);border-color:var(--color-primary-hover);color:var(--color-on-primary);box-shadow:var(--shadow-clay-sm)}.toggle-btn:has(input:focus-visible){outline:3px solid var(--color-ring);outline-offset:3px}#catFilter{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth}#catFilter::-webkit-scrollbar{display:none}#catFilter .toggle-btn{flex:0 0 auto;white-space:nowrap}.preset-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.preset-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.preset-grid{grid-template-columns:repeat(4,1fr)}}.preset-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-card);color:var(--color-foreground);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-clay-sm);cursor:pointer;transition:transform var(--transition-press),box-shadow var(--transition-press),border-color var(--transition-fast),background var(--transition-fast)}.preset-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-clay);border-color:var(--color-secondary)}.preset-chip:active{transform:translateY(1px);box-shadow:var(--shadow-clay-pressed)}.preset-chip-name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);line-height:1.25}.preset-chip-meta{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700}.preset-chip.active,.preset-chip[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:var(--shadow-clay-pressed)}.preset-chip.active .preset-chip-name{color:var(--color-primary-hover)}.preset-chip.active .preset-chip-meta{color:var(--color-primary-hover)}.result-panel{background:var(--color-card);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);padding:var(--space-6)}.result-panel-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-heading);font-weight:600;font-size:var(--text-xl);color:var(--color-accent-strong)}.result-panel-head svg{width:26px;height:26px}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.result-preview{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);padding:var(--space-3);display:grid;place-items:center;overflow:hidden}.result-preview img{border-radius:var(--radius-sm);max-height:320px;width:auto}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width:768px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat{background:var(--color-muted);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:inset 0 2px 4px rgba(255,255,255,.9)}.stat-value{display:block;font-family:var(--font-heading);font-weight:600;font-size:var(--text-xl);line-height:1.25;overflow-wrap:anywhere}.stat-label{display:block;color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-top:2px}.stat--good .stat-value{color:var(--color-accent-strong)}.stat--bad .stat-value{color:var(--color-destructive)}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.progress-label span:last-child{color:var(--color-muted-foreground)}.progress{height:18px;overflow:hidden;background:var(--color-primary-soft);border:2px solid var(--color-border);border-radius:var(--radius-full);box-shadow:inset 0 2px 4px rgba(124,58,237,.14)}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:var(--radius-full);transition:width .3s ease}.progress--accent .progress-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-strong))}.progress--indeterminate .progress-fill{width:40%;animation:progress-slide 1.2s ease-in-out infinite alternate}@keyframes progress-slide{from{margin-left:0}to{margin-left:60%}}.thumb-list{display:grid;gap:var(--space-3)}.thumb-item{display:flex;align-items:center;gap:var(--space-3);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-clay-sm);padding:var(--space-3)}.thumb-item.dragging{opacity:.55;border-color:var(--color-primary);border-style:dashed}.thumb-icon,.thumb-img{width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;border:2px solid var(--color-border);background:var(--color-muted)}.thumb-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-hover)}.thumb-icon svg{width:24px;height:24px}.thumb-info{flex:1;min-width:0;display:grid}.thumb-name{font-weight:800;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-meta{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700}.thumb-actions{display:flex;gap:var(--space-1);flex-shrink:0}.thumb-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-foreground);border:2px solid var(--color-border);transition:background var(--transition-fast),transform var(--transition-press)}.thumb-btn svg{width:18px;height:18px}.thumb-btn:hover{background:var(--color-primary-soft);color:var(--color-primary-hover)}.thumb-btn:active{transform:translateY(1px)}.thumb-btn:disabled{opacity:.4;pointer-events:none}.thumb-btn--danger:hover{background:var(--color-destructive-soft);color:var(--color-destructive)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--color-primary-soft);color:var(--color-foreground);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-clay-sm);font-size:var(--text-sm)}.alert-icon{color:var(--color-primary-hover);margin-top:2px}.alert-icon svg{width:20px;height:20px}.alert-title{display:block;font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);margin-bottom:2px}.alert-body{flex:1;min-width:0}.alert-body p{color:inherit}.alert-warn{background:var(--color-warning-soft);border-color:var(--color-warning-border)}.alert-warn .alert-icon,.alert-warn .alert-title{color:var(--color-warning)}.alert-success{background:var(--color-accent-soft);border-color:var(--color-accent)}.alert-success .alert-icon,.alert-success .alert-title{color:#065f46}.alert-error{background:var(--color-destructive-soft);border-color:var(--color-destructive)}.alert-error .alert-icon,.alert-error .alert-title{color:var(--color-destructive)}.toast-region{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--space-5);z-index:90;display:grid;gap:var(--space-2);width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-foreground);color:#fff;border:var(--border-width) solid #1e293b;border-radius:var(--radius-md);box-shadow:var(--shadow-clay-lg);font-size:var(--text-sm);font-weight:700;opacity:0;transform:translateY(12px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}.toast svg{width:20px;height:20px;flex-shrink:0}.toast-success{background:#065f46;border-color:var(--color-accent-strong)}.toast-error{background:#991b1b;border-color:var(--color-destructive)}.toast-close{margin-left:auto;color:inherit;display:inline-flex;padding:var(--space-1);border-radius:var(--radius-sm)}.toast-close svg{width:18px;height:18px}body[data-editor-open] .toast-region{bottom:calc(var(--space-5) + 76px)}.install-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-primary-soft);border-bottom:1px solid #ddd6fe;color:var(--color-foreground)}.install-banner-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm)}.install-banner-text{display:flex;flex-direction:column;gap:0;min-width:0;flex:1 1 auto}.install-banner-title{font-size:var(--text-base);font-weight:700;line-height:1.3}.install-banner-desc{font-size:var(--text-sm);line-height:1.35;color:var(--color-muted-foreground)}.install-banner-steps{display:block;margin-top:var(--space-1);font-size:var(--text-sm);line-height:1.35;color:var(--color-muted-foreground)}.install-banner-steps[hidden]{display:none}.install-banner-install{flex-shrink:0;min-height:44px;padding:var(--space-2) var(--space-4)}.install-banner-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:0 0;cursor:pointer;color:var(--color-muted-foreground);font-size:1.5rem;line-height:1;border-radius:var(--radius-sm)}.install-banner-dismiss:hover{background:var(--color-muted);color:var(--color-foreground)}.install-banner-dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:560px){.install-banner{padding-inline:var(--space-3)}.install-banner-desc{display:none}}.faq-item{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay-sm);margin-bottom:var(--space-3);overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-family:var(--font-heading);font-weight:500;font-size:var(--text-lg);cursor:pointer;list-style:none;transition:background var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:"";flex-shrink:0;width:12px;height:12px;border-right:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary);transform:rotate(45deg);transition:transform var(--transition-base)}.faq-item[open] .faq-question::after{transform:rotate(225deg)}.faq-question:hover{background:var(--color-muted)}.faq-answer{padding:0 var(--space-5) var(--space-5);color:var(--color-muted-foreground)}.faq-answer p+p{margin-top:var(--space-2)}.lang-switch{display:inline-flex;gap:2px;padding:3px;background:var(--color-muted);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);box-shadow:inset 0 2px 4px rgba(124,58,237,.08);margin-inline-start:auto}@media (min-width:768px){.lang-switch{margin-inline-start:0}}.lang-switch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);border:2px solid transparent;background:0 0;color:var(--color-muted-foreground);font-weight:800;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-press),box-shadow var(--transition-press)}.lang-switch-btn:hover{color:var(--color-foreground)}.lang-switch-btn:active{transform:translateY(1px)}.lang-switch-btn.active,.lang-switch-btn[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary-hover);color:var(--color-on-primary);box-shadow:var(--shadow-clay-sm)}@media (max-width:767px){.lang-switch{flex:0 0 auto;padding:2px;gap:1px}.lang-switch-btn{padding-inline:var(--space-3)}}@media (max-width:374px){.lang-switch-btn{padding-inline:var(--space-2);font-size:var(--text-xs)}}.activity-panel{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);padding:var(--space-5)}.activity-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.activity-panel-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg)}.activity-list{display:grid;gap:var(--space-2)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-muted);border:2px solid var(--color-border);border-radius:var(--radius-md)}.activity-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-accent-strong);border:2px solid var(--color-border)}.activity-icon svg{width:20px;height:20px}.activity-info{flex:1;min-width:0;display:grid}.activity-name{font-weight:800;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700}.activity-empty{text-align:center;color:var(--color-muted-foreground);padding:var(--space-6) var(--space-4);font-size:var(--text-sm);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.spinner{display:inline-block;width:20px;height:20px;flex-shrink:0;border-radius:50%;border:3px solid rgba(124,58,237,.25);border-top-color:var(--color-primary);animation:spinner-rotate .7s linear infinite}.btn-accent .spinner,.btn-primary .spinner{border-color:rgba(255,255,255,.35);border-top-color:#fff}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (max-width:374px){.btn{padding-inline:var(--space-4)}.preset-grid{grid-template-columns:1fr}.result-actions .btn{flex:1 1 100%}}@media (min-width:768px){.result-actions .btn{flex:0 1 auto}.dropzone{padding:var(--space-10) var(--space-6)}}@media (min-width:1440px){.activity-panel,.card,.result-panel{padding:var(--space-8)}}@media (prefers-reduced-motion:reduce){.btn,.dropzone,.faq-question::after,.lang-switch-btn,.preset-chip,.toast,.toggle-btn,.tool-card,.tool-card-arrow svg{transition:none!important}#catFilter{scroll-behavior:auto}.btn:hover,.preset-chip:hover,.tool-card:hover{transform:none}.btn:active,.preset-chip:active{transform:none}.spinner{animation-duration:2s}.progress--indeterminate .progress-fill{animation:none;width:100%;opacity:.6}.progress-fill{transition:none}}