.embed-editor-wrapper{display:flex;width:100%;direction:rtl;gap:0}@media (max-width: 768px){.embed-editor-wrapper{flex-direction:column}}.embed-editor-container{flex:1;display:flex;flex-direction:column;gap:12px;background:#151518;padding:20px;border-radius:12px;border:1px solid #27272A}.editor-header-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:14px;border-bottom:1px solid #27272A}.color-label{font-size:11px;font-weight:800;color:#7d7f87;text-transform:uppercase;letter-spacing:.5px}.color-options{display:flex;gap:6px;align-items:center}.color-option{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-option:hover{transform:scale(1.15);border-color:#fff6}.color-option.active{border-color:#fff;box-shadow:0 0 12px currentColor;transform:scale(1.1)}.color-picker-wrapper{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#09090b;border-radius:6px;cursor:pointer;border:1px solid #27272A;transition:all .2s ease;overflow:hidden}.color-picker-wrapper:hover{border-color:#3a3a3a}.color-picker-icon{color:#7d7f87;font-size:14px;pointer-events:none;opacity:.7}.color-picker-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%}.author-section{display:flex;gap:12px;align-items:flex-start}.author-avatar{width:50px;height:50px;border-radius:8px;background:#09090b;display:flex;align-items:center;justify-content:center;color:#7d7f87;font-size:22px;border:1px solid #27272A;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;min-width:50px;position:relative;overflow:hidden}.author-avatar:hover{border-color:#3a3a3a}.author-avatar:after{content:"";position:absolute;inset:0;background:#1e1e1e00 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M11 4H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>') center/12px no-repeat;opacity:0;transition:opacity .2s ease}.author-avatar:hover:after{opacity:1;background-color:#00000080}.author-avatar img{width:100%;height:100%;border-radius:8px;object-fit:cover}.author-inputs{display:flex;flex-direction:column;gap:6px;flex:1;width:100%}.field-section{display:flex;flex-direction:column;gap:4px}.input-group{position:relative}.input-group.full-width{width:100%}.editor-input,.editor-textarea{width:100%;padding:10px 12px;background:#09090b;border:1px solid #27272A;border-radius:6px;color:#dcddde;font-size:14px;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:right;transition:all .2s ease;box-sizing:border-box}.editor-input::placeholder,.editor-textarea::placeholder{color:#7d7f87;opacity:1}.editor-input:focus,.editor-textarea:focus{border-color:#3a3a3a;outline:none;box-shadow:0 0 0 3px #3c3c3c26}.editor-textarea{min-height:100px;resize:vertical;font-family:inherit}.input-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:#7d7f87;font-size:16px;pointer-events:none;opacity:.7}.title-thumbnail-row{display:flex;gap:12px;align-items:flex-start}.thumbnail-small{width:80px;height:80px;border:2px dashed #27272A;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#09090b;color:#7d7f87;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;flex-shrink:0}.thumbnail-small:hover{border-color:#3a3a3a}.thumbnail-small img{width:100%;height:100%;object-fit:cover;border-radius:6px}.thumbnail-small:before{content:"";position:absolute;inset:0;background:#1e1e1e00 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>') center/16px no-repeat;opacity:0;transition:opacity .2s ease}.thumbnail-small:hover:before{opacity:.6}.thumbnail-small-content{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;font-size:10px}.main-image-section{display:flex;flex-direction:column;gap:4px}.main-image-placeholder{width:100%;height:300px;border:2px dashed #27272A;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#09090b;color:#7d7f87;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.main-image-placeholder:hover{border-color:#3a3a3a}.main-image-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:6px}.main-image-placeholder:before{content:"";position:absolute;inset:0;background:#1e1e1e00 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>') center/32px no-repeat;opacity:0;transition:opacity .2s ease}.main-image-placeholder:hover:before{opacity:.6}.main-image-content{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.footer-section{display:flex;gap:10px;align-items:flex-start}.footer-icon{width:38px;height:38px;border-radius:50%;background:#09090b;display:flex;align-items:center;justify-content:center;color:#7d7f87;font-size:14px;border:1px solid #27272A;cursor:pointer;margin-top:0;flex-shrink:0;transition:all .2s ease;position:relative;overflow:hidden}.footer-icon:hover{border-color:#3a3a3a}.footer-icon:after{content:"";position:absolute;inset:0;background:#1e1e1e00 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M11 4H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>') center/10px no-repeat;opacity:0;transition:opacity .2s ease}.footer-icon:hover:after{opacity:1;background-color:#00000080}.footer-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.footer-input-wrapper{flex:1}.color-preview-panel{display:flex;flex-direction:column;gap:12px;background:#151518;padding:16px;border-radius:12px;border:1px solid #27272A;min-width:120px}.color-preview-title{font-size:11px;font-weight:800;color:#7d7f87;text-transform:uppercase;letter-spacing:.5px;text-align:center}.color-preview-sample{width:100%;height:80px;border-radius:8px;border:2px solid #27272A;transition:all .2s ease}.hidden-input{display:none}.text-muted{color:#7d7f87;font-size:12px}@media (max-width: 768px){.embed-editor-container{padding:16px}.editor-input,.editor-textarea{font-size:13px}.thumbnail-placeholder{height:100px}}.response-section{background:#151518;border:1px solid #27272A;border-radius:12px;padding:20px;margin-top:16px}.response-section-header{display:flex;align-items:center;justify-content:flex-end;padding-bottom:16px;border-bottom:1px solid #27272A;margin-bottom:16px}.response-section-title{font-size:16px;font-weight:600;color:#fff}.response-tabs{display:flex;gap:0;background:#09090b;border-radius:8px;padding:4px;margin-bottom:16px}.response-tab{flex:1;padding:10px 16px;text-align:center;background:transparent;border:none;color:#7d7f87;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:6px}.response-tab:hover{color:#fff}.response-tab.active{background:#161cbb;color:#fff}.response-input-group{margin-bottom:16px}.response-label{display:block;font-size:14px;font-weight:500;color:#fff;text-align:right;margin-bottom:8px}.response-input{width:100%;padding:12px 16px;background:#09090b;border:1px solid #27272A;border-radius:8px;color:#fff;font-size:14px;text-align:right;transition:all .2s ease}.response-input::placeholder{color:#7d7f87}.response-input:focus{outline:none;border-color:#3a3a3a}.response-input-counter{display:flex;align-items:center;justify-content:flex-start;margin-top:4px;font-size:12px;color:#7d7f87}.response-dialog-content{background:#151518!important;border:1px solid #27272A!important;border-radius:12px!important}.response-dialog-header{padding-bottom:16px;border-bottom:1px solid #27272A}.response-dialog-title{font-size:18px;font-weight:600;color:#fff;text-align:right}.direction-rtl{direction:rtl}[dir=rtl] .flex-row-reverse,.flex-row-reverse[data-rtl=true]{flex-direction:row-reverse!important}