.media-page{max-width:1280px;margin:0 auto}.media-workspace{min-width:0;color:var(--text,#282837);gap:14px;display:grid}.media-workspace.is-embedded{margin-top:18px}.media-workspace.is-picker{gap:10px}.media-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.media-head h2{margin:3px 0 5px;font-size:1.2rem}.media-head p{color:var(--muted,#8a8799);margin:0;font-size:.82rem;line-height:1.5}.media-eyebrow{letter-spacing:.13em;color:#8878a5;font-size:.64rem;font-weight:700}.media-upload{gap:12px;padding:14px;display:grid}.media-upload-copy{align-items:center;gap:10px;display:flex}.media-upload-icon{color:#745da0;background:#f0ebf8;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.media-upload-copy>div{gap:3px;display:grid}.media-upload-copy b{font-size:.88rem}.media-upload-copy small{color:var(--muted,#8a8799);font-size:.72rem}.media-upload-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-upload-controls>input:not([type=file]){border:1px solid var(--border,#eae7f1);background:var(--surface,#fff);min-width:150px;color:var(--text,#282837);border-radius:9px;flex:1;padding:8px 10px}.media-file-button{align-items:center;gap:6px;display:inline-flex;position:relative;overflow:hidden}.media-file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-upload-preview{border:1px solid var(--border,#eae7f1);background:var(--surface,#fff);border-radius:11px;align-items:center;gap:11px;padding:9px;display:flex}.media-upload-preview img{object-fit:contain;background:#f5f3f8;border-radius:7px;width:66px;height:58px}.media-upload-preview>div{flex:1;gap:3px;min-width:0;display:grid}.media-upload-preview b,.media-upload-preview small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-upload-preview b{font-size:.78rem}.media-upload-preview small{color:var(--muted,#8a8799);font-size:.68rem}.media-rights{color:#62596d;align-items:center;gap:6px;margin-top:4px;font-size:.72rem;display:flex}.media-error,.media-success,.media-note,.media-pending,.media-status{border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:9px 11px;font-size:.77rem;line-height:1.45;display:flex}.media-error{color:#91464e;background:#fff0f1}.media-success{color:#326b45;background:#edf8f0}.media-note,.media-status{color:#6e6578;background:#f7f4fa}.media-pending{color:#755b2c;background:#fff7e5;justify-content:space-between}.media-quota{color:var(--muted,#8a8799);flex-wrap:wrap;justify-content:flex-end;gap:8px 15px;font-size:.72rem;display:flex}.media-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.media-status-tabs{background:#f3f0f7;border-radius:10px;gap:5px;padding:4px;display:flex}.media-status-tabs button{color:#726b7b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:.76rem}.media-status-tabs button.is-active{color:#5c4779;background:#fff;box-shadow:0 1px 4px #28283716}.media-search{border:1px solid var(--border,#eae7f1);background:var(--surface,#fff);min-width:min(100%,320px);color:var(--muted,#8a8799);border-radius:10px;align-items:center;gap:7px;padding:4px 5px 4px 10px;display:flex}.media-search input{width:auto;min-width:0;color:var(--text,#282837);font:inherit;background:0 0;border:0;outline:0;flex:1 1 0;font-size:.78rem}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.media-card{grid-template-rows:auto 160px auto auto;gap:8px;padding:10px;display:grid;overflow:hidden}.media-select{color:var(--muted,#8a8799);align-items:center;gap:5px;font-size:.7rem;display:flex}.media-preview{cursor:pointer;background-color:#faf9fc;background-image:linear-gradient(45deg,#f0edf4 25%,#0000 25%),linear-gradient(-45deg,#f0edf4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0edf4 75%),linear-gradient(-45deg,#0000 75%,#f0edf4 75%),none;background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:0;border-radius:9px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.media-preview img{object-fit:contain;width:100%;height:100%}.media-preview>span{color:#fff;background:#282837b8;border-radius:6px;padding:3px 6px;font-size:.6rem;position:absolute;bottom:6px;right:6px}.media-card.is-current{outline:2px solid #8d72bb}.media-card-copy{gap:4px;min-width:0;display:grid}.media-card-copy>b{text-overflow:ellipsis;white-space:nowrap;font-size:.81rem;overflow:hidden}.media-card-copy>small{color:var(--muted,#8a8799);font-size:.66rem}.media-card-copy p{color:#6d6677;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.7rem;line-height:1.45;display:-webkit-box;overflow:hidden}.media-card-actions{flex-wrap:wrap;gap:6px;display:flex}.media-card-actions .button{align-items:center;gap:4px;font-size:.68rem;display:inline-flex}.media-card-actions a{text-decoration:none}.media-selection-bar,.media-confirm{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.media-selection-bar>span,.media-confirm>span{margin-right:auto;font-size:.78rem}.media-confirm{background:#fff9ec;border:1px solid #f0d7a5}.button.danger{color:#9b3c37;background:#fff1f0;border-color:#efc9c5}.media-pagination{justify-content:center;align-items:center;gap:12px;padding:7px 0 2px;display:flex}.media-pagination>span{color:var(--muted,#8a8799);font-size:.74rem}.media-pagination .button{align-items:center;gap:3px;display:inline-flex}.media-generation-unavailable{color:#6d5f7c;align-items:center;gap:12px;padding:14px;display:flex}.media-generation-unavailable>div{flex:1}.media-generation-unavailable b{font-size:.85rem}.media-generation-unavailable p{color:var(--muted,#8a8799);margin:4px 0 0;font-size:.75rem}.media-generation-unavailable>span{background:#f4eff9;border-radius:999px;padding:5px 8px;font-size:.67rem}.media-picker{gap:7px;display:grid}.media-picker-label{font-size:.78rem;font-weight:600}.media-picker-control{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.media-picker-current{border:1px solid var(--border,#eae7f1);background:var(--surface,#fff);color:#71697c;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:4px 6px;font-size:.72rem;display:flex}.media-picker-current img{object-fit:contain;background:#f6f4f8;border-radius:5px;width:42px;height:34px}.media-picker-current.is-empty{padding:7px 10px}.media-modal-backdrop{z-index:120;background:#29243591;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.media-edit-dialog,.media-picker-dialog{background:var(--bg,#f9f8fc);width:min(1040px,100%);max-height:min(90dvh,900px);padding:20px;position:relative;overflow:auto}.media-picker-dialog{width:min(1100px,100%);padding:18px}.media-modal-close{position:absolute;top:14px;right:14px}.media-edit-dialog{gap:12px;width:min(510px,100%);display:grid}.media-edit-dialog h3{margin:0;padding-right:30px}.media-edit-dialog>label{gap:5px;font-size:.77rem;display:grid}.media-edit-dialog input,.media-edit-dialog textarea{border:1px solid var(--border,#eae7f1);background:var(--surface,#fff);color:var(--text,#282837);font:inherit;border-radius:8px;padding:9px}.media-edit-preview{color:var(--muted,#8a8799);align-items:center;gap:10px;font-size:.7rem;display:flex}.media-edit-preview img{object-fit:contain;background:#f0edf4;border-radius:7px;width:90px;height:68px}.media-dialog-actions,.media-picker-footer{justify-content:flex-end;gap:8px;display:flex}.media-picker-footer{background:var(--bg,#f9f8fc);padding:10px 0 0;position:sticky;bottom:-18px}.media-spin{animation:.9s linear infinite media-spin}@keyframes media-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-card{grid-template-rows:auto 125px auto auto;padding:8px}.media-toolbar{align-items:stretch}.media-search{flex:1}.media-head h2{font-size:1.05rem}.media-picker-dialog{padding:12px}.media-modal-backdrop{padding:8px}.media-upload-controls>*{flex:1}.media-upload-controls .media-file-button{justify-content:center}}@media (max-width:390px){.media-grid{grid-template-columns:1fr 1fr}.media-card{grid-template-rows:auto 105px auto auto}.media-upload-controls{display:grid}.media-quota{flex-wrap:wrap;justify-content:flex-start}}[data-theme=dark] .media-status-tabs{background:#302939}[data-theme=dark] .media-status-tabs button.is-active{color:#eee8f4;background:#423950}[data-theme=dark] .media-preview{background-color:#302b36}.media-preview-dialog{background:var(--bg,#f9f8fc);gap:10px;width:min(920px,100%);max-height:min(90dvh,900px);padding:18px;display:grid;position:relative;overflow:auto}.media-preview-dialog h3{margin:0;padding-right:36px}.media-preview-dialog>p{color:var(--muted,#8a8799);margin:0;font-size:.76rem}.media-preview-large{background-color:#faf9fc;background-image:linear-gradient(45deg,#f0edf4 25%,#0000 25%),linear-gradient(-45deg,#f0edf4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0edf4 75%),linear-gradient(-45deg,#0000 75%,#f0edf4 75%),none;background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:10px;place-items:center;min-height:180px;max-height:68dvh;display:grid;overflow:auto}.media-preview-large img{object-fit:contain;max-width:100%;max-height:65dvh;display:block}.media-conflict{color:#755b2c;background:#fff7e5;border-radius:9px;gap:7px;padding:9px 10px;font-size:.75rem;line-height:1.5;display:grid}.media-conflict p{margin:0}.media-kind-tabs{background:#f3f0f7;border-radius:10px;gap:5px;width:max-content;max-width:100%;padding:4px;display:flex}.media-kind-tabs button{color:#726b7b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-size:.77rem;display:inline-flex}.media-kind-tabs button.is-active{color:#5c4779;background:#fff;box-shadow:0 1px 4px #28283716}.media-kind-tabs button:disabled{opacity:.5;cursor:not-allowed}.media-audio-preview{color:#725c93;background:linear-gradient(135deg,#f5f1fa,#eeebf5);border-radius:9px;align-content:center;justify-items:center;gap:12px;min-width:0;padding:12px;display:grid}.media-audio-preview audio{width:100%;max-width:100%}.media-audio-preview>span{color:var(--muted,#8a8799);font-size:.68rem}.media-grid.is-audio .media-card{grid-template-rows:auto 160px auto auto}.media-upload-preview audio{width:min(240px,100%);height:38px}.media-picker-current audio{width:min(250px,52vw);height:36px}.media-preview-large:has(.media-audio-detail){padding:18px}.media-audio-detail{color:#725c93;justify-items:center;gap:15px;width:min(620px,100%);display:grid}.media-audio-detail audio{width:100%}.media-edit-preview audio{width:min(360px,65%);height:40px}@media (max-width:700px){.media-grid.is-audio .media-card{grid-template-rows:auto 125px auto auto}.media-kind-tabs button{padding:7px 10px}}.media-video-preview{color:#705b92;cursor:pointer;background:linear-gradient(135deg,#f3f0f7,#e9e5f0);border:0;border-radius:9px;align-content:center;justify-items:center;gap:8px;min-width:0;padding:12px;display:grid}.media-video-preview>span{font-size:.72rem;font-weight:650}.media-video-preview>small{color:var(--muted,#8a8799);font-size:.68rem}.media-video-player{background:#17151b;width:100%;max-height:65dvh;display:block}.media-upload-preview video{background:#17151b;border-radius:7px;width:min(320px,100%);max-height:180px}.media-edit-preview video{background:#17151b;border-radius:7px;width:min(360px,65%);max-height:160px}.media-grid.is-video .media-card{grid-template-rows:auto 160px auto auto}.media-kind-tabs button{white-space:nowrap}@media (max-width:700px){.media-grid.is-video .media-card{grid-template-rows:auto 125px auto auto}.media-video-preview{padding:8px}}.media-picker-dialog[open]{--bg:#f6eee7f0;--surface:#fffaf5f0;--text:#292321;--muted:#625854;border:1px solid var(--glass-edge,#e9d8cd);background:var(--bg);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text);box-shadow:var(--glass-shadow,0 18px 60px #1e17164d);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:18px;margin:auto;position:fixed;inset:0}.media-picker-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171311a8}.media-image-studio{padding:1rem}.media-image-studio fieldset{border:0;gap:.8rem;min-width:0;padding:0;display:grid}.media-image-studio label{gap:.4rem;display:grid}.media-image-studio img{object-fit:contain;max-width:min(100%,360px);max-height:320px;margin:.5rem;display:inline-block}.media-image-studio select,.media-image-studio textarea{width:100%;min-width:0}.media-mask-dialog{border-radius:1rem;width:min(960px,96vw);max-height:90vh;padding:1rem;overflow:auto}.media-mask-dialog::backdrop{background:#0009}.media-workspace.is-picker .media-card{grid-template-rows:clamp(110px,24vw,160px) auto auto}.media-metadata-editor label{gap:5px;min-width:0;font-size:.77rem;display:grid}.media-filters{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.media-filters>label{min-width:0;color:var(--muted,#8a8799);flex:1;align-items:center;gap:6px;font-size:.76rem;display:flex}.media-filters select,.media-metadata-editor select{box-sizing:border-box;border:1px solid var(--border,#eae7f1);background:var(--surface,#fff);min-width:0;max-width:100%;color:var(--text,#282837);font:inherit;border-radius:8px;flex:1;padding:7px}.media-search-hint{color:var(--muted,#8a8799);margin:0;font-size:.72rem;line-height:1.5}.media-card-copy .media-asset-tags{white-space:normal;line-height:1.5}.media-slot-note,.media-slot-mismatch{margin:0;font-size:.72rem;line-height:1.5}.media-slot-note{color:#756334}.media-slot-mismatch{color:#9b4747}.media-detail-metadata{grid-template-columns:auto minmax(0,1fr);gap:7px 12px;font-size:.78rem;line-height:1.5;display:grid}.media-detail-metadata dt{color:var(--muted,#8a8799)}.media-detail-metadata dd{overflow-wrap:anywhere;margin:0}.media-metadata-editor{border:1px solid var(--border,#eae7f1);border-radius:10px;gap:10px;min-width:0;margin:6px 0;padding:12px;display:grid}.media-metadata-editor legend{padding:0 5px;font-size:.8rem}.media-metadata-editor>small{color:var(--muted,#8a8799);font-size:.7rem;line-height:1.5}.media-metadata-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-metadata-pair label{min-width:0}.media-metadata-editor input,.media-metadata-editor textarea{box-sizing:border-box;min-width:0;max-width:100%}.media-workspace.is-picker .media-card-actions{flex-wrap:wrap}.media-workspace.is-picker .media-card-actions button{flex:1;justify-content:center}.media-mask-stage{width:fit-content;max-width:100%;margin:1rem auto;position:relative}.media-mask-stage img{max-width:100%;max-height:60vh;margin:0;display:block}.media-mask-stage canvas:not([hidden]){opacity:.55;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.media-mask-dialog textarea{width:100%}.media-picker.media-picker-phone-icon{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.media-picker-phone-icon .mp-phone-icon-target{box-sizing:border-box;width:var(--mp-phone-icon-size,40px);height:var(--mp-phone-icon-size,40px);border:1px solid var(--skin-border,var(--border,#e2e8f0));background:var(--mp-phone-icon-background,var(--skin-background-panel,var(--surface,#fff)));color:var(--mp-phone-icon-color,var(--skin-accent,#6366f1));cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.mp-phone-icon-target>img{object-fit:cover;width:100%;height:100%;display:block}.mp-phone-icon-target>svg{opacity:.9;flex-shrink:0}.media-picker-phone-icon .mp-phone-icon-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--skin-text-primary,var(--text,#334155));flex:1;font-size:12px;font-weight:500;overflow:hidden}.media-picker-phone-icon .mp-phone-icon-change{color:var(--skin-accent,var(--primary-dark,#4338ca));cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.media-picker-phone-icon button:disabled,.media-picker-phone-wallpaper button:disabled{opacity:.6;cursor:default}.media-picker.media-picker-phone-icon.is-author-size{flex-direction:column;flex:none;align-items:flex-start;gap:4px;display:flex}.media-picker-phone-icon.is-author-size .mp-phone-icon-target{border:2px solid #e2e8f0;border-radius:16px}.media-picker-phone-icon.is-author-size .mp-phone-icon-change{padding:2px 4px;font-size:10px}.media-picker-phone-icon.is-author-size .mp-phone-icon-target.is-borderless{background:0 0}.media-picker.media-picker-phone-wallpaper{display:block}.media-picker-phone-wallpaper .mp-phone-wallpaper-upload{border:1px solid var(--skin-border,var(--border,#e2e8f0));background:var(--skin-background-panel,var(--surface,#fff));color:var(--skin-text-primary,var(--text,#334155));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.media-search>svg,.media-search>button{flex:none}.media-search>button{white-space:nowrap}.media-picker-dialog[open]>.media-workspace>.media-head{z-index:3;background:linear-gradient(var(--surface),var(--surface)),#fff;border-bottom:1px solid var(--border);isolation:isolate;margin:-18px -18px 0;padding:14px 18px;position:sticky;top:-18px}.media-picker-dialog[open]>.media-workspace>.media-head .icon-button{flex:none;min-width:44px;min-height:44px}.media-picker-dialog[open]>.media-workspace>.media-head h2{line-height:1.5}@media (max-width:700px){.media-picker-dialog[open]>.media-workspace>.media-head{margin:-12px -12px 0;padding:10px 12px;top:-12px}}