.tool-page[data-v-300e5755]{margin:0 auto;max-width:900px;padding:var(--space-8) var(--space-4)}.tool-page-title[data-v-300e5755]{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-4);text-align:center}@media (min-width:768px){.tool-page-title[data-v-300e5755]{font-size:var(--text-5xl)}}.tool-page-description[data-v-300e5755]{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-12);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.tool-page-content[data-v-300e5755]{gap:var(--space-8)}.tool-page-content[data-v-300e5755],.upload-area[data-v-300e5755]{display:flex;flex-direction:column}.upload-area[data-v-300e5755]{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,hsla(0,0%,100%,.8) 100%);border:2px dashed var(--border-medium);border-radius:var(--radius-2xl);cursor:pointer;justify-content:center;overflow:hidden;padding:var(--space-16) var(--space-8);position:relative;transition:var(--transition-all)}.upload-area[data-v-300e5755]:before{background:linear-gradient(135deg,var(--primary-50) 0,var(--accent-color) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-all);z-index:1}.upload-area[data-v-300e5755]:hover{border-color:var(--primary-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-area[data-v-300e5755]:hover:before{opacity:.05}.upload-area.touch-active[data-v-300e5755]{border-color:var(--primary-600);box-shadow:var(--shadow-md);transform:scale(.98)}.upload-area.touch-active[data-v-300e5755]:before{opacity:.08}.upload-area[data-v-300e5755]>*{position:relative;z-index:2}.hidden-file-input[data-v-300e5755]{display:none}.upload-icon[data-v-300e5755]{color:var(--primary-600);height:4rem;margin-bottom:var(--space-6);transition:var(--transition-all);width:4rem}.upload-area:hover .upload-icon[data-v-300e5755]{color:var(--primary-700);transform:scale(1.1)}.upload-text[data-v-300e5755]{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);text-align:center}.upload-hint[data-v-300e5755]{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-6);text-align:center}.upload-button[data-v-300e5755]{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8);transition:var(--transition-all)}.upload-button[data-v-300e5755]:hover{background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.selected-files[data-v-300e5755]{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.selected-files-title[data-v-300e5755]{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-6)}.selected-files-title[data-v-300e5755]:before{background:linear-gradient(180deg,var(--primary-500) 0,var(--accent-color) 100%);border-radius:var(--radius-full);content:"";height:20px;width:4px}.file-list[data-v-300e5755]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.file-item[data-v-300e5755]{align-items:center;background:var(--neutral-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4);transition:var(--transition-all)}.file-item[data-v-300e5755]:hover{background:var(--primary-25);border-color:var(--primary-300);transform:translateY(-1px)}.file-info[data-v-300e5755]{align-items:center;display:flex;gap:var(--space-4)}.file-icon[data-v-300e5755]{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-600);height:24px;padding:var(--space-2);width:24px}.file-details[data-v-300e5755]{display:flex;flex-direction:column}.file-name[data-v-300e5755]{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.file-size[data-v-300e5755]{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-normal)}.remove-file-button[data-v-300e5755]{background:transparent;border:none;border-radius:var(--radius-md);color:var(--neutral-500);cursor:pointer;padding:var(--space-2);transition:var(--transition-all)}.remove-file-button[data-v-300e5755]:hover{background:var(--error-50);color:var(--error-600);transform:scale(1.1)}.action-buttons[data-v-300e5755]{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media (max-width:640px){.action-buttons[data-v-300e5755]{flex-direction:column}}.process-button[data-v-300e5755]{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;flex:1;font-size:var(--text-base);font-weight:var(--font-weight-semibold);min-width:140px;padding:var(--space-3) var(--space-8);transition:var(--transition-all)}.process-button[data-v-300e5755]:hover{background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.clear-button[data-v-300e5755]{background:var(--neutral-100);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--neutral-700);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);transition:var(--transition-all)}.clear-button[data-v-300e5755]:hover{background:var(--neutral-200);border-color:var(--neutral-400);transform:translateY(-1px)}.tool-details[data-v-300e5755]{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-8)}.tool-details-title[data-v-300e5755]{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-6)}.tool-details-title[data-v-300e5755]:before{content:"💡";font-size:var(--text-lg)}.instruction-list[data-v-300e5755]{counter-reset:step-counter;display:flex;flex-direction:column;gap:var(--space-3);padding-left:var(--space-6)}.instruction-item[data-v-300e5755]{color:var(--text-secondary);counter-increment:step-counter;font-size:var(--text-base);line-height:1.6;padding-left:var(--space-2);position:relative}.instruction-item[data-v-300e5755]::marker{color:var(--primary-600);font-weight:var(--font-weight-semibold)}@media (max-width:640px){.tool-page[data-v-300e5755]{padding:var(--space-6) var(--space-4)}.upload-area[data-v-300e5755]{padding:var(--space-12) var(--space-6)}.upload-icon[data-v-300e5755]{height:3rem;width:3rem}.upload-text[data-v-300e5755]{font-size:var(--text-lg)}.selected-files[data-v-300e5755],.tool-details[data-v-300e5755]{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.clear-button[data-v-300e5755],.file-item[data-v-300e5755],.process-button[data-v-300e5755],.remove-file-button[data-v-300e5755],.upload-area[data-v-300e5755],.upload-icon[data-v-300e5755]{transition:none}.upload-area:hover .upload-icon[data-v-300e5755]{transform:none}}