.album-studio-heading,.album-studio-toolbar,.album-studio-save { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.album-studio-heading { justify-content:space-between; margin-bottom:20px; }
.album-studio-library { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:20px; margin-top:20px; }
.album-studio-card { border:1px solid var(--border); border-radius:20px; background:white; overflow:hidden; }
.album-studio-card>img { width:100%; height:200px; object-fit:cover; background:#eaf0f9; }
.album-studio-card>div { padding:20px; }
.album-studio-editor { display:grid; gap:20px; }
.album-studio-editor section { padding:24px; border:1px solid var(--border); border-radius:20px; background:white; min-width:0; }
.album-studio-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.album-studio-editor label { display:grid; gap:8px; margin-block:12px; }
.album-studio-editor input:not([type=checkbox]),.album-studio-editor select,.album-studio-editor textarea,.album-studio-toolbar>input,.album-studio-toolbar>select { box-sizing:border-box; width:100%; border:1px solid var(--border); border-radius:10px; padding:12px; background:#fff; color:var(--text); font:inherit; }
.album-studio-toolbar>input,.album-studio-toolbar>select { width:auto; max-width:100%; }
.album-studio-editor .album-check { display:flex; align-items:center; gap:10px; }
.album-check input { width:20px!important; height:20px!important; flex:0 0 20px; }
.album-studio-file { position:relative; overflow:hidden; cursor:pointer; }
.album-studio-file input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.album-studio-media { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:16px; margin-top:20px; }
.album-studio-media article { min-width:0; border:1px solid var(--border); border-radius:16px; overflow:hidden; padding:12px; }
.album-studio-media img,.album-studio-media video { width:100%; height:190px; object-fit:contain; background:#102039; border-radius:10px; }
.album-studio-toolbar button:not([class]) { padding:8px 10px; border:1px solid var(--border); border-radius:9px; color:var(--text); background:#f6f9ff; cursor:pointer; }
.album-studio-save { background:#eef4ff; border:1px solid var(--border); border-radius:16px; padding:18px; }
.album-studio-preview { width:min(980px,calc(100vw - 28px)); max-height:92dvh; overflow:auto; border:0; border-radius:20px; background:#102039; color:white; padding:16px; }
.album-studio-preview::backdrop { background:rgb(0 10 25 / 80%); }
.album-studio-preview header,.album-studio-preview footer { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.album-studio-preview img,.album-studio-preview video { display:block; width:100%; height:60dvh; object-fit:contain; }
.album-studio-preview p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }
.album-studio-preview button { padding:12px 18px; border:1px solid #8298b0; border-radius:10px; color:white; background:#253e5c; cursor:pointer; }
@media(max-width:640px) { .album-studio-two {grid-template-columns:1fr;} .album-studio-editor section {padding:16px;} }
