.pd-extra-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-backdrop);z-index:var(--z-modal);pointer-events:auto;padding:12px}
.pd-extra-modal{background:var(--tw-card,#171719);color:var(--tw-fg,#f4f4f4);width:560px!important;max-width:100%!important;height:min(760px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tw-border,#38383a);border-radius:14px}
.pd-extra-modal .m2-head{gap:12px;flex-shrink:0}.pd-extra-modal .m2-title{font-size:15px}.pd-extra-modal .pd-scroll{min-height:70px;flex:1;overflow-y:auto}.pd-extra-modal .m2-footer{flex-shrink:0}.pd-extra-modal .m2-footer-right{display:flex;gap:8px;justify-content:flex-end}.pd-extra-modal .btn{white-space:nowrap}
.pd-extra-modal .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tw-border,#38383a);border-radius:6px;padding:7px 12px;min-height:34px;font-size:13px;background:var(--tw-input,#202023);color:inherit;cursor:pointer}.pd-extra-modal .btn-primary{background:#dfbd79;color:#211b0f;border-color:#dfbd79}.pd-extra-modal .btn:disabled{opacity:.45;cursor:default}.pd-extra-modal button:focus-visible,.pd-extra-modal input:focus-visible{outline:2px solid #dfbd79;outline-offset:2px}
.pd-extra-modal{padding:0!important}.pd-extra-modal *{box-sizing:border-box}.pd-extra-modal .m2-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.pd-extra-modal .pd-scroll{overflow-x:hidden;padding:0 20px}.pd-extra-modal .pd-text{overflow:hidden;flex:1}.pd-extra-modal .pd-title{width:100%;max-width:100%}.pd-extra-modal .m2-footer{padding:16px 20px;border-top:1px solid var(--tw-border,#38383a)}.pd-extra-modal .pd-search{margin:0 20px 12px;padding:0}
.pd-extra-upload{padding:0 20px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px}.pd-extra-upload .btn{font-size:13px}.pd-extra-modal .pd-search input{width:100%;padding:9px 12px;background:var(--tw-input,#202023);border:1px solid var(--tw-border,#38383a);border-radius:5px;color:inherit}
.pd-extra-error,.pd-extra-notice{margin:0 20px 8px;font-size:12px;overflow-wrap:anywhere}.pd-extra-error{color:#ef9999}.pd-extra-error .btn{font-size:11px;margin-left:8px}.pd-extra-notice{color:var(--tw-muted-fg,#aaa)}
.pd-extra-item{display:flex;gap:7px;align-items:center;width:100%;padding:9px 10px!important}.pd-extra-select{display:flex;gap:12px;align-items:center;min-width:0;flex:1;cursor:pointer}.pd-extra-select input{accent-color:#e3c17d;width:18px;height:18px;flex-shrink:0}.pd-extra-select .pd-text{min-width:0}.pd-extra-icon{border:0;background:transparent;color:var(--tw-muted-fg,#aaa);cursor:pointer;min-width:32px;min-height:36px;font-size:18px}.pd-extra-icon:disabled{opacity:.4}.pd-extra-modal .pd-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.pd-extra-overlay{padding:8px}.pd-extra-modal{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}.pd-extra-modal .m2-head{padding:14px 12px}.pd-extra-modal .m2-title{font-size:14px}.pd-extra-upload{padding:0 12px 10px}.pd-extra-modal .m2-footer{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.pd-extra-modal .m2-footer-right{flex-wrap:wrap}.pd-extra-modal .btn{font-size:12px}.pd-extra-modal .pd-scroll{padding-left:12px;padding-right:12px}}