.modal-backdrop.svelte-wwbsax{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal.svelte-wwbsax{background:linear-gradient(145deg,#fff8f0,#fff);border-radius:1rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 0 1px #ff8c001a,0 10px 40px #0003,0 0 20px #ff8c0026}.dark .modal.svelte-wwbsax{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);box-shadow:0 0 0 1px #ff8c0033,0 10px 40px #00000080,0 0 30px #ff8c001a}.modal-header.svelte-wwbsax{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ff8c00,#ff5100);gap:1rem}.header-content.svelte-wwbsax{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.header-icon.svelte-wwbsax{width:24px;height:24px;color:#fff;flex-shrink:0}h2.svelte-wwbsax{margin:0;padding:0;font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.close-btn.svelte-wwbsax{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff3;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-btn.svelte-wwbsax:hover{background:#ffffff4d;transform:scale(1.05)}.close-btn.svelte-wwbsax svg:where(.svelte-wwbsax){width:18px;height:18px;color:#fff}.modal-body.svelte-wwbsax{padding:1.5rem}.section.svelte-wwbsax{margin-bottom:1.25rem}.section.svelte-wwbsax:last-child{margin-bottom:0}label.svelte-wwbsax{display:block;font-size:.875rem;font-weight:600;color:#444;margin-bottom:.5rem}.dark label.svelte-wwbsax{color:#bbb}.size-selector.svelte-wwbsax{display:flex;gap:.5rem;margin-bottom:.75rem;background:#ff8c0014;border:2px solid rgba(255,140,0,.2);padding:4px;border-radius:8px}.dark .size-selector.svelte-wwbsax{background:#ff8c001a;border-color:#ff8c004d}.size-btn.svelte-wwbsax{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:2px solid transparent;background:transparent;border-radius:6px;font-size:.8rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.size-btn.svelte-wwbsax .check-icon:where(.svelte-wwbsax){width:14px;height:14px;flex-shrink:0}.size-btn.svelte-wwbsax:hover:not(.active){background:#ff8c001a;color:#ff8c00}.size-btn.active.svelte-wwbsax{background:linear-gradient(135deg,#ff8c00,#ff5100);border-color:transparent;color:#fff;box-shadow:0 2px 8px #ff8c004d}.dark .size-btn.svelte-wwbsax{color:#999}.dark .size-btn.svelte-wwbsax:hover:not(.active){background:#ff8c0026;color:#fa3}.dark .size-btn.active.svelte-wwbsax{box-shadow:0 2px 8px #ff8c0066}.input-group.svelte-wwbsax{display:flex;gap:.5rem}input.svelte-wwbsax,textarea.svelte-wwbsax{flex:1;padding:.75rem;border:2px solid rgba(255,140,0,.3);border-radius:8px;font-size:.875rem;font-family:monospace;background:#fff;color:#1a1a1a;resize:none;transition:border-color .2s ease,box-shadow .2s ease}input.svelte-wwbsax:focus,textarea.svelte-wwbsax:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0026}.dark input.svelte-wwbsax,.dark textarea.svelte-wwbsax{background:#1a1a1a;border-color:#ff8c0066;color:#fff}.dark input.svelte-wwbsax:focus,.dark textarea.svelte-wwbsax:focus{box-shadow:0 0 0 3px #ff8c0033}textarea.svelte-wwbsax{min-height:80px}.copy-btn.svelte-wwbsax{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ff8c00,#ff5100);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-btn.svelte-wwbsax:hover{box-shadow:0 4px 12px #ff8c0066;transform:translateY(-1px)}.copy-btn.copied.svelte-wwbsax{background:linear-gradient(135deg,#22c55e,#16a34a)}.copy-btn.svelte-wwbsax svg:where(.svelte-wwbsax){width:16px;height:16px}.preview-container.svelte-wwbsax{border:2px solid rgba(255,140,0,.2);border-radius:8px;overflow:hidden;background:#ff8c000d;position:relative;min-height:140px}.dark .preview-container.svelte-wwbsax{border-color:#ff8c004d;background:#ff8c0014}.preview-container.svelte-wwbsax iframe:where(.svelte-wwbsax){display:block;max-width:100%}.preview-container.svelte-wwbsax iframe.hidden:where(.svelte-wwbsax){opacity:0;position:absolute}.loading-overlay.svelte-wwbsax{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#888}.dark .loading-overlay.svelte-wwbsax{color:#999}.loading-overlay.svelte-wwbsax span:where(.svelte-wwbsax){font-size:.85rem;font-weight:500}.spinner.svelte-wwbsax{width:32px;height:32px;border:3px solid rgba(255,140,0,.2);border-top-color:#ff8c00;border-radius:50%;animation:svelte-wwbsax-spin .8s linear infinite}@keyframes svelte-wwbsax-spin{to{transform:rotate(360deg)}}.modal.svelte-wwbsax::-webkit-scrollbar{width:8px}.modal.svelte-wwbsax::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal.svelte-wwbsax::-webkit-scrollbar-thumb{background:#ff8c004d;border-radius:4px}.modal.svelte-wwbsax::-webkit-scrollbar-thumb:hover{background:#ff8c0080}.modal-footer.svelte-wwbsax{padding:1rem 1.5rem;border-top:1px solid rgba(255,140,0,.15);display:flex;justify-content:flex-end}.dark .modal-footer.svelte-wwbsax{border-top-color:#ff8c0033}.close-btn-footer.svelte-wwbsax{padding:.75rem 2rem;background:transparent;border:2px solid rgba(255,140,0,.3);border-radius:8px;font-size:.9rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.close-btn-footer.svelte-wwbsax:hover{background:#ff8c001a;border-color:#ff8c00;color:#ff8c00}.dark .close-btn-footer.svelte-wwbsax{color:#999;border-color:#ff8c0066}.dark .close-btn-footer.svelte-wwbsax:hover{background:#ff8c0026;color:#fa3}@media (max-width: 480px){.modal-header.svelte-wwbsax{padding:1rem;border-radius:1rem 1rem 0 0}.header-content.svelte-wwbsax{gap:.5rem}.header-icon.svelte-wwbsax{width:20px;height:20px}h2.svelte-wwbsax{font-size:.95rem}.close-btn.svelte-wwbsax{width:28px;height:28px}.close-btn.svelte-wwbsax svg:where(.svelte-wwbsax){width:16px;height:16px}.modal-body.svelte-wwbsax,.modal-footer.svelte-wwbsax{padding:1rem}.input-group.svelte-wwbsax{flex-direction:column}.copy-btn.svelte-wwbsax{justify-content:center}.size-selector.svelte-wwbsax{flex-wrap:wrap}.size-btn.svelte-wwbsax{padding:.4rem .5rem;font-size:.75rem}.preview-container.svelte-wwbsax{min-height:120px}}