.portal-page h1 span{color:#a08aff}.media-account{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 12px;font-size:14px;color:#cad0e1}.media-account small{color:#858ba1;margin-left:12px}.media-account .purple-dot{display:inline-block;margin-right:8px}.media-quota{height:3px;background:#252937;border-radius:3px;margin-bottom:32px}.media-quota>span{display:block;height:100%;background:#9778ff;min-width:3px}.media-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.media-upload{position:sticky;top:100px;background:linear-gradient(160deg,#19162b,#10121c 65%);padding:26px;border:1px solid #353049;border-radius:18px}.media-upload h2,.media-library h2{font-size:24px;margin:14px 0 24px}.media-types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.media-types button{border:1px solid #323044;background:#12121e;color:#999caf;border-radius:10px;padding:12px 4px;font:inherit;font-size:11px;cursor:pointer}.media-types b{display:block;font-size:26px;margin-bottom:8px;font-weight:400}.media-types button[aria-pressed=true]{color:#ded5ff;background:#2a2146;border-color:#906bf5}.media-upload label:not(.media-drop),.media-inline label{display:block;margin:22px 0 8px;font-size:13px;color:#c5c8d7}.media-upload input:not([type=file]),.media-inline input{width:100%;padding:13px;border:1px solid #353649;border-radius:9px;background:#0d0e17;color:#fff;font:inherit;margin-top:8px}.media-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:195px;text-align:center;border:1px dashed #63537e;background:#15121f;border-radius:12px;margin:22px 0 10px;padding:20px;cursor:pointer;transition:.2s}.media-drop.dragging,.media-drop:focus-within{background:#261c40;border-color:#ac8aff}.media-drop>span:not(.media-upload-icon){font-size:13px;color:#ada6bb}.media-drop small{font-size:11px;color:#8d879e;line-height:1.7}.media-drop input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.media-upload-icon{font-size:30px;width:46px;height:46px;border-radius:12px;background:#302342;color:#bb9dff;line-height:46px}.media-small{font-size:12px!important;line-height:1.7;color:#9399ae!important;overflow-wrap:anywhere}.media-upload .button{width:100%;justify-content:space-between;margin:18px 0 4px}.media-library{min-width:0}.media-library-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.media-filters{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:10px}.media-filters button{font:inherit;font-size:12px;color:#9297aa;padding:9px 16px;border-radius:30px;border:1px solid #282b3a;background:transparent;cursor:pointer}.media-filters button[aria-pressed=true]{background:#e7e0ff;color:#251c39;border-color:#e7e0ff}#media-message{font-size:13px;color:#b6a2f5;line-height:1.6;min-height:22px}#media-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.media-card{min-width:0;background:#11141f;border:1px solid #2b2d3e;border-radius:14px;overflow:hidden}.media-preview{height:190px;position:relative;background:repeating-conic-gradient(#171925 0% 25%,#1e202e 0% 50%) 50%/24px 24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-preview img{width:100%;height:100%;object-fit:contain}.audio-preview{background:radial-gradient(ellipse at top,#463066,#1a172a 70%);display:flex;flex-direction:column;gap:24px;padding:35px 16px 16px}.media-soundwave{color:#b49bea;letter-spacing:5px;font-size:24px}.audio-preview audio{width:100%;height:32px}.media-badge{position:absolute;top:10px;left:10px;border:1px solid #655777;background:#171221e6;color:#dac9fa;padding:5px 9px;font-size:10px;border-radius:20px}.media-card-body{padding:18px}.media-card h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}.media-card p{font-size:11px;color:#9096ac}.media-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.media-card-actions button,.media-inline button{font:inherit;font-size:11px;background:#212032;border:1px solid #3b3550;color:#cbc2e4;padding:8px 10px;border-radius:7px;cursor:pointer}.media-card-actions button:first-child{background:#312547;border-color:#7855b0;color:#e1d2ff}.media-card-actions .media-delete,.media-inline .media-delete{color:#efa3ae;background:transparent}.media-card-actions button:disabled{opacity:.4;cursor:not-allowed}.media-inline input{font-size:12px}.media-inline button{margin-top:8px}.media-empty{grid-column:1/-1;border:1px dashed #313344;border-radius:16px;min-height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at center,#1c172b,#0d1019 65%)}.media-empty>span{font-size:52px;color:#a48bd7;margin-bottom:20px}.media-empty h3{font-size:20px;margin:0 0 12px}.media-empty p{font-size:13px;color:#989bb1;line-height:1.8}.media-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #282a3a;margin-top:40px;padding-top:24px;color:#81889f;font-size:12px;line-height:1.8}.media-notes b{color:#b7bdcf}.media-gate{max-width:650px;margin:40px auto;text-align:center;padding:52px 24px;border:1px solid #393147;border-radius:20px;background:radial-gradient(ellipse at top,#2c2046,#11131c 75%)}.media-gate h2{font-size:28px}.media-gate p{color:#a8aec4;line-height:1.8}.media-emblem{display:grid;place-items:center;margin:0 auto 24px;width:66px;height:66px;border-radius:18px;background:#6541a8;font-size:26px;font-weight:900;transform:rotate(-8deg)}.media-warning{font-size:12px;color:#dcc58f;padding:14px;border:1px solid #5b4d2d;border-radius:9px;background:#221e15}.media-card:focus-within{border-color:#a48bd7}@media(max-width:1100px){.media-layout{grid-template-columns:310px minmax(0,1fr)}#media-files{grid-template-columns:1fr}.media-upload{padding:20px}}@media(max-width:720px){.media-layout{grid-template-columns:1fr}.media-upload{position:static}.media-account{align-items:flex-start;flex-direction:column}.media-notes{grid-template-columns:1fr;gap:12px}.media-upload h2,.media-library h2{font-size:22px}#media-files{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){#media-files{grid-template-columns:1fr}.media-library-head{gap:8px}.media-filters button{padding:9px 12px}.media-card-actions button{font-size:12px}.media-gate h2{font-size:24px}}
