.custom-file-box{--xxd-accent:#e59e2b;--xxd-accent-bg:#fcf8f2;--xxd-border:#d1d5db;--xxd-title:#2b3648;--xxd-sub:#8c95a6}.custom-file-box{position:relative;width:100%;min-height:80px;display:flex;align-items:center;justify-content:center;padding:15px 20px;box-sizing:border-box;overflow:hidden;border:1.5px dashed var(--xxd-border);border-radius:8px;background:#fafafa;cursor:pointer;transition:all .3s ease}.custom-file-box:hover,.custom-file-box.is-dragover,.custom-file-box.has-file{border-color:var(--xxd-accent);background:var(--xxd-accent-bg)}.custom-file-box input[type=file]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;min-height:0!important;opacity:0!important;cursor:pointer!important;z-index:5!important;margin:0!important;padding:0!important;border:0!important}.custom-file-box .file-custom-ui{display:flex;align-items:center;gap:12px;max-width:100%;pointer-events:none;z-index:1}.custom-file-box .file-icon{display:inline-flex;flex:0 0 auto;line-height:1;color:var(--xxd-sub);transition:color .3s ease}.custom-file-box:hover .file-icon,.custom-file-box.has-file .file-icon{color:var(--xxd-accent)}.custom-file-box .file-text{display:flex;flex-direction:column;min-width:0;text-align:left}.custom-file-box .file-main-title{font-size:15px;font-weight:600;line-height:1.4;color:var(--xxd-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-file-box.has-file .file-main-title{color:var(--xxd-accent)}.custom-file-box .file-sub-title{margin-top:2px;font-size:12px;line-height:1.4;color:var(--xxd-sub)}@media (max-width:767px){.custom-file-box{padding:14px}.custom-file-box .file-main-title{font-size:14px}}