.resource-account-nav { background:rgba(255,255,255,.92); transform:none; }
.my-resources-page { min-height:100dvh; padding:118px 0 84px; background:var(--bg-alt); }
.my-resources-header { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:36px; }
.my-resources-header > div:first-child > span { color:var(--interactive-ink); font-size:11px; font-weight:750; letter-spacing:.14em; }
.my-resources-header h1 { margin:9px 0 10px; font-size:clamp(40px,6vw,64px); letter-spacing:-.05em; }
.my-resources-header p { max-width:650px; color:var(--text-secondary); font-size:14px; line-height:1.7; }
.my-account-chip { display:flex; align-items:center; gap:9px; padding:10px 13px; border:1px solid var(--border); border-radius:11px; background:var(--card); color:var(--text-secondary); font-size:11px; }
.my-account-chip i { color:#17815d; }
.my-resource-list { display:grid; gap:16px; }
.my-resource-loading,.my-resource-empty { display:grid; justify-items:center; gap:14px; padding:70px 24px; border:1px dashed var(--border); border-radius:18px; color:var(--text-secondary); text-align:center; }
.my-resource-card { display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:22px; align-items:center; padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--card); }
.my-resource-cover { width:96px; aspect-ratio:1; overflow:hidden; border-radius:12px; background:var(--bg-alt); }
.my-resource-cover img { width:100%; height:100%; object-fit:cover; }
.my-resource-copy { min-width:0; }
.my-resource-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:7px; }
.my-resource-meta span { padding:4px 7px; border-radius:999px; background:rgba(196,77,255,.09); color:var(--interactive-ink); font-size:10px; font-weight:700; }
.my-resource-meta span[data-status="approved"] { background:rgba(30,150,105,.11); color:#167254; }
.my-resource-meta span[data-status="pending"],.my-resource-meta span[data-status="revision"] { background:rgba(219,146,25,.12); color:#98600a; }
.my-resource-meta span[data-status="rejected"] { background:rgba(207,62,62,.1); color:#b32b2b; }
.my-resource-meta span[data-status="rectification"] { background:color-mix(in srgb,var(--error) 10%,var(--card)); color:var(--error); }
.my-resource-meta span[data-status="accepting"] { background:rgba(30,150,105,.11); color:#167254; }
.my-resource-meta span[data-status="paused"] { background:rgba(91,96,110,.12); color:#555c69; }
.my-resource-meta span i { margin-right:4px; }
.my-resource-card h2 { overflow:hidden; margin:0 0 6px; color:var(--text); font-size:19px; text-overflow:ellipsis; white-space:nowrap; }
.my-resource-card p { color:var(--text-secondary); font-size:11px; line-height:1.6; }
.my-studio-management { margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.my-studio-management > strong { display:flex; align-items:center; gap:7px; margin-bottom:8px; color:var(--text); font-size:11px; }
.my-studio-management > strong i { color:var(--interactive-ink); }
.my-studio-management > div { display:flex; flex-wrap:wrap; gap:7px; }
.my-studio-management a { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:7px 10px; border-radius:980px; background:color-mix(in srgb,var(--interactive-ink) 8%,var(--bg-alt)); color:var(--interactive-ink); font-size:10px; font-weight:750; }
.my-studio-management a:hover { background:linear-gradient(135deg,var(--action-primary),var(--action-secondary)); color:#fff; }
.my-studio-management a:focus-visible { outline:3px solid var(--focus-ring); outline-offset:2px; }
.my-resource-actions { display:flex; flex-direction:column; gap:8px; min-width:132px; }
.my-resource-actions .btn { min-height:39px; padding:8px 14px; font-size:12px; }
.my-resource-actions small { color:var(--text-secondary); font-size:9px; text-align:center; }
.my-settings-notice { padding:12px 14px; border:1px solid color-mix(in srgb,#167254 28%,var(--border)); border-radius:8px; background:color-mix(in srgb,#167254 7%,var(--card)); color:#126143; font-size:12px; }
.my-availability-control { display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:360px; margin-top:14px; padding:11px 13px; border:1px solid var(--border); border-radius:8px; background:var(--bg-alt); }
.my-availability-control strong,.my-availability-control small { display:block; }
.my-availability-control strong { color:var(--text); font-size:11px; }
.my-availability-control small { margin-top:2px; color:var(--text-secondary); font-size:9px; }
.my-availability-control button { position:relative; flex:0 0 auto; width:44px; height:24px; border:0; border-radius:999px; background:#737987; cursor:pointer; transition:background .18s ease; }
.my-availability-control button[aria-checked="true"] { background:#167254; }
.my-availability-control button span { position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .18s ease; }
.my-availability-control button[aria-checked="true"] span { transform:translateX(20px); }
.my-availability-control button:focus-visible { outline:3px solid var(--focus-ring); outline-offset:3px; }
.my-availability-control button:disabled { cursor:wait; opacity:.58; }
.my-cover-setting { grid-column:1/-1; padding-top:14px; border-top:1px solid var(--border); }
.my-cover-setting summary { display:flex; align-items:center; justify-content:space-between; gap:18px; color:var(--text); cursor:pointer; list-style:none; }
.my-cover-setting summary::-webkit-details-marker { display:none; }
.my-cover-setting summary > span { display:flex; align-items:center; gap:8px; font-size:11px; }
.my-cover-setting summary i { color:var(--interactive-ink); }
.my-cover-setting summary small { color:var(--text-secondary); font-size:9px; }
.my-cover-setting summary:focus-visible { outline:3px solid var(--focus-ring); outline-offset:4px; }
.my-cover-options { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:9px; margin-top:14px; }
.my-cover-options button { position:relative; overflow:hidden; aspect-ratio:4/3; padding:0; border:1px solid var(--border); border-radius:7px; background:var(--bg-alt); cursor:pointer; }
.my-cover-options button[aria-checked="true"] { outline:3px solid var(--focus-ring); outline-offset:1px; }
.my-cover-options img { width:100%; height:100%; object-fit:cover; }
.my-cover-options button > span { position:absolute; right:5px; bottom:5px; padding:4px 6px; border-radius:4px; background:rgba(20,37,76,.9); color:#fff; font-size:8px; font-weight:750; }
.my-cover-options button > span i { margin-right:3px; color:inherit; }
.my-cover-options button:focus-visible { outline:3px solid var(--focus-ring); outline-offset:2px; }
.my-cover-options button:disabled { cursor:wait; opacity:.6; }
.my-setting-error { grid-column:1/-1; min-height:0; color:var(--error); font-size:11px; }
.my-setting-error:empty { display:none; }
@media (max-width:720px) {
    .my-resources-page { padding:96px 0 56px; }
    .my-resources-header { align-items:flex-start; flex-direction:column; }
    .my-resource-card { grid-template-columns:72px minmax(0,1fr); gap:14px; }
    .my-resource-cover { width:72px; }
    .my-resource-actions { display:grid; grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; min-width:0; }
    .my-resource-actions .btn { flex:1; }
    .my-resource-actions small { grid-column:1/-1; }
    .my-studio-management { margin-top:12px; }
    .my-cover-setting summary { align-items:flex-start; flex-direction:column; gap:4px; }
    .my-cover-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
}