.asset-upload-modal{width:min(1120px,calc(100vw - 40px))!important;max-height:calc(100dvh - 40px)!important}.asset-upload-modal .modal-header{padding:23px 28px 20px}.asset-upload-modal .modal-body{padding:0!important;overflow:auto}.asset-upload{--au-ink:#12272b;--au-muted:#789095;--au-teal:#00a99f;position:relative;color:var(--au-ink);font-size:12px}.asset-upload *{box-sizing:border-box}.asset-upload button,.asset-upload input,.asset-upload select{font:inherit}.asset-upload-local{margin:20px 28px 18px;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #ccebe5;border-radius:10px;background:#effaf7;color:#187e74}.asset-upload-local>svg{flex:none;margin-top:2px}.asset-upload-local strong{font-size:11px;font-weight:650}.asset-upload-local p{font-size:10px;color:#6c8983;line-height:1.8;margin:4px 0 0}.asset-upload-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 28px 18px}.asset-upload-topline>div{flex:1;max-width:350px}.asset-upload-topline label{display:block;font-size:10px;color:#688187;margin-bottom:7px}.asset-upload-topline input{width:100%;height:36px;padding:0 11px;border:1px solid #dce6e8;border-radius:7px;color:var(--au-ink);outline:none;background:#fff}.asset-upload-topline>span{font-size:10px;color:#8ba0a4;padding-bottom:9px}.asset-upload input:focus,.asset-upload select:focus{border-color:#29bdb2;box-shadow:0 0 0 3px #00b8ab12;outline:none}.asset-upload-drop{display:flex;align-items:center;gap:16px;margin:0 28px 16px;padding:19px 21px;border:1px dashed #a9d9d3;border-radius:12px;background:#f9fdfc;transition:background .18s,border-color .18s,box-shadow .18s}.asset-upload-drop.is-dragging{background:#e5f8f3;border-color:#00afa1;box-shadow:0 0 0 3px #00b8ab12}.asset-upload-drop-icon{width:48px;height:48px;display:grid;place-items:center;color:#069e92;background:#e4f4f0;border-radius:12px;flex:none}.asset-upload-drop>div:nth-child(2){flex:1}.asset-upload-drop strong{font-size:12px;font-weight:650}.asset-upload-drop p{font-size:10px;line-height:1.8;color:#85999c;margin:5px 0 0}.asset-upload-drop .btn{font-size:11px!important;padding:10px 13px!important;white-space:nowrap}.asset-upload-naming{margin:0 28px 16px;border:1px solid #e3eaec;border-radius:9px;background:#fff;overflow:hidden}.asset-upload-naming summary{padding:12px 14px;display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;user-select:none;color:#49666d}.asset-upload-naming summary::-webkit-details-marker{display:none}.asset-upload-naming summary>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.asset-upload-naming summary small{font-size:10px;color:#9aa9ad;flex:1}.asset-upload-naming[open] summary{border-bottom:1px solid #edf1f2;background:#fbfdfc}.asset-upload-naming[open] summary>svg{transform:rotate(180deg)}.asset-upload-rules{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asset-upload-rules>label{font-size:10px;color:#789095}.asset-upload-rules>label input,.asset-upload-sequence input[type=number],.asset-upload-sequence select{display:block;width:100%;margin-top:6px;border:1px solid #dce6e8;border-radius:6px;height:33px;padding:0 9px;color:#23434a;background:#fff;min-width:0}.asset-upload-rules input::placeholder{color:#acb9bc}.asset-upload-sequence{grid-column:span 2;display:flex;align-items:center;gap:13px}.asset-upload-sequence>label{display:flex;align-items:center;gap:6px;font-size:10px;color:#789095;white-space:nowrap}.asset-upload-sequence input[type=checkbox]{accent-color:#00a99f}.asset-upload-sequence input[type=number]{width:64px;margin:0}.asset-upload-sequence select{width:66px;margin:0}.asset-upload-rules .btn{justify-content:center;align-self:end;padding:10px 12px!important;font-size:11px!important}.asset-upload-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 28px 10px;min-height:18px}.asset-upload-list-head strong{font-size:11px;font-weight:600;color:#627e83}.asset-upload-list-head button{padding:0;border:0;background:none;color:#009d91;font-size:10px;cursor:pointer}.asset-upload-list{margin:0 28px;border:1px solid #e1e8ea;border-radius:10px;max-height:360px;overflow:auto;overscroll-behavior:contain;background:#fbfcfc}.asset-upload-row{display:flex;align-items:center;gap:14px;padding:13px 14px;background:#fff;min-height:103px;border-bottom:1px solid #edf1f2;transition:background .16s}.asset-upload-row:last-child{border:0}.asset-upload-row.is-saved{background:#fbfffd}.asset-upload-row.is-error{background:#fffdfa}.asset-upload-thumb{width:59px;height:76px;flex:none;border-radius:6px;background:#edf3f3;overflow:hidden;display:grid;place-items:center}.asset-upload-thumb>button{width:100%;height:100%;border:0;position:relative;cursor:pointer;padding:0;background:#10252b;display:block}.asset-upload-thumb img{width:100%;height:100%;object-fit:contain;display:block}.asset-upload-placeholder{color:#9bb3b6;display:flex;align-items:center}.asset-upload-play{position:absolute;width:22px;height:22px;border-radius:50%;background:#0c202cc7;color:white;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%)}.asset-upload-play svg{margin-left:1px}.asset-upload-file{min-width:0;flex:1}.asset-upload-original{display:flex;align-items:center;gap:7px;font-size:10px;color:#8da0a4;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-upload-original>span{color:#b2bec0;flex:none;font-size:9px}.asset-upload-file>label{display:block}.asset-upload-file input{width:100%;max-width:520px;display:block;height:30px;color:#28454b;padding:0 8px;border:1px solid #e0e8ea;border-radius:5px;background:white;font-size:11px}.asset-upload-file input[readonly]{border-color:transparent;background:transparent;padding-left:0;color:#50746f}.asset-upload-file input[aria-invalid=true]{border-color:#d9a282;background:#fffaf6}.asset-upload-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:9px;color:#90a1a4;margin-top:6px;line-height:1.5}.asset-upload-meta>span{color:#b6c3c5}.asset-upload-error{color:#b97245;font-size:10px;line-height:1.6;margin:6px 0 0}.asset-upload-row-end{width:112px;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.asset-upload-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;border-radius:20px;padding:4px 7px;background:#f1f5f6;color:#8b9ea2}.asset-upload-state.state-saved{background:#e6f6ed;color:#348a65}.asset-upload-state.state-reading,.asset-upload-state.state-saving{background:#e9f8f4;color:#168f81}.asset-upload-state.state-error{background:#fff2e6;color:#b57e4f}.asset-upload-row-actions{display:flex;gap:8px;align-items:center}.asset-upload-row-actions button{font-size:10px;border:0;color:#80999e;background:none;padding:3px 0;cursor:pointer;display:flex;align-items:center}.asset-upload-row-actions button:hover{color:#00a99f}.asset-upload-row-actions button[data-au-retry]{color:#009c91}.asset-upload-spinner{display:inline-block;width:11px;height:11px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:asset-upload-spin .7s linear infinite}.asset-upload-empty{padding:35px 15px;text-align:center;color:#a1b3b6}.asset-upload-empty>span{display:inline-flex;margin-bottom:12px;color:#b6cacb}.asset-upload-empty strong{display:block;font-size:12px;color:#849a9f;font-weight:500}.asset-upload-empty p{font-size:10px;margin:8px 0 0;color:#a6b5b8}.asset-upload-notice{font-size:10px;color:#8a9fa3;line-height:1.8;margin:9px 28px 15px;min-height:18px}.asset-upload-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 28px;border-top:1px solid #e5ecee;background:#fff;position:sticky;bottom:0;z-index:2}.asset-upload-footer>span{font-size:10px;color:#9aadb0}.asset-upload-footer>div{display:flex;gap:10px}.asset-upload-footer .btn{font-size:11px!important;padding:11px 17px!important;min-height:38px}.asset-upload .btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.asset-upload-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.asset-upload-preview{position:absolute;inset:0;background:#102027f5;z-index:5;display:flex;flex-direction:column;padding:18px;border-radius:0 0 14px 14px}.asset-upload-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#eaf7f5;padding:0 2px 14px}.asset-upload-preview-head strong{font-size:12px;overflow-wrap:anywhere}.asset-upload-preview-head button{color:#b7d2d0!important;flex:none}.asset-upload-preview-media{display:flex;align-items:center;justify-content:center;flex:1;min-height:300px;overflow:hidden}.asset-upload-preview-media img,.asset-upload-preview-media video{max-width:100%;max-height:65dvh;display:block;object-fit:contain}.asset-upload [hidden]{display:none!important}@keyframes asset-upload-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.asset-upload-modal{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}.asset-upload-modal .modal-header{padding:17px 16px}.asset-upload-modal .modal-header h2{font-size:20px}.asset-upload-local{margin:14px 14px 15px;padding:10px}.asset-upload-local strong{font-size:10px}.asset-upload-local p{font-size:9px}.asset-upload-topline{margin:0 14px 14px;align-items:flex-start;flex-direction:column;gap:6px}.asset-upload-topline>div{width:100%;max-width:none}.asset-upload-topline>span{padding:0;font-size:9px}.asset-upload-drop{margin:0 14px 13px;gap:10px;padding:14px 12px;flex-wrap:wrap}.asset-upload-drop-icon{width:35px;height:35px;border-radius:9px}.asset-upload-drop>div:nth-child(2){flex-basis:calc(100% - 50px)}.asset-upload-drop strong{font-size:11px}.asset-upload-drop p{font-size:9px}.asset-upload-drop .btn{width:100%;justify-content:center}.asset-upload-naming{margin:0 14px 13px}.asset-upload-naming summary{gap:8px;padding:11px}.asset-upload-naming summary small{font-size:8px}.asset-upload-naming summary>span{font-size:10px}.asset-upload-rules{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:10px}.asset-upload-rules>label:first-child{grid-column:span 2}.asset-upload-sequence{grid-column:span 2;gap:8px;flex-wrap:wrap}.asset-upload-rules .btn{grid-column:span 2}.asset-upload-list-head{margin:0 14px 9px}.asset-upload-list-head strong{font-size:10px}.asset-upload-list{margin:0 14px;max-height:340px}.asset-upload-row{padding:11px 9px;gap:9px;align-items:flex-start;flex-wrap:wrap;position:relative}.asset-upload-thumb{width:47px;height:64px}.asset-upload-file{flex-basis:calc(100% - 65px)}.asset-upload-original{font-size:9px;max-width:100%}.asset-upload-file input{font-size:10px;height:28px}.asset-upload-meta{font-size:8px}.asset-upload-row-end{width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-left:56px;gap:5px}.asset-upload-state{font-size:9px;padding:3px 6px}.asset-upload-row-actions{gap:11px}.asset-upload-error{font-size:9px}.asset-upload-notice{margin:9px 14px 12px;font-size:9px}.asset-upload-footer{padding:13px 14px;gap:9px;align-items:stretch;flex-direction:column}.asset-upload-footer>span{font-size:9px}.asset-upload-footer>div{justify-content:flex-end}.asset-upload-footer .btn{font-size:10px!important;padding:10px 13px!important}.asset-upload-preview{padding:13px}.asset-upload-preview-media{min-height:260px}}
@media(prefers-reduced-motion:reduce){.asset-upload-drop,.asset-upload-row{transition:none}.asset-upload-spinner{animation-duration:1.4s}}
@media(max-width:650px){.asset-upload-row-end{width:calc(100% - 56px)}.asset-upload-file input{font-size:12px}.asset-upload-local strong,.asset-upload-list-head strong{font-size:11px}.asset-upload-local p,.asset-upload-error,.asset-upload-drop p,.asset-upload-notice{font-size:10px}}