.card.svelte-28h8ol{box-sizing:border-box;background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%}h1.svelte-28h8ol{margin:0 0 10px;color:#333;font-size:28px}.subtitle.svelte-28h8ol{margin:0 0 30px;color:#666;font-size:14px}.input-group.svelte-28h8ol{margin-bottom:20px}label.svelte-28h8ol{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}input[type=file].svelte-28h8ol{width:100%;padding:12px;border:2px dashed #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box;cursor:pointer;transition:border-color .3s;margin-bottom:10px}input[type=file].svelte-28h8ol:hover:not(:disabled){border-color:#667eea}input[type=file].svelte-28h8ol:disabled{background:#f5f5f5;cursor:not-allowed}textarea.code.svelte-28h8ol{width:100%;min-height:140px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box;background:#fafafa;color:#333}textarea.code.svelte-28h8ol:focus{outline:none;border-color:#667eea}button[type=submit].svelte-28h8ol{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}button[type=submit].svelte-28h8ol:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}button[type=submit].svelte-28h8ol:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-28h8ol{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-28h8ol-spin .8s linear infinite}@keyframes svelte-28h8ol-spin{to{transform:rotate(360deg)}}.message.svelte-28h8ol{margin-top:20px;padding:12px;border-radius:8px;font-size:14px}.error.svelte-28h8ol{background:#fee;color:#c33;border:1px solid #fcc}.result.svelte-28h8ol{margin-top:24px}.result-header.svelte-28h8ol{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px;flex-wrap:wrap}.result-header.svelte-28h8ol>span:where(.svelte-28h8ol){font-weight:600;color:#333;font-size:14px}.result-actions.svelte-28h8ol{display:flex;gap:8px}.action.svelte-28h8ol{padding:6px 12px;background:#f0f0f5;color:#444;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.action.svelte-28h8ol:hover{background:#e6e6ef}.preview.svelte-28h8ol{width:100%;height:600px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;box-sizing:border-box}