body{font-family:sans-serif;margin:0;padding:2rem;height:100vh;background:#f5f5f5;box-sizing:border-box;overflow:hidden}.container{max-width:860px;height:100%;margin:0 auto;background:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex-direction:column}.field{margin-bottom:1rem}.embed-field{margin-bottom:0;min-height:0;display:flex;flex-direction:column;flex:1}.field-row{display:flex;align-items:center;gap:.75rem}.row-label{margin-bottom:0;min-width:110px}.field-row input{flex:1}.controls-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}#language{flex:1}.submit-button{width:auto;min-width:140px;white-space:nowrap}.embed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.embed-header label{margin-bottom:0}.copy-button{width:auto;min-width:110px}label{display:block;margin-bottom:.4rem;font-weight:600}input,select{width:100%;padding:.55rem;border:1px solid #cccccc;border-radius:4px;font-size:1rem;box-sizing:border-box}button{padding:.65rem;border:none;border-radius:4px;background:#2563eb;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{background:#9ca3af;cursor:not-allowed}#embed-json{margin:0;padding:.85rem;border-radius:6px;border:1px solid #d1d5db;background:#111827;color:#e5e7eb;font-size:.85rem;line-height:1.45;min-height:0;max-height:none;flex:1;overflow:auto;white-space:pre}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:1rem;pointer-events:none}.top-modal{width:min(640px,calc(100vw - 2rem));border-radius:8px;border:1px solid #d1d5db;background:#fff;box-shadow:0 10px 24px #0003;padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem}.top-modal-info{border-left:4px solid #2563eb}.top-modal-success{border-left:4px solid #16a34a}.top-modal-error{border-left:4px solid #dc2626}.modal-message{margin:0;flex:1;color:#111827;font-size:.95rem}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .18s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}@media(max-width:700px){body{padding:1rem}.field-row,.controls-row{flex-direction:column;align-items:stretch}.row-label{min-width:0}.submit-button,.copy-button{width:100%}.embed-header{flex-direction:column;align-items:stretch;gap:.5rem}}