/* v8.8 creative first. Minimal chrome; legible as a phone home-screen writing app. */
#tab-studio,#tab-media{min-width:0}.studio-controls{display:flex;justify-content:space-between;align-items:start;gap:18px;flex-wrap:wrap;margin:17px 0 26px}.studio-controls h2{font:900 clamp(33px,4.4vw,58px)/.96 'Barlow Condensed',sans-serif;letter-spacing:.005em;margin:5px 0 9px;text-transform:uppercase}.studio-controls p{margin:0;color:#b7b0aa;font-size:14px;line-height:1.55}.studio-actions,.studio-stage-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.studio-selector{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap;border-bottom:1px solid #39373a;padding-bottom:17px}.studio-selector label{margin:0;flex:1;max-width:680px}.studio-selector select{margin-top:7px;font-size:15px;font-family:Geist,system-ui,sans-serif}.studio-saved{color:#8fe1c6;font-size:12px}.studio-saved.error{color:#ff9b90}.studio-steps{display:flex;overflow-x:auto;gap:6px;padding:0 0 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.studio-steps button{min-width:111px;flex:1;border:1px solid #474348;background:#1b1b1e;color:#cfc7c0;padding:13px 11px;text-align:left;cursor:pointer;scroll-snap-align:start}.studio-steps button small{display:block;color:#9e948c;font:700 10px Geist,system-ui,sans-serif;margin-bottom:7px}.studio-steps button strong{display:block;font:800 12px Geist,system-ui,sans-serif;white-space:nowrap}.studio-steps button.active{color:#fff;background:#30251f;border-color:#ff772f}.studio-steps button.active small{color:#ff9e68}.studio-seed{border-left:3px solid #ff702b;background:#242124;padding:16px 19px;margin:20px 0}.studio-seed small{color:#ff9d6b;font:800 10px Geist,system-ui,sans-serif;letter-spacing:.09em}.studio-seed p{font:14px/1.65 Geist,system-ui,sans-serif;color:#f1eae5;margin:8px 0 0;white-space:pre-wrap}.studio-stage-top{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:23px 0 18px}.studio-stage-top h3{font:900 34px/1 'Barlow Condensed',sans-serif;margin:0;text-transform:uppercase}.studio-stage-top p{font-size:13px;color:#b7afaa;margin:7px 0 0;line-height:1.5}.studio-writing{max-width:950px;display:grid;gap:12px}.studio-block{background:#1b1b1e;border:1px solid #424044;padding:18px 22px}.studio-block:focus-within{border-color:#7a594a}.studio-block-head{display:flex;justify-content:space-between;align-items:center;color:#ffad76;font:800 10px Geist,system-ui,sans-serif;letter-spacing:.055em}.studio-block-head small{color:#cbbbad}.studio-block-head div{display:flex;gap:12px}.studio-block-head button,.studio-history button,.media-map-toolbar button,.media-map-markers button{font:700 11px Geist,system-ui,sans-serif;color:#b8b1a9;border:0;background:none;cursor:pointer}.studio-block-head button:hover{color:white}.portal-shell .studio-block-title{font:700 20px/1.3 Geist,system-ui,sans-serif;padding:11px 0 8px;background:transparent;border:0;border-bottom:1px solid #383638;margin-top:9px;outline:0;min-height:0}.portal-shell .studio-block textarea{border:0;background:transparent;padding:12px 0 8px;min-height:125px;resize:vertical;font:16px/1.8 Geist,system-ui,sans-serif;color:#f7f1ed;outline:0}.portal-shell .studio-block textarea:focus,.portal-shell .studio-block-title:focus{outline:0;border-color:transparent}.studio-block select{max-width:250px}.studio-block-foot{display:flex;gap:10px;justify-content:space-between;color:#9e9a96;font:11px/1.4 Geist,system-ui,sans-serif}.studio-empty{padding:30px;background:#1b1b1f;border:1px dashed #63554b;color:#c8c2bb;line-height:1.6}.studio-history{max-width:950px;margin-top:24px;padding:20px;border:1px solid #654d3e;background:#1b1b1e}.studio-history-head{display:flex;justify-content:space-between;gap:12px}.studio-history h3,.studio-published h4{font:800 21px 'Barlow Condensed',sans-serif;margin:0}.studio-history p,.studio-published p{color:#bcb5b0;font-size:13px}.studio-history article{display:grid;gap:9px;border-top:1px solid #3b3839;padding:16px 0}.studio-history article small{font-size:11px;color:#ffc69f}.studio-history pre{font:13px/1.65 Geist,system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.studio-history article button{justify-self:start;color:#ffb086}.studio-published{max-width:950px;padding:19px;margin-top:24px;background:#222021;border:1px solid #53433b}.studio-published .studio-stage-actions{margin-top:16px}.studio-published .studio-check{display:flex;gap:9px;align-items:center;font-size:13px;text-transform:none}.studio-published .studio-check input{width:auto;min-height:0}.studio-publication-list{font-size:12px;color:#aaa19b;margin:12px 0}.media-upload-box{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,1fr) auto;align-items:end;gap:12px;border:1px solid #51483f;background:#242122;padding:18px;margin-bottom:14px}.media-upload-box label{margin:0}.media-upload-box label strong,.media-upload-box label span{display:block}.media-upload-box label span{font:12px/1.5 Geist,system-ui,sans-serif;color:#ada8a2;margin:5px 0 11px}.media-filters{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.media-filters button{border:1px solid #4f4b49;background:#1b1b1e;padding:10px 11px;white-space:nowrap;color:#cdc5bd;cursor:pointer}.media-filters button.active{background:#372820;border-color:#f97316;color:#fff}.media-file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0 35px}.media-file-card{display:grid;gap:8px;min-width:0;border:1px solid #423e3d;background:#1b1b1d;padding:13px;text-align:left;color:#ede9e6;cursor:pointer}.media-file-card:hover{border-color:#f97316}.media-file-icon{display:grid;place-items:center;min-height:100px;background:#28272a;color:#f5aa7c;font-size:44px}.media-file-card strong{font-size:12px;overflow-wrap:anywhere}.media-file-card small{font-size:10px;color:#aaa29b;line-height:1.4}.media-expenses,.media-mapping,.media-guest-links{border-top:1px solid #4c4847;padding:19px 0;margin-top:20px}.media-expenses h3,.media-mapping h3,.media-guest-links h3{font:900 28px 'Barlow Condensed',sans-serif;margin:0}.media-guest-links p,.media-mapping p{font-size:13px;color:#b8b3ad}.media-table{display:grid;border:1px solid #464243;margin-bottom:10px}.media-table>div{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #363336;font-size:12px}.media-table span,.media-table small{color:#b8aaa1}.media-map-index{display:flex;flex-wrap:wrap;gap:8px}.media-map-index button{padding:11px;color:#e9dfd9;background:#262529;border:1px solid #564d46;cursor:pointer}.media-map-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:15px}.media-map-head h4{margin:0}.media-map-head span{font-size:11px;color:#f6ad80}.media-map-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0}.media-map-toolbar label{margin:0}.media-map-toolbar select{width:auto;min-width:160px}.media-map-toolbar button{border:1px solid #564d46;padding:11px}.media-map-stage{max-width:750px;cursor:crosshair;border:1px solid #5b656a;background:#192532}.media-map-stage svg{display:block}.media-map-markers{display:grid;gap:4px;max-width:750px}.media-map-markers>div{padding:9px 5px;display:flex;justify-content:space-between;border-bottom:1px solid #333}.media-detail-image{width:100%;max-height:390px;object-fit:contain;margin-bottom:10px}.media-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-detail form label input[type=checkbox],.studio-check input[type=checkbox]{width:auto;min-height:auto}.mpc-writing-focus .workspace-hero,.mpc-writing-focus .workspace-top,.mpc-writing-focus .workspace-tabs,.mpc-writing-focus .portal-footer,.mpc-writing-focus .topbar nav,.mpc-writing-focus .studio-controls .studio-header-copy,.mpc-writing-focus .studio-seed{display:none!important}.mpc-writing-focus .portal-shell{max-width:950px;padding-top:8px}.mpc-writing-focus .studio-controls{margin:0 0 8px;justify-content:flex-end}.mpc-writing-focus .studio-writing{max-width:100%}.mpc-writing-focus .studio-stage-top{margin-top:8px}
@media(max-width:900px){.media-upload-box{grid-template-columns:1fr 1fr}.media-upload-box>button{grid-column:1/-1}.media-file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.studio-controls{margin:4px 0 16px}.studio-controls h2{font-size:36px}.studio-controls p{font-size:12px}.studio-actions{width:100%}.studio-actions .portal-button{flex:1;font-size:10px}.studio-steps{margin:0 -15px;padding:0 15px 12px}.studio-steps button{flex:0 0 auto;min-width:91px;padding:11px 9px}.studio-steps button strong{font-size:11px}.studio-selector{margin-bottom:12px}.studio-selector label{min-width:100%}.studio-seed{padding:11px 13px}.studio-seed p{font-size:12px}.studio-block{padding:14px 14px}.portal-shell .studio-block-title{font-size:18px}.portal-shell .studio-block textarea{font-size:17px;line-height:1.7;min-height:160px}.studio-stage-top h3{font-size:30px}.studio-stage-actions{width:100%}.studio-stage-actions .portal-button{flex:1;font-size:10px}.media-upload-box{grid-template-columns:1fr}.media-upload-box>button{grid-column:auto}.media-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.media-file-icon{min-height:68px}.media-table>div{grid-template-columns:2fr 1fr}.media-table>div span,.media-table>div small{font-size:10px}.media-form-grid{grid-template-columns:1fr}.mpc-writing-focus .portal-shell{padding:0 14px 50px}.mpc-writing-focus .topbar-inner{padding:12px 14px}.mpc-writing-focus #tab-studio{padding-top:6px}}
.studio-notification-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#262120;border:1px solid #925a37;margin:8px 0 14px}.studio-notification-bar strong{font-size:14px}.studio-notification-bar p{font-size:12px;color:#bdb1a6;margin:4px 0}.studio-notification-bar small{font-size:11px;color:#ccb5a5}.studio-notification-bar .portal-button{min-height:42px}.studio-notify-preview{border:1px solid #665043;background:#241e1d;padding:16px;margin:18px 0;font-size:13px;line-height:1.65}.studio-notify-preview p{color:#ddd}.detail-body .studio-check{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px;font-weight:500}.detail-body .studio-check input{width:17px;min-height:17px;height:17px;flex:none}
.studio-test-media{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:700px}.studio-test-media label{font:700 10px Geist,system-ui,sans-serif;margin:8px 0;color:#b2aaa1}.studio-test-media select{margin-top:5px;font-size:12px;min-height:40px;padding:7px}.studio-impact-warning{color:#ffac73;font-weight:700}@media(max-width:600px){.studio-test-media{grid-template-columns:1fr}}
.media-marker-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.media-marker-row span{flex:1 1 140px}.media-marker-row select{flex:1;max-width:250px;font-size:12px;min-height:37px}.media-gallery-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:18px 0}.media-gallery-controls .portal-button{font-size:11px;min-height:42px}

/* v8.9: real, private media thumbnails, adaptive upload count, and responsive progress. */
.media-file-card{overflow:hidden;align-content:start;grid-template-rows:auto auto auto auto;gap:9px;padding:12px;border-radius:9px;transition:border-color .15s,background .15s}
.media-file-card:focus-visible{outline:2px solid #ff8239;outline-offset:2px}
.media-file-thumb{display:grid;place-items:center;position:relative;min-width:0;height:auto;aspect-ratio:4/3;overflow:hidden;background:repeating-conic-gradient(#232427 0 25%,#2a2b30 0 50%) 50% / 22px 22px;border:1px solid #35353c;border-radius:5px}
.media-thumb-placeholder{color:#ffa46c;font:700 19px/1.2 Geist,system-ui,sans-serif}
.media-file-thumb[data-preview-state="error"]{background:#342b2a}
.media-thumb-fallback{color:#f5b99b;font:650 11px/1.4 Geist,system-ui,sans-serif;text-align:center;padding:10px}
.media-preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:0;position:absolute;inset:0}
.media-preview-content img,.media-preview-content video{display:block;width:100%;height:100%;object-fit:contain;background:#161619}
.media-preview-content iframe{width:100%;height:100%;border:0;background:#eeeeef;pointer-events:none}
.media-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:100%;width:39px;height:39px;background:#16171bc9;color:#fff;font-size:19px;border:1px solid #bdbdc4}
.media-pdf-badge{position:absolute;top:5px;left:5px;padding:3px 6px;background:#19191fd9;color:#fff;border-radius:3px;font:700 10px Geist,system-ui,sans-serif;letter-spacing:.035em}
.media-file-card strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.media-file-card small{font-size:10px;line-height:1.45}
.media-file-grid{margin-bottom:10px}
.media-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 35px;color:#b7ada6;font:12px Geist,system-ui,sans-serif}
.media-pagination .portal-button{font-size:11px;min-height:38px}
.media-upload-progress{margin:10px 0 12px;border:1px solid #584339;border-radius:7px;padding:10px 14px;background:#221e1c}
.media-upload-progress[hidden]{display:none}
.media-upload-progress progress{display:block;width:100%;height:10px;accent-color:#ff702b;margin-bottom:7px}
.media-upload-progress p{font-size:12px;color:#ddd0c5;margin:0}
.media-detail-pdf{display:block;width:100%;height:550px;max-height:65vh;border:1px solid #454147;background:#fff;margin:10px 0 14px}
@media(max-width:650px){.media-file-card{padding:9px;gap:7px}.media-file-thumb{aspect-ratio:1/1}.media-preview-content img,.media-preview-content video{object-fit:contain}.media-file-card strong{font-size:12px}.media-thumb-fallback{font-size:10px}.media-pagination{font-size:11px}}

/* v9.0.1 — accessible reversible archive and private HEIC preview repair */
.media-file-card{grid-template-rows:auto auto;position:relative}
.media-card-open{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-content:start;text-align:left;background:transparent;border:0;padding:0;color:inherit;font:inherit;min-width:0;width:100%;cursor:pointer}
.media-card-open:focus-visible,.media-card-actions button:focus-visible{outline:2px solid #ff8b4a;outline-offset:3px}
.media-card-open strong{overflow-wrap:anywhere;font-size:12px;line-height:1.4}
.media-card-open small{font-size:10px;line-height:1.45;color:#b0aaa4}
.media-card-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #3a3636;padding-top:9px;align-items:center;margin-top:auto}
.media-card-actions button{min-height:38px;padding:7px 13px;border:1px solid #5f5750;color:#ddd5cc;background:#282629;border-radius:5px;cursor:pointer;font:700 12px/1.2 Geist,system-ui,sans-serif}
.media-card-actions button:hover{border-color:#e9a07a;color:#fff}
.media-card-actions .media-danger-action{border-color:#87544f;color:#ffbbb3}
.media-detail-management{margin-top:22px;padding:17px 0;border-top:1px solid #5e4844;display:grid;gap:10px}
.media-detail-management h4{margin:0;font:800 16px Geist,system-ui,sans-serif}
.media-detail-management p{margin:0;color:#bbb0a9;font-size:12px}
.media-detail-management button{min-height:44px}
.media-detail-management .media-delete-button{color:#ffb4a9;background:#392321;border:1px solid #af5650}
.media-detail-heic{min-height:180px;background:#292527;border:1px dashed #8c6151;border-radius:7px;color:#d9c6b8;padding:20px;display:grid;gap:12px;place-items:center;text-align:center;font-size:13px}
.media-detail-heic img{max-width:100%;max-height:470px;object-fit:contain}
.media-filters button:focus-visible{outline:2px solid #ff8b4a;outline-offset:2px}
@media(max-width:650px){.media-card-open{gap:7px}.media-card-actions button{min-height:42px;font-size:12px}.media-file-card{padding:9px}}

/* v9.1 — multi-category media without extra storage copies */
.media-upload-box{grid-template-columns:minmax(210px,1.15fr) minmax(260px,1.3fr) auto;align-items:start}
.media-upload-box>button{align-self:end;min-height:48px}
.media-category-fieldset{min-width:0;margin:0;padding:0;border:0}
.media-category-fieldset legend{padding:0;color:#f1e8e0;font-size:12px;font-weight:800;letter-spacing:.06em}
.media-category-hint{font:12px/1.5 Geist,system-ui,sans-serif;color:#b9b1ab;margin:5px 0 12px}
.media-category-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.media-category-choice{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:10px 12px;border:1px solid #4c4544;background:#1b1b1e;border-radius:6px;cursor:pointer;color:#e4ded8;font:500 12px/1.3 Geist,system-ui,sans-serif!important;min-height:44px;text-transform:none!important}
.media-category-choice:hover,.media-category-choice:focus-within{border-color:#ef9857}
.media-category-choice:has(input:checked){border-color:#e87837;background:#3a2920;color:#fff}
.portal-shell .media-category-choice input[type=checkbox],.media-category-choice input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex:none;accent-color:#ff752d;margin:0!important;padding:0!important}
.media-category-choice span{display:inline!important;color:inherit!important;font:inherit!important;margin:0!important}
.media-category-editor{padding:15px 0;border-bottom:1px solid #454043;margin:8px 0 14px}
.media-category-editor .media-category-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.media-upload-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.media-upload-box>button{grid-column:1/-1}}
@media(max-width:650px){.media-upload-box{grid-template-columns:1fr;padding:14px}.media-upload-box>button{grid-column:auto}.media-category-checks{gap:7px}.media-category-choice{font-size:12px!important;padding:9px;min-height:44px}}
@media(max-width:350px){.media-category-checks{grid-template-columns:1fr}}
