.image-upload-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20000;display:flex;justify-content:center;align-items:center;animation:imageModalFadeIn .3s ease}.image-upload-modal{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;max-width:400px;border-radius:24px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;overflow:hidden;animation:imageModalScaleIn .3s cubic-bezier(.16,1,.3,1)}#nuo-os-root.dark-mode .image-upload-modal{background:#1e1e1ee6;box-shadow:0 20px 60px #0006}.image-upload-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1)}#nuo-os-root.dark-mode .image-upload-header{border-bottom-color:#ffffff1a}.image-upload-header h3{margin:0;font-size:18px;font-weight:600;color:#333}#nuo-os-root.dark-mode .image-upload-header h3{color:#fff}.image-upload-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;border-radius:50%;transition:background-color .2s}.image-upload-close:hover{background-color:#0000000d}#nuo-os-root.dark-mode .image-upload-close:hover{background-color:#ffffff1a}.image-upload-tabs{display:flex;padding:12px 24px 0;gap:16px;border-bottom:1px solid rgba(0,0,0,.05)}#nuo-os-root.dark-mode .image-upload-tabs{border-bottom-color:#ffffff0d}.image-upload-tab{background:none;border:none;padding:8px 0;font-size:15px;font-weight:500;color:#999;cursor:pointer;position:relative;display:flex;align-items:center;gap:6px}.image-upload-tab.active{color:#007aff}#nuo-os-root.dark-mode .image-upload-tab.active{color:#0a84ff}.image-upload-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#007aff;border-radius:2px}#nuo-os-root.dark-mode .image-upload-tab.active:after{background:#0a84ff}.image-upload-content{padding:24px}.image-upload-dropzone{border:2px dashed rgba(0,0,0,.1);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s;color:#999;background:#00000005}#nuo-os-root.dark-mode .image-upload-dropzone{border-color:#ffffff26;background:#ffffff0d;color:#aaa}.image-upload-dropzone:hover{border-color:#007aff;background:#007aff0d;color:#007aff}#nuo-os-root.dark-mode .image-upload-dropzone:hover{border-color:#0a84ff;background:#0a84ff1a;color:#0a84ff}.image-upload-hint{font-size:12px;color:#bbb;text-align:center}.image-upload-url{display:flex;flex-direction:column;gap:16px}.image-upload-url-input-wrapper{display:flex;align-items:center;gap:12px;background:#0000000d;padding:12px 16px;border-radius:12px}#nuo-os-root.dark-mode .image-upload-url-input-wrapper{background:#ffffff1a}.image-upload-url-input{border:none;background:transparent;flex:1;font-size:16px;outline:none;color:#333}#nuo-os-root.dark-mode .image-upload-url-input{color:#fff}.image-upload-submit{background:#007aff;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .1s}.image-upload-submit:active{transform:scale(.98)}.image-upload-submit:disabled{opacity:.5;cursor:not-allowed}.image-upload-error{color:#ff3b30;font-size:13px;text-align:center;margin:0}.image-upload-url-hint{font-size:12px;color:#999;text-align:center;margin:0}@keyframes imageModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes imageModalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}