body{background:#101110;color:#f0eee9;font-size:15px}.studio-header{height:86px;border-bottom:1px solid #353632;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:15px}.studio-header strong{font:26px Georgia,serif}.studio-header span{font-size:9px;letter-spacing:.2em;color:#b9c6a4;margin-left:8px}.studio-header>div{display:flex;align-items:center;gap:20px;font-size:12px}.studio-header button{font-size:12px}.studio{width:min(1160px,90%);margin:50px auto 100px}.studio h1{font-size:34px;margin-bottom:10px}.studio h2{font-size:24px}.studio label{display:grid;gap:8px;font-size:12px;color:#b6b7b0}.studio input,.studio textarea,.studio select{width:100%;border:1px solid #41443b;background:#1d1f1a;color:#eee;padding:12px;border-radius:7px}.studio textarea{min-height:120px;resize:vertical}.studio button,.studio-header button{border:1px solid #555c4c;border-radius:6px;padding:9px 16px;background:#24291e}.studio button:hover{background:#38432c}.studio button.primary{background:#c7d6af;color:#192014;border-color:#c7d6af}.login{max-width:440px;margin:90px auto;display:grid;gap:20px}.login p{margin:0}.studio-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 25px}.studio-actions>div{display:flex;gap:10px;flex-wrap:wrap}.studio-tabs{display:flex;gap:8px;border-bottom:1px solid #333;padding-bottom:20px;margin-bottom:30px}.studio-tabs button[aria-selected=true]{background:#c7d6af;color:#182014}.studio-grid{display:grid;grid-template-columns:240px 1fr;gap:35px}.gallery-list{display:grid;gap:8px;align-content:start}.gallery-list button{text-align:left;display:flex;justify-content:space-between;align-items:center}.gallery-list button.selected{border-color:#c7d6af;background:#30372a}.gallery-list small{color:#b8bdaf}.editor{min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.field-row .full{grid-column:1/-1}.dropzone{border:1px dashed #7a8a66;background:#191e15;padding:35px 20px;text-align:center;border-radius:9px;cursor:pointer;margin:25px 0}.dropzone.over{background:#303d24;border-color:#d6efb0}.dropzone strong{display:block;font-size:18px;font-weight:400}.dropzone p{font-size:12px;margin:8px 0 0}.dropzone input{margin-top:18px;width:auto;max-width:100%;border:0}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-editor{background:#1b1e18;border:1px solid #343a2d;border-radius:8px;overflow:hidden}.photo-editor.dragging{opacity:.35}.photo-editor img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block}.photo-editor .fields{padding:12px;display:grid;gap:12px}.photo-editor input{font-size:12px;padding:8px}.photo-editor label{font-size:10px}.photo-tools{display:flex;flex-wrap:wrap;gap:6px}.photo-tools button{font-size:11px;padding:5px 9px}.photo-tools button.active{background:#c7d6af;color:#172014}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#c7d6af;color:#182014;border-radius:8px;box-shadow:0 8px 35px #0008;max-width:90%;z-index:20;display:none}.notice.visible{display:block}.notice.error{background:#edb8ad}.help{font-size:12px;color:#a9b29d}.empty{border:1px solid #333;padding:40px;text-align:center}.settings{max-width:760px;display:grid;gap:25px}.settings .portrait-preview{width:140px;max-height:180px;object-fit:cover}.danger{color:#e5a895!important}.muted{color:#a9ad9f}.unsaved{color:#d9d3ab;font-size:12px}.upload-progress{font-size:13px;color:#d2e3b8}.move-gallery{display:flex;gap:8px;margin:15px 0}.move-gallery button{font-size:11px}@media(max-width:850px){.photos{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:180px 1fr;gap:20px}}@media(max-width:600px){.studio{width:92%;margin-top:30px}.studio-header{padding:0 4%}.studio-header strong{font-size:22px}.studio-header>div{gap:10px;font-size:10px}.studio-grid{grid-template-columns:1fr}.gallery-list{display:flex;overflow-x:auto;padding-bottom:12px}.gallery-list button{white-space:nowrap;gap:15px}.field-row{grid-template-columns:1fr}.studio-actions{align-items:flex-start;flex-direction:column}.photos{gap:9px}.photo-tools button{padding:6px}.studio h1{font-size:28px}.dropzone{padding:25px 10px}.login{margin:50px auto}}
.studio-grid>aside{min-width:0}.move-gallery{flex-wrap:wrap}.field-row>*{min-width:0}@media(max-width:600px){.studio-grid{grid-template-columns:minmax(0,1fr)}}
.studio-tabs{flex-wrap:wrap}.photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pick-photo{background:#1d2119;border:1px solid #444c3a;border-radius:6px;overflow:hidden;cursor:pointer;min-width:0}.pick-photo img{width:100%;aspect-ratio:1.3;object-fit:cover;display:block}.pick-photo span{display:flex;align-items:start;gap:8px;padding:10px;overflow-wrap:anywhere}.pick-photo input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:#c7d6af;margin:0}.picker-heading{margin-top:38px}.settings h2{margin:25px 0 0}.settings p{margin-bottom:0}.settings .photo-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-grid .editor{min-width:0}@media(max-width:600px){.studio-tabs button{font-size:12px;padding:10px 12px}.photo-picker,.settings .photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header strong{font-family:Georgia,serif}.studio-grid{grid-template-columns:minmax(0,1fr)}}
.settings{max-width:900px}.settings>h2{margin-top:32px}.editor-group{border:1px solid #414638;border-radius:7px;margin-bottom:20px}.editor-group summary{padding:18px;cursor:pointer;font-size:16px}.group-fields{padding:0 20px 25px;display:grid;gap:22px}.check-label{display:flex!important;align-items:center;gap:10px!important;padding:10px 0}.studio .check-label input{width:18px;height:18px;accent-color:#c7d6af;flex:0 0 18px}.media-control{padding:20px;border:1px solid #414638;border-radius:8px;display:grid;gap:16px;min-width:0}.media-control h3{margin:0}.media-preview{width:180px;height:130px;object-fit:contain;background:#050505;max-width:100%}.section-order{display:grid;gap:8px}.section-order-row,.selection-row{display:flex;align-items:center;gap:10px;padding:10px;background:#1c2118;border-radius:7px;min-width:0}.section-order-row label{flex:1}.selection-row img{width:65px;height:50px;object-fit:cover}.selection-row span{flex:1;overflow-wrap:anywhere;min-width:0}.selection-order{display:grid;gap:8px}.selection-row button{font-size:11px;padding:6px}.nav-editor{display:grid;gap:20px}.nav-editor-row{border:1px solid #414638;border-radius:8px;padding:20px}.option-row{display:flex;flex-wrap:wrap;gap:20px}.library-filters{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:25px}.replace-label{position:relative;display:inline-block!important;padding:5px 9px;border:1px solid #555c4c;border-radius:6px;overflow:hidden;cursor:pointer}.replace-label input{position:absolute;opacity:0;inset:0;cursor:pointer;padding:0!important}.download-photo{font-size:11px;padding:5px}.page-buttons{display:flex;gap:10px;flex-wrap:wrap}.page-editor{display:grid;gap:22px;border-top:1px solid #414638;padding-top:25px}.version-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #414638;padding:18px 0;font-size:13px}.studio input[type=color]{height:48px;padding:4px}.studio-actions{align-items:start}.studio-actions>div{justify-content:flex-end}.studio-header strong{font-size:21px}.studio-header{height:auto;min-height:86px}.studio-header>a{min-width:0;overflow-wrap:anywhere}.studio-header>div{flex-shrink:0} [hidden]{display:none!important}@media(max-width:600px){.library-filters{grid-template-columns:1fr}.studio-actions>div{justify-content:flex-start}.selection-row{gap:6px;flex-wrap:wrap}.selection-row img{width:45px;height:42px}.nav-editor-row{padding:14px}.option-row{gap:10px}.version-row{align-items:start}.media-control{padding:14px}.studio-header strong{font-size:18px}.studio-header{padding-top:12px;padding-bottom:12px}}

.studio-settings{display:flex;align-items:center;gap:8px;margin-left:auto}
.bulk-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}
.library-tile{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px}
.library-tile .photo-open{display:block;width:100%;border:0;padding:0;text-align:left}
.photo-open img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}
.photo-open span,.library-tile>label{display:block;padding:8px;overflow-wrap:anywhere}
.library-tile>label input{width:auto}
.library-detail{margin:16px 0}
.library-detail .photo-editor{max-width:740px;margin-top:8px}
.library-detail img{max-height:420px;object-fit:contain}
#more-photos{margin-top:14px}
.cover-previews{display:flex;align-items:end;gap:12px;grid-column:1/-1;flex-wrap:wrap}
.cover-previews figure{margin:0;width:min(220px,100%)}
.cover-previews figure+figure{width:min(145px,100%)}
.cover-previews img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover}
.cover-previews figure+figure img{aspect-ratio:1.5}
.cover-previews figcaption{font-size:.8rem}
#upload-queue ul{max-height:220px;overflow:auto;padding-left:20px}
#upload-queue li span+span{margin-left:8px;color:var(--muted)}

.cover-frame{aspect-ratio:1.8;overflow:hidden}
.cover-previews figure+figure .cover-frame{aspect-ratio:1.5}
.cover-previews .cover-frame.gallery-cover{aspect-ratio:.96}
.cover-previews figure+figure .cover-frame.gallery-cover{aspect-ratio:1.04}
.cover-previews .cover-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:var(--cover-fit,contain);transform:scale(var(--cover-zoom,1))}
.cover-controls{flex:1 0 100%;min-width:0;display:grid;gap:12px}
.cover-controls label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
.cover-controls input{grid-row:2;grid-column:1;width:100%;padding:0}
.cover-controls output{grid-row:2;grid-column:2}
.cover-controls button{justify-self:start}

.cover-controls select{grid-row:2;grid-column:1}
.cover-frame{background:#000}

.cover-previews .featured-cover{aspect-ratio:668 / 369}
.cover-previews figure+figure .featured-cover{aspect-ratio:3 / 2}