.embed-modal-content.svelte-14uafui{display:grid;grid-template-columns:400px 500px;gap:1.5rem;min-height:500px;max-height:calc(90vh - 120px);overflow:visible;width:-moz-fit-content;width:fit-content;max-width:100%}@media(max-width:768px){.embed-modal-content.svelte-14uafui{display:flex;flex-direction:column;gap:1rem;max-height:none;width:100%;max-width:100%;overflow-x:hidden}.left-panel.svelte-14uafui{order:1;width:100%;max-width:100%;overflow-x:hidden}.right-panel.svelte-14uafui{order:2;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.preview-label.svelte-14uafui{align-self:center;width:100%;text-align:center}.preview-wrapper.svelte-14uafui{min-height:auto;padding:.75rem 1rem;overflow:hidden;width:100%;max-width:100%;display:flex;justify-content:center}.preview-scaler.svelte-14uafui{transform:scale(.85);transform-origin:top center;width:400px;height:500px}.preview-container.svelte-14uafui{width:400px!important;height:500px!important;max-width:400px!important}.code-block.svelte-14uafui{max-height:120px;font-size:.65rem;max-width:100%;overflow-x:auto}.code-section.svelte-14uafui{max-width:100%;overflow-x:hidden}.option-group.svelte-14uafui{max-width:100%}}.left-panel.svelte-14uafui{display:flex;flex-direction:column;gap:1rem}.right-panel.svelte-14uafui{display:flex;flex-direction:column;gap:.75rem;min-width:0}.preview-label.svelte-14uafui{font-size:.875rem;font-weight:500;color:#6b7280;text-align:center;flex-shrink:0}.preview-wrapper.svelte-14uafui{display:flex;justify-content:center;align-items:center;min-height:500px;padding:1.5rem;background:#f3f4f6;border-radius:8px;border:2px dashed #d1d5db;overflow:hidden}.preview-scaler.svelte-14uafui{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.preview-container.svelte-14uafui{width:400px;height:500px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform-origin:center center;flex-shrink:0;position:relative}.option-group.svelte-14uafui{display:flex;flex-direction:column;gap:.5rem}.option-label.svelte-14uafui{font-size:.875rem;font-weight:500;color:#374151}.theme-toggle.svelte-14uafui{display:flex;gap:.5rem}.theme-btn.svelte-14uafui{flex:1;padding:.625rem;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.theme-btn.svelte-14uafui:hover{background:#f3f4f6}.theme-btn.active.svelte-14uafui{background:#3b82f6;color:#fff;border-color:#3b82f6}.checkbox-label.svelte-14uafui{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.checkbox-label.svelte-14uafui input[type=checkbox]:where(.svelte-14uafui){width:1rem;height:1rem;cursor:pointer}.color-picker-wrapper.svelte-14uafui{display:flex;gap:.5rem;align-items:center}.color-input.svelte-14uafui{width:3rem;height:2.5rem;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:.25rem}.color-text-input.svelte-14uafui{flex:1;padding:.625rem;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-family:monospace}.code-section.svelte-14uafui{flex:1;overflow:hidden;min-height:150px}.code-block.svelte-14uafui{padding:.75rem;background:#1f2937;border-radius:6px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.7rem;line-height:1.4;max-height:180px;overflow-y:auto;word-break:break-all}.code-block.svelte-14uafui code:where(.svelte-14uafui){color:#f472b6}.code-actions.svelte-14uafui{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.code-type-label.svelte-14uafui{display:flex;align-items:center;gap:.375rem;flex:1}.copy-btn.svelte-14uafui{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;border:none;background:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-btn.svelte-14uafui:hover{background:#2563eb}.copy-btn.success.svelte-14uafui{background:#10b981}.copy-btn.success.svelte-14uafui:hover{background:#059669}