/* The studio shares Portal surfaces, focus states and spacing. */
.pmp-main:has(.pmh-editor){padding-inline:clamp(20px,2.5vw,38px)}.pmp-workspace:has(.pmh-editor){grid-template-columns:205px minmax(0,1fr)}
.pmh-editor{min-width:0}.pmh-editor-intro{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:28px}.pmh-editor-intro>p{max-width:59ch;font-size:13px;color:var(--pmp-muted);line-height:1.8}.pmh-editor-intro>label{display:grid;gap:6px;font-size:10px;color:var(--pmp-muted);min-width:175px}.pmh-editor-intro select{min-height:42px;padding:9px 12px;background:var(--pmp-surface);border:1px solid var(--pmp-line);border-radius:9px;color:var(--pmp-text)}
.pmh-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:32px}.pmh-variant{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:left;padding:10px 10px 12px;border:1px solid var(--pmp-line);border-radius:15px;background:var(--pmp-surface);transition:border-color .4s,box-shadow .6s,translate .6s cubic-bezier(.2,.7,.2,1)}.pmh-variant.is-selected{border-color:var(--pmp-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--pmp-accent) 16%,transparent)}.pmh-variant-name{font-size:12px;font-weight:700;line-height:1.5;margin:13px 3px 4px;overflow-wrap:anywhere}.pmh-variant-note{font-size:10px;line-height:1.65;color:var(--pmp-muted);margin:0 3px 12px}.pmh-variant-state{display:flex;align-items:center;justify-content:space-between;min-height:20px;font-size:9px;color:var(--pmp-muted);margin:0 3px;margin-top:auto}.pmh-variant-state b{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;color:var(--pmp-accent)}.pmh-variant-state b:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.pmh-mini{display:block;position:relative;aspect-ratio:1.62;border-radius:9px;overflow:hidden;background:#11162b;color:#fff;isolation:isolate}.pmh-mini b{position:absolute;left:10%;top:9%;font-size:6px;letter-spacing:-.03em}.pmh-mini i{position:absolute;display:block}.pmh-mini--studio i:first-child{left:10%;top:35%;width:32%;height:7%;background:#fff;box-shadow:0 12px #bca6ff,0 24px #fff}.pmh-mini--studio i:nth-child(2){width:32%;height:67%;right:12%;top:15%;border:6px solid #9980ff;border-radius:50% 10% 50% 10%;rotate:25deg}.pmh-mini--studio i:nth-child(3){right:3%;top:15%;width:50%;height:70%;border:1px solid #7b66b877;border-radius:50%;rotate:25deg}.pmh-mini--manifest{background:#eeeafb;color:#211b3e}.pmh-mini--manifest i:first-child{left:15%;top:25%;width:70%;height:9%;background:#251c4a;box-shadow:0 16px #8060e8,0 32px #251c4a}.pmh-mini--manifest i:nth-child(2){inset:10%;border:1px solid #c4b5ee;border-radius:50%;rotate:-20deg;z-index:-1}.pmh-mini--portfolio i:first-child{left:9%;top:38%;width:30%;height:7%;background:#fff;box-shadow:0 12px #bca6ff,0 24px #fff}.pmh-mini--portfolio i:nth-child(2){width:43%;height:48%;right:12%;top:15%;background:linear-gradient(140deg,#e2edf8,#8dc4b9);rotate:-7deg;border:3px solid #fff;border-radius:4px}.pmh-mini--portfolio i:nth-child(3){width:39%;height:47%;right:4%;bottom:9%;background:linear-gradient(120deg,#1b7d76,#244b54);rotate:9deg;border:3px solid #fff;border-radius:4px}.pmh-mini--campaign{background:linear-gradient(100deg,#12152c 17%,#483663 75%,#8b68ae)}.pmh-mini--campaign i:first-child{width:63%;height:8%;top:32%;left:10%;background:#fff;box-shadow:0 16px #bea6ff}.pmh-mini--campaign i:nth-child(2){right:-8%;width:60%;height:100%;top:-15%;border:12px solid #a487e466;border-radius:50%;rotate:24deg}.pmh-mini--campaign i:nth-child(3){width:29%;height:10%;bottom:18%;left:10%;border-radius:3px;background:#7855e7}
.pmh-editor-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:start;gap:28px}.pmh-preview-panel{position:sticky;top:125px;padding:18px;border:1px solid var(--pmp-line);border-radius:17px;background:color-mix(in srgb,var(--pmp-accent) 2%,var(--pmp-surface));min-width:0}.pmh-preview-panel>header{display:flex;flex-direction:column;gap:15px;align-items:flex-start;margin-bottom:18px}.pmh-preview-panel>header>strong{font-size:13px}.pmh-preview-switches{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.pmh-preview-switches>div{display:flex;border:1px solid var(--pmp-line);border-radius:8px;overflow:hidden;background:var(--pmp-surface)}.pmh-preview-switches button{font-size:9px;padding:8px 10px;min-height:34px;background:none;color:var(--pmp-muted);border:0}.pmh-preview-switches button[aria-pressed=true]{background:color-mix(in srgb,var(--pmp-accent) 12%,var(--pmp-surface));color:var(--pmp-accent)}
.pmh-preview-shell{background:#f5f5f7;border:1px solid var(--pmp-line);border-radius:12px;overflow:hidden;max-width:100%;width:100%;margin:auto}.pmh-preview-shell[data-pmh-mode=mobile]{max-width:280px;border:5px solid #2a2d42;border-radius:21px}.pmh-frame-stage{position:relative;overflow:hidden;width:100%}.pmh-frame-stage iframe{display:block;border:0;transform-origin:top left;background:transparent;max-width:none!important;min-height:0!important}.pmh-preview-status{font-size:10px;line-height:1.7;color:var(--pmp-accent);margin:12px 0 0!important;overflow-wrap:anywhere}.pmh-editor-help{font-size:10px;color:var(--pmp-muted);line-height:1.8;margin:16px 0!important}.pmh-open-site{display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:650;min-height:34px;align-items:center;text-decoration:none!important}
.pmh-form{min-width:0;display:grid;gap:25px}.pmh-form fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}.pmh-form legend{font-size:14px;font-weight:700;color:var(--pmp-text);margin-bottom:17px;line-height:1.6}.pmh-form label{display:grid;gap:7px;min-width:0;font-size:11px;font-weight:600;color:var(--pmp-text);line-height:1.65}.pmh-form :is(input:not([type=checkbox]),textarea,select),.pmh-library-search input{width:100%;min-width:0;min-height:43px;padding:11px 13px;color:var(--pmp-text);background:color-mix(in srgb,var(--pmp-accent) 3%,var(--pmp-surface));border:1px solid var(--pmp-line);border-radius:10px;font-size:12px;font-weight:450;line-height:1.7}.pmh-form textarea{resize:vertical;min-height:90px}.pmh-form textarea[name=title]{font-size:16px;font-weight:600;line-height:1.6}.pmh-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.pmh-form .pmh-check{display:flex;gap:10px;align-items:center;font-weight:450;font-size:10px}.pmh-check input{width:17px;height:17px;flex:none;accent-color:#7756ed}.pmh-form small{font-size:10px;font-weight:400;color:var(--pmp-muted);line-height:1.75}.pmh-secondary{border-block:1px solid var(--pmp-line);padding-block:16px}.pmh-secondary>summary{font-weight:700;font-size:13px;line-height:1.6;margin-bottom:0}.pmh-secondary[open]>summary{margin-bottom:16px}.pmh-secondary>label+label,.pmh-secondary>small{margin-top:14px}.pmh-selected-media{min-width:0;overflow:hidden;border:1px solid var(--pmp-line);border-radius:12px;display:grid;min-height:80px;place-items:center;background:var(--pmp-surface)}.pmh-selected-media img{width:100%;height:145px;object-fit:contain;background:#f2f1f8}.pmh-selected-media>span{padding:12px;font-size:10px;max-width:100%;overflow-wrap:anywhere}.pmh-form .pmp-button{font-size:11px;min-height:40px;padding:10px 14px}.pmh-upload{border:1px dashed var(--pmp-line);border-radius:12px;padding:17px}.pmh-upload input[type=file]{font-size:10px;padding:9px;background:var(--pmp-surface);min-height:38px}.pmh-reset-content{background:none;border:0;color:var(--pmp-muted);padding:9px 0;text-align:left;font-size:10px!important;min-height:35px;text-decoration:none}
.pmh-save-bar{position:sticky;bottom:15px;z-index:8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:17px;padding:20px;border:1px solid var(--pmp-line);border-radius:15px;background:var(--pmp-surface);box-shadow:0 16px 55px -30px #161b4055;margin-top:35px}.pmh-save-bar>div:first-child{flex:1;min-width:130px;display:grid;gap:4px}.pmh-save-bar strong{font-size:11px;font-weight:600;color:var(--pmp-muted)}.pmh-save-bar strong.is-dirty{color:var(--pmp-accent)}.pmh-save-bar [role=status]{font-size:10px;line-height:1.6;color:var(--pmp-accent)}.pmh-save-bar .is-error{color:#b42a4a}.pmh-save-buttons{display:flex;flex-wrap:wrap;gap:9px}.pmh-save-buttons .pmp-button{font-size:10px;min-height:40px;padding:10px 14px}.pmh-loading,.pmh-error{padding:25px;border:1px solid var(--pmp-line);border-radius:14px;font-size:13px}.pmh-error{color:#b42a4a}
.pmh-media-dialog{width:min(900px,calc(100% - 36px));max-height:87vh;padding:30px;border:1px solid var(--pmp-line);border-radius:21px;background:var(--pmp-surface);color:var(--pmp-text);overflow:auto}.pmh-media-dialog::backdrop{background:#080e2499;backdrop-filter:blur(5px)}.pmh-media-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.pmp.pmh-media-dialog h2{font-size:29px;margin:0}.pmh-dialog-close{background:none;border:1px solid var(--pmp-line);border-radius:50%;width:38px;height:38px;font-size:24px!important;line-height:1;color:var(--pmp-text)}.pmh-library-search{display:grid;gap:8px;font-size:11px}.pmh-media-dialog [role=status]{font-size:12px;color:var(--pmp-muted);margin-top:15px!important}.pmh-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:24px}.pmh-media-grid>button{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;text-align:left;border:1px solid var(--pmp-line);border-radius:12px;padding:9px;background:var(--pmp-surface);color:var(--pmp-text)}.pmh-media-grid img{width:100%;height:130px;object-fit:contain;background:#f2f1f8;border-radius:6px}.pmh-media-grid strong{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.pmh-media-grid span{font-size:10px;color:var(--pmp-muted)}.pmh-media-pages{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.pmh-media-pages button{min-height:40px;padding:9px 15px;background:var(--pmp-surface);color:var(--pmp-text);border:1px solid var(--pmp-line);border-radius:9px;font-size:11px}
@media(hover:hover) and (pointer:fine){.pmh-variant:hover{translate:0 -3px;border-color:var(--pmp-accent)}.pmh-media-grid>button:hover{border-color:var(--pmp-accent)}}
@media(max-width:1300px){.pmh-editor-layout{grid-template-columns:1fr}.pmh-preview-panel{position:static;max-width:740px;width:100%;margin-inline:auto}.pmh-preview-panel>header{flex-direction:row;align-items:center;justify-content:space-between}.pmh-preview-switches{width:auto}.pmh-form{grid-template-columns:1fr 1fr;gap:28px}.pmh-form>fieldset:first-child{grid-column:1/-1}.pmh-form>fieldset:first-child{grid-template-columns:1fr 1fr}.pmh-form>fieldset:first-child>legend,.pmh-form>fieldset:first-child>label:nth-of-type(3),.pmh-form>fieldset:first-child>label:nth-of-type(5),.pmh-form>fieldset:first-child>.pmh-two{grid-column:1/-1}.pmh-two{grid-template-columns:1fr 1fr}.pmh-reset-content{align-self:start}.pmh-save-bar{bottom:8px}}
@media(max-width:1000px){.pmp-workspace:has(.pmh-editor){grid-template-columns:1fr}.pmh-editor-intro{gap:20px}.pmh-variant-grid{gap:10px}.pmh-variant-note{font-size:9px}.pmh-variant-name{font-size:11px}.pmh-save-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.pmh-save-buttons .pmp-button{width:100%;font-size:9px;padding-inline:10px}}
@media(max-width:580px){.pmp-main:has(.pmh-editor){padding-inline:16px}.pmh-editor-intro{flex-direction:column;gap:12px}.pmh-editor-intro>label{width:100%}.pmh-editor-intro>p{font-size:12px}.pmh-variant-grid{grid-template-columns:1fr 1fr;gap:11px}.pmh-variant{padding:9px}.pmh-variant-name{font-size:12px}.pmh-variant-note{font-size:10px}.pmh-preview-panel{padding:13px}.pmh-preview-panel>header{flex-direction:column;align-items:flex-start;gap:12px}.pmh-preview-switches{width:100%}.pmh-form{display:grid;grid-template-columns:1fr;gap:25px}.pmh-form>fieldset:first-child{display:grid;grid-template-columns:1fr}.pmh-form>fieldset:first-child>*{grid-column:auto!important}.pmh-two{grid-template-columns:1fr}.pmh-form textarea[name=title]{font-size:15px}.pmh-save-bar{position:relative;bottom:auto;padding:16px}.pmh-save-buttons{grid-template-columns:1fr 1fr;gap:8px}.pmh-save-buttons [data-pmh-publish]{grid-column:1/-1}.pmh-save-buttons .pmp-button{font-size:10px}.pmh-media-dialog{padding:20px;width:calc(100% - 24px)}.pmp.pmh-media-dialog h2{font-size:24px}.pmh-media-grid{grid-template-columns:1fr 1fr;gap:10px}.pmh-media-grid img{height:90px}}
@media(prefers-reduced-motion:reduce){.pmh-variant{transition:none}.pmh-variant:hover{translate:none}}

body:has(.pmh-editor) #pm-desk{display:none}

.pmh-mini>img{display:none}.pmh-mini--studio>img{display:block;position:absolute;width:31%;height:74%;right:13%;top:12%;object-fit:contain}.pmh-mini--studio i:nth-child(2){display:none}