.create-input-wrapper{z-index:100;pointer-events:none;width:100%;max-width:730px;transition:all .15s cubic-bezier(.4,0,.6,1);position:relative}.loading-indicator{color:#777;pointer-events:none;box-sizing:border-box;z-index:10;white-space:nowrap;background:#fff;border:1.5px solid #efefef;border-bottom:none;border-radius:7px 7px 0 0;justify-content:center;align-items:center;gap:2px;min-width:fit-content;height:24px;padding:3px 10px 5px;font-family:IBM Plex Sans,sans-serif;font-size:11px;transition:bottom .3s;display:flex;position:absolute;bottom:calc(100% + 63px);left:0;right:0;box-shadow:0 -2px 4px #0000000f}.loading-indicator:after{content:"";z-index:1;background:#fff;height:3px;position:absolute;bottom:-2px;left:-1px;right:-1px}.has-image .loading-indicator{bottom:calc(100% + 137px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.loading-text{color:#777;white-space:nowrap;align-items:center;font-weight:400;display:inline-flex}.input-loading-dots{color:#777;margin-left:2px;display:inline-flex}.loading-char{animation:1s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-2px)}}.create-input-container{pointer-events:auto;background:#fff;border:1.5px solid #efefef;border-radius:14px;flex-direction:column;padding:7px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 10px #00000012}.image-preview-wrapper{align-items:center;gap:12px;margin-bottom:4px;padding:8px 12px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.image-preview-inline{display:inline-block;position:relative}.image-preview-img{object-fit:contain;border:1px solid #e5e5e5;border-radius:8px;width:auto;max-width:100px;height:60px;display:block}.remove-image-btn{color:#fff;cursor:pointer;z-index:1;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-6px;right:-6px}.remove-image-btn:hover{background:#000000e6}.create-input{color:#333;background:0 0;border:none;outline:none;width:100%;padding:15px 19px;font-size:15.5px}.create-input::placeholder{color:#999;font-weight:400}.has-image .create-input{padding-top:8px}.create-input-actions{flex-wrap:wrap;align-items:center;gap:3px;padding:0 7px 7px;display:flex}.input-action-btn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.input-action-btn:hover{color:#444;background:#f5f5f5}.input-action-btn svg{width:19px;height:19px}.input-divider{background:#e5e5e5;width:1px;height:22px;margin:0 7px}.preset-label{color:#777;align-items:center;margin-right:auto;padding:0 7px;font-size:12.5px;font-weight:400;display:flex}.submit-arrow-btn{color:#fff;cursor:pointer;background:#111;border:1.5px solid #111;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-left:7px;transition:all .2s;display:flex}.submit-arrow-btn:hover:not(:disabled){color:#111;background:#fff;border-color:#111}.submit-arrow-btn:disabled{opacity:.45;cursor:not-allowed}.submit-arrow-btn svg{width:19px;height:19px;transform:translateY(1px)}.btn-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.processing-overlay{color:#8b5cf6;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.processing-spinner{border:2px solid #f0f0f0;border-top-color:#8b5cf6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.brand-style-button-container{min-width:150px;display:inline-block;position:relative}.brand-style-btn{color:#777;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12.5px;font-weight:400;transition:all .2s;display:flex}.brand-style-btn:hover{color:#444;background:#f5f5f5}.brand-style-btn svg{flex-shrink:0;width:16px;height:16px}.brand-style-btn .dropdown-arrow{margin-left:auto;transition:transform .2s}.brand-style-btn .dropdown-arrow.open{transform:rotate(180deg)}.brand-style-dropdown{z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999!important;animation:.15s ease-out dropupFadeIn!important;top:auto!important;bottom:calc(100% + 2px)!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropupFadeIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{cursor:pointer;color:#6b7280;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:34px;padding:6px 12px;font-size:12.5px;font-weight:400;transition:background-color .15s;display:flex;overflow:hidden}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#111827;background-color:#f9fafb}.dropdown-item.selected{color:#000;background-color:#f3f4f6;font-weight:700}.dropdown-item.selected:after{content:"✓";color:#000;font-size:14px;font-weight:700}.dropdown-loading,.dropdown-empty{color:#9ca3af;text-align:center;padding:12px;font-size:12.5px;font-style:italic}.brand-style-dropdown::-webkit-scrollbar{width:6px}.brand-style-dropdown::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.brand-style-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.brand-style-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-theme .create-input-container{background:#2a2a2a;border-color:#3a3a3a}.dark-theme .create-input{color:#fff}.dark-theme .input-action-btn{color:#a0a0a0}.dark-theme .input-action-btn:hover{color:#fff;background:#333}.dark-theme .input-divider{background:#404040}.dark-theme .preset-label{color:#a0a0a0}.dark-theme .image-preview-img{border-color:#404040}.dark-theme .remove-image-btn{background:#fff3}.dark-theme .remove-image-btn:hover{background:#ffffff4d}.dark-theme .brand-style-btn{color:#a0a0a0;background:0 0}.dark-theme .brand-style-btn:hover{color:#fff;background:#333}.dark-theme .brand-style-dropdown{background:#2a2a2a;border-color:#404040}.dark-theme .dropdown-item{color:#a0a0a0;border-bottom-color:#404040}.dark-theme .dropdown-item:hover{color:#fff;background:#333}.dark-theme .dropdown-item.selected{color:#8b5cf6;background:#333}.dark-theme .dropdown-loading,.dark-theme .dropdown-empty{color:#666}.dark-theme .loading-indicator{color:#a0a0a0;background:#2a2a2a;border-color:#3a3a3a #3a3a3a currentColor;border-bottom-style:none;border-bottom-width:medium}.dark-theme .loading-indicator:after{background:#2a2a2a}.dark-theme .loading-text,.dark-theme .input-loading-dots{color:#a0a0a0}@media (max-width:768px){.create-input-wrapper{max-width:100%}.create-input-container{padding:6px}.create-input{padding:10px 12px;font-size:13px}.input-action-btn{width:32px;height:32px}.input-action-btn svg{width:16px;height:16px}.submit-arrow-btn{width:32px;height:32px;margin-left:6px}.submit-arrow-btn svg{width:16px;height:16px}.input-divider{height:20px;margin:0 6px}.preset-label{display:none}.brand-style-button-container{min-width:110px}.brand-style-btn{gap:4px;padding:5px 7px;font-size:11px}.brand-style-btn svg{width:14px;height:14px}.brand-style-btn .dropdown-arrow{width:12px;height:12px}.brand-style-dropdown{max-height:160px}.dropdown-item{padding:8px 10px;font-size:12px}.loading-indicator{height:20px;padding:2px 8px;font-size:10px}}@media (max-width:480px){.create-input-container{padding:5px}.create-input{padding:9px 10px;font-size:12px}.input-action-btn{width:28px;height:28px}.input-action-btn svg{width:14px;height:14px}.submit-arrow-btn{width:28px;height:28px;margin-left:5px}.submit-arrow-btn svg{width:14px;height:14px}.brand-style-button-container{min-width:100px}.brand-style-btn{gap:3px;padding:4px 6px;font-size:10px}.brand-style-btn svg{width:12px;height:12px}.brand-style-btn .dropdown-arrow{width:10px;height:10px}.dropdown-item{padding:7px 8px;font-size:11px}.input-divider{height:18px;margin:0 5px}}@media (max-width:375px){.create-input{padding:8px 9px;font-size:11px}.input-action-btn{width:26px;height:26px}.input-action-btn svg{width:13px;height:13px}.submit-arrow-btn{width:26px;height:26px}.submit-arrow-btn svg{width:13px;height:13px}.brand-style-button-container{min-width:90px}.brand-style-btn{padding:4px 5px;font-size:9px}.brand-style-btn svg{width:11px;height:11px}.brand-style-btn .dropdown-arrow{width:9px;height:9px}.input-divider{height:16px;margin:0 4px}}