/* Owner-only content workspace. Public typography and effects do not leak into forms. */
.studio,.studio-dialog{--studio-line:#c7dcde24;font-family:Tahoma,Arial,sans-serif;color:#e5eceb;font-size:14px;line-height:1.7}
.studio{min-height:100svh;max-width:1600px;margin:auto;padding:0 4% 70px;background:radial-gradient(ellipse at 100% 0,#16323950,transparent 50%)}
.studio button,.studio-dialog button{background:#a3ccd30a;color:#d6e3e3;border:1px solid var(--studio-line);padding:10px 16px;border-radius:10px;font:inherit;line-height:1.5;transition:background .2s,border-color .2s;cursor:pointer}.studio button:hover,.studio-dialog button:hover{background:#abd3d216;border-color:#d4e3d552}.studio button:disabled,.studio-dialog button:disabled{opacity:.35;cursor:default}.studio .studio-primary,.studio-dialog .studio-primary{background:#d7ddd0;color:#122429;border-color:#d7ddd0;font-weight:bold}.studio .studio-primary:hover,.studio-dialog .studio-primary:hover{background:#e5ebdd}.studio .studio-danger,.studio-dialog .studio-danger{color:#e4a59c;border-color:#dc90851c;background:#a9564a09}
.studio h1,.studio h2,.studio h3,.studio-dialog h2,.studio-dialog h3{font-family:inherit;font-weight:400;letter-spacing:0}.studio h1{font-size:26px;margin:0}.studio h2{font-size:20px}.studio h3,.studio-dialog h3{font-size:14px;margin-bottom:12px}.studio-kicker{color:#94afae;font-size:11px}.studio-top{display:flex;align-items:center;gap:22px;padding:30px 0 23px;border-bottom:1px solid var(--studio-line)}.studio-brand{width:72px;display:block}.studio-preview-link{margin-inline-start:auto;font-size:12px;color:#adc3c3}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 0;position:sticky;top:0;z-index:10;background:#071217eb;backdrop-filter:blur(18px);border-bottom:1px solid var(--studio-line)}.studio .save-state{font-size:12px;color:#accbc6}.studio-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:40px;padding-top:35px}.studio-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:105px;gap:6px}.studio-nav button{text-align:right;border:0;background:none;display:flex;gap:15px;align-items:center;padding:13px 15px;font-size:13px}.studio-nav button span{font:10px Inter,Arial,sans-serif;color:#567f86}.studio-nav button[aria-current]{background:#a0c5c519;color:#f0efe4;box-shadow:inset -2px 0 #c5d8d4;border-radius:9px 0 0 9px}.studio-content{min-width:0}.studio-heading{margin-bottom:30px}.studio-heading h2{font-size:30px;margin:5px 0}.studio-heading p:last-child{font-size:12px;color:#8ca6a9}.studio-section{padding:25px 0;border-top:1px solid var(--studio-line);margin:0}.studio-section-head{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:23px;flex-wrap:wrap}.studio-count{display:inline-block;font:12px Inter,sans-serif;color:#8aa8ab;margin-inline-start:8px}.studio-note{font-size:12px;color:#93adaf;line-height:1.9;margin:8px 0 14px}.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-card{border:1px solid var(--studio-line);border-radius:12px;overflow:hidden;background:#0b1b21;min-width:0;transition:opacity .2s,outline .2s}.studio .studio-image{position:relative;width:100%;height:230px;display:block;padding:0;border:0;border-radius:0;background:#071318;overflow:hidden}.studio-image img,.studio-image video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.studio-image:hover img{transform:scale(1.035)}.studio-image.logo img{object-fit:contain;padding:22px;background:radial-gradient(#49677333,transparent)}.studio-edit-label{position:absolute;inset:auto 0 0;padding:28px 12px 12px;background:linear-gradient(transparent,#061014cf);font-size:12px;text-align:right;opacity:0;transition:opacity .2s}.studio-image:hover .studio-edit-label,.studio-image:focus-visible .studio-edit-label{opacity:1}.studio-card-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.studio-order{font:12px Inter,sans-serif;color:#92b7b8;direction:ltr}.studio-order-actions{display:flex;gap:3px;align-items:center}.studio-order-actions button{padding:5px 9px;border:0;background:none;min-height:34px}.studio-drag{cursor:grab;font-size:25px;padding:0 7px;color:#79979a;user-select:none}.studio-card.dragging{opacity:.35}.studio-card.drop-target{outline:2px solid #afdad5;outline-offset:3px}.studio-empty{grid-column:1/-1;min-height:220px;border:1px dashed #8aafb63d;border-radius:12px;display:grid;place-items:center;color:#9bb3b5;padding:30px;text-align:center}
.studio-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 24px}.studio-field{display:block;margin:14px 0;color:#a7bdbf;font-size:12px}.studio-field input,.studio-field textarea{display:block;width:100%;min-width:0;padding:13px 15px;border:1px solid var(--studio-line);background:#0b1d23;color:#e5ece9;border-radius:8px;margin-top:7px;font:14px Tahoma,Arial,sans-serif;line-height:1.65}.studio-field textarea{min-height:125px;resize:vertical}.studio-field input:focus,.studio-field textarea:focus{border-color:#9ec8c88c;outline:1px solid #9ec8c84f;outline-offset:1px}.studio details>summary,.studio-dialog details>summary{cursor:pointer;font-size:14px;padding:4px 0;color:#c8d7d5;list-style-position:inside}.studio details[open]>summary,.studio-dialog details[open]>summary{margin-bottom:22px}.studio details details,.studio-dialog details{border-top:1px solid var(--studio-line);padding:16px 0;margin-top:16px}.studio-media-field{margin-top:20px}.studio-cover{position:relative;display:grid!important;place-items:center;width:100%;max-width:420px;aspect-ratio:16/9;padding:0!important;overflow:hidden;background:#0b1c23!important}.studio-cover img,.studio-cover video{display:block;width:100%;height:100%;object-fit:cover}.studio-media-field .studio-actions{margin-top:12px}.studio-placeholder{font-size:13px;color:#6e999f}.studio-focal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio-crop{overflow:hidden;border:1px solid #bdd9d529;border-radius:10px;background:#02090c}.studio-crop.desktop{aspect-ratio:16/9;width:100%}.studio-crop.mobile{aspect-ratio:9/16;width:125px;margin:auto}.studio-crop img{width:100%;height:100%;object-fit:cover;display:block}.studio-range{display:flex;align-items:center;gap:10px;font-size:12px;margin:16px 0}.studio-range input{flex:1;min-width:0;accent-color:#b4d1cc;direction:ltr}.studio-range output{width:35px;direction:ltr;color:#a4bebd}.studio-social{margin:15px 0;padding:15px 0;border-top:1px solid var(--studio-line)}
.studio-dialog{position:fixed;background:#0a1a20;border:1px solid #b2ced333;border-radius:18px;width:min(680px,94vw);max-width:none;max-height:90svh;overflow:auto;padding:25px;box-shadow:0 30px 100px #0006;color:#e5eceb}.studio-dialog.wide{width:min(1000px,94vw)}.studio-dialog::backdrop{background:#01070bd9;backdrop-filter:blur(12px)}.studio-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.studio-dialog h2{font-size:19px}.studio-dialog .studio-close{font-size:26px;border:0;background:none;padding:0 10px}.studio-dialog[open]{animation:studio-in .22s ease-out}.studio-item-preview{width:100%;height:min(45svh,430px);display:grid;place-items:center;background:#030c10;border-radius:10px;overflow:hidden;margin-bottom:20px}.studio-item-preview img,.studio-item-preview video,.studio-item-preview iframe{display:block;width:100%;height:100%;object-fit:contain;border:0}.studio-inspect{height:70svh;display:grid;place-items:center}.studio-inspect img,.studio-inspect video,.studio-inspect iframe{width:100%;height:100%;object-fit:contain;border:0}.studio-modal-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--studio-line);padding-top:20px;margin-top:20px}.studio-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:58svh;overflow:auto;padding:4px}.studio-pick{position:relative;min-width:0;padding:0!important;overflow:hidden}.studio-pick img,.studio-pick video{height:130px;width:100%;object-fit:cover;display:block}.studio-pick>span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:8px;font-size:11px}.studio-pick i{display:none;position:absolute;top:8px;right:8px;background:#d5e4d9;color:#152d31;width:25px;height:25px;border-radius:50%;font-style:normal}.studio-pick[aria-pressed=true]{outline:2px solid #c5e0d5;outline-offset:0}.studio-pick[aria-pressed=true] i{display:block}.studio-picker-confirm{margin-top:20px}.studio-video-badge{position:absolute;left:10px;bottom:10px;padding:3px 9px;background:#061015b8;font-size:10px;border-radius:5px}.studio-library-meta{padding:12px}.studio-library-meta p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.studio-library-meta small{font-size:11px;color:#86a5a9}.studio-library-meta button{padding:5px 9px;font-size:11px;float:left}.studio-upload-queue{max-height:55svh;overflow:auto;margin:20px 0}.studio-upload-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--studio-line)}.studio-upload-row>img,.studio-upload-row>span{width:65px;height:65px;object-fit:cover;border-radius:8px;flex-shrink:0}.studio-upload-row>div{flex:1;min-width:0}.studio-upload-row p{font-size:12px;overflow-wrap:anywhere}.studio-upload-row small{font-size:11px;color:#9ebdc0}.studio-upload-row progress{display:block;width:100%;height:4px;accent-color:#b3d4c9;margin:8px 0}.studio-upload-row.failed small{color:#efaa9e}.studio-upload-row.complete small{color:#aad7bf}
@keyframes studio-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1450px){.studio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.studio-layout{grid-template-columns:150px minmax(0,1fr);gap:25px}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .studio-image{height:210px}.studio-nav button{padding:13px 8px}.studio-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.studio{padding:0 5% 50px}.studio-top{gap:14px;padding:24px 0 18px}.studio h1{font-size:21px}.studio-brand{width:50px}.studio-preview-link{font-size:10px}.studio-toolbar{gap:10px}.studio .save-state{font-size:10px;max-width:55%}.studio-toolbar button{padding:10px 13px;font-size:12px}.studio-layout{display:block;padding-top:20px}.studio-nav{position:relative;top:auto;display:flex;flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:15px;margin-bottom:20px;scrollbar-width:thin}.studio-nav button{flex-shrink:0;font-size:12px;padding:10px 12px}.studio-nav button span{display:none}.studio-nav button[aria-current]{box-shadow:inset 0 -2px #c5d8d4;border-radius:8px}.studio-heading h2{font-size:25px}.studio-grid{gap:10px}.studio .studio-image{height:175px}.studio-field-grid{grid-template-columns:1fr}.studio-section-head{align-items:flex-start}.studio-actions button{font-size:12px;padding:10px 12px}.studio-card-foot{padding:6px 5px}.studio-order-actions{gap:0}.studio-order-actions button{padding:5px 8px}.studio-drag{padding:0 4px}.studio-dialog{padding:18px;border-radius:14px}.studio-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-pick img,.studio-pick video{height:120px}.studio-focal-grid{grid-template-columns:1fr;gap:20px}.studio-crop.mobile{width:150px}.studio-item-preview{height:40svh}.studio-modal-footer button{font-size:12px}.studio-library-meta button{float:none;margin-top:10px}.studio-library-meta small{display:block}.studio-edit-label{display:none}}
@media(prefers-reduced-motion:reduce){.studio-dialog[open]{animation:none}.studio-image:hover img{transform:none}}
.studio,.studio-dialog{color-scheme:dark;scrollbar-color:#45646a #0b1b21}.studio-nav{scrollbar-width:none}.studio-nav::-webkit-scrollbar{display:none}

.studio-drag{touch-action:none;-webkit-user-select:none}.studio-drag:active{cursor:grabbing}
/* Collections remain visual, with original files shared through the media library. */
.studio-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-album-card{min-width:0;border:1px solid #ffffff1b;border-radius:14px;overflow:hidden;background:#111c20}.studio-album-cover{position:relative;display:block;width:100%;height:260px;padding:0;border:0!important;border-radius:0!important;overflow:hidden;background:#102027}.studio-album-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.studio-album-cover:hover>img{transform:scale(1.04)}.studio-album-cover>span:not(.studio-placeholder){position:absolute;inset:auto 0 0;padding:40px 16px 20px;background:linear-gradient(transparent,#000d);text-align:right;display:grid;gap:5px}.studio-album-cover strong{font:400 30px Cormorant,Georgia,serif}.studio-album-cover small{font-size:14px}.studio-album-meta,.studio-album-order{padding:12px;display:flex;align-items:center;gap:8px;font-size:14px}.studio-album-meta>button{margin-right:auto}.studio-album-meta>small{font-size:12px;color:#e4b980}.studio-album-order{padding-top:0}.studio-album-order>button:last-child{margin-right:auto}.studio-album-order button{padding:7px 12px}.studio-album-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.studio-album-heading>div{flex:1}.studio-album-heading h2{font-size:23px;margin-bottom:5px}.studio-album-heading>div>span{font-size:14px;color:#becacf;display:block;text-align:right}.studio-album-heading a{font-size:14px}.studio-unfiled{margin-top:20px;width:100%;text-align:right}.studio-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;margin:18px 0;background:#ffffff07;border:1px solid #ffffff16;border-radius:10px;font-size:14px}.studio-selection label{display:flex;align-items:center;gap:8px;flex:1;min-width:180px}.studio-selection select{min-width:0;max-width:100%;flex:1;padding:9px;background:#09161b;color:#eef0ec;border:1px solid #b9d1d23b;border-radius:8px}.studio-work-select{position:absolute;top:10px;right:10px;z-index:2;padding:5px;background:#0009;border-radius:7px;display:flex}.studio-work-select input{width:20px;height:20px;accent-color:#d98c50;cursor:pointer}.studio-card{position:relative}.studio-album-crop{width:180px;height:250px;margin:20px auto;overflow:hidden;border:1px solid #ffffff30;border-radius:8px}.studio-album-crop img{width:100%;height:100%;object-fit:cover}.studio-album-card .studio-placeholder{display:grid;place-items:center;height:100%;color:#d0c1af}
@media(max-width:1100px){.studio-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.studio-album-grid{grid-template-columns:1fr 1fr;gap:10px}.studio-album-cover{height:210px}.studio-album-cover strong{font-size:25px}.studio-album-cover small{font-size:12px}.studio-album-meta{flex-wrap:wrap;font-size:12px}.studio-album-meta button{padding:6px 9px}.studio-album-order{flex-wrap:wrap}.studio-album-order>button:last-child{width:100%;margin:0}.studio-selection{padding:10px}.studio-selection label{flex-basis:100%}.studio-album-heading{gap:12px}.studio-album-heading>div{min-width:150px}}
