.portfolio-manager{position:absolute;inset:0;z-index:1200;display:grid;place-items:center;padding:clamp(12px,3vw,34px);color:#625b68;font-family:inherit}
.portfolio-manager[hidden],.portfolio-manager [hidden]{display:none!important}
.pm-scrim{position:absolute;inset:0;background:rgba(70,57,80,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pm-window{position:relative;display:flex;flex-direction:column;width:min(970px,100%);height:min(760px,100%);max-height:100%;border:1px solid rgba(255,255,255,.9);border-radius:22px;overflow:hidden;background:#fcf9f2;box-shadow:0 28px 85px #3a2d5540,0 2px 6px #3a2d5510;outline:none}
.portfolio-manager button,.portfolio-manager input,.portfolio-manager select,.portfolio-manager textarea{font:inherit}
.portfolio-manager button{cursor:pointer;color:inherit}
.portfolio-manager button:disabled{cursor:default;opacity:.42}
.portfolio-manager :is(button,input,select,textarea,a):focus-visible{outline:3px solid #bca9d3;outline-offset:3px}
.pm-header{display:flex;align-items:center;gap:18px;padding:21px 25px 18px;border-bottom:1px solid #e9e1e9;background:linear-gradient(110deg,#f7f1f8,#faf6ee 74%);flex:none}
.pm-header h2{font-size:20px;letter-spacing:.015em;margin:5px 0 0;font-weight:650;color:#5c5265}
.pm-eyebrow{display:block;font-size:9px;letter-spacing:.19em;color:#a192a9;line-height:1.4}
.pm-close{height:15px;width:15px;border:1px solid #c78d8a;background:#dfaaa4;border-radius:50%;padding:0;flex:none;position:relative;align-self:flex-start;margin-top:7px}
.pm-close:after,.pm-close:before{content:'';position:absolute;left:3px;right:3px;height:1px;top:6px;background:#6f4c52;opacity:0;transform:rotate(45deg)}
.pm-close:after{transform:rotate(-45deg)}.pm-close:hover:after,.pm-close:hover:before,.pm-close:focus-visible:after,.pm-close:focus-visible:before{opacity:1}
.pm-header-flower{font-size:37px;line-height:1;color:#b49fc3;margin-left:auto;transform:rotate(10deg)}
.pm-tabs{display:flex;align-items:center;gap:5px;padding:11px 24px;background:#fffdf8;border-bottom:1px solid #eae3e8;flex:none}
.pm-tabs button{border:0;background:transparent;border-radius:9px;padding:9px 18px;color:#9a8e9d;font-size:12px;font-weight:550}
.pm-tabs button[aria-selected=true]{background:#ede5f0;color:#7d638f}
.pm-published-count{margin-left:auto;font-size:10px;color:#a49b9f}
.pm-editor{display:flex;flex-direction:column;min-height:0;flex:1}
.pm-panel{min-height:0;flex:1;overflow:hidden}
.pm-projects-panel{display:grid;grid-template-columns:224px minmax(0,1fr)}
.pm-project-list{display:flex;flex-direction:column;background:#f2eee9;border-right:1px solid #e5dfe4;min-height:0}
.pm-list-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 15px 11px;flex:none;font-size:12px}
.pm-list-heading strong{font-weight:550}.pm-list-heading strong span{font-size:10px;color:#a094a2;font-weight:400;margin-left:5px}
.pm-add{width:29px;height:29px;border:1px solid #ded2e3;border-radius:9px;background:#faf6fc;color:#826a93!important;font-size:19px!important;line-height:1}
.pm-project-items{overflow-y:auto;padding:0 9px 12px;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#cfc3d4 transparent}
.pm-project-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:10px 8px;width:100%;background:transparent;text-align:left;min-height:58px}
.pm-project-item:hover{background:#ffffff69}.pm-project-item.is-selected{background:#fffcf8;border-color:#e1d6e8;box-shadow:0 3px 10px #79628708}
.pm-project-item>span:last-child{min-width:0}.pm-project-item strong{display:block;font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-project-item small{display:block;color:#a298a3;font-size:9px;margin-top:5px}
.pm-project-dot{display:grid;place-items:center;flex:none;width:30px;height:32px;border-radius:9px;border:1px solid #ffffffb3;font-size:10px;color:#6c6074;box-shadow:inset 0 1px #ffffffab,0 2px 4px #60506d0a}
.pm-tone-lilac{background:#ded2e9}.pm-tone-blue{background:#d0e1e9}.pm-tone-rose{background:#edd1d6}.pm-tone-cream{background:#efdfb8}.pm-tone-plum{background:#c8badf}.pm-tone-sage{background:#d3dfc5}.pm-tone-peach{background:#f0d7c4}.pm-tone-gray{background:#dbd8df}
.pm-list-tip{font-size:9px;line-height:1.8;color:#a69aa4;padding:12px 17px 15px;margin:0;flex:none;border-top:1px solid #e5dfe4}
.pm-form{min-height:0;overflow-y:auto;padding:24px 27px 28px;margin:0;scrollbar-width:thin;scrollbar-color:#d7ccdb transparent}
.pm-form fieldset{min-width:0;border:0;margin:0;padding:0}
.pm-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}
.pm-form h3{font-size:21px;font-weight:550;letter-spacing:.025em;color:#716176;margin:6px 0 0}
.pm-order-actions{display:flex;gap:6px;align-items:center}
.pm-order-actions button{border:1px solid #e6dce8;background:#fffdf9;border-radius:8px;min-width:28px;height:28px;font-size:12px}
.pm-order-actions .pm-remove{font-size:10px;padding:0 10px;color:#ac7f85}
.pm-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pm-form label:not(.pm-check){display:block;margin-bottom:15px;font-size:11px;line-height:1.5;color:#89798e}
.pm-form input:not([type=checkbox]),.pm-form textarea,.pm-form select{display:block;width:100%;box-sizing:border-box;border:1px solid #e3dce4;border-radius:9px;background:#fffdf9;color:#66596e;margin-top:6px;padding:10px 11px;min-height:37px;font-size:12px;line-height:1.5;outline:none;transition:border-color .15s,box-shadow .15s}
.pm-form input::placeholder,.pm-form textarea::placeholder{color:#b5a9b7;font-size:11px}
.pm-form input:focus,.pm-form textarea:focus,.pm-form select:focus{border-color:#b6a0c6;box-shadow:0 0 0 3px #c9b5d21f}
.pm-form textarea{resize:vertical;min-height:85px}.pm-form select{appearance:auto}
.pm-field-note{font-size:10px;line-height:1.7;color:#ab9eaa;margin:-2px 0 18px}
.pm-more{border-top:1px solid #eae3e9;border-bottom:1px solid #eae3e9;margin:3px 0 18px;padding:12px 0 1px}
.pm-more summary{cursor:pointer;font-size:11px;color:#937e9e;padding-bottom:12px;list-style-position:inside}.pm-more[open] summary{margin-bottom:3px}
.pm-placement{display:grid;gap:10px;padding-top:5px}
.pm-check{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #e8e2e7;border-radius:11px;background:#f8f5ef}
.pm-check input{accent-color:#9b82b0;width:15px;height:15px;margin:2px 0 0;flex:none}.pm-check strong{display:block;font-size:11px;color:#807185;font-weight:550}.pm-check small{display:block;font-size:10px;line-height:1.6;color:#aa9daa;margin-top:4px}
.pm-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 21px;border-top:1px solid #e6dfe7;background:#fffdf8;flex:none;min-height:68px;box-sizing:border-box}
.pm-footer-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.pm-draft-state{font-size:10px;color:#9baa89;display:flex;align-items:center;gap:5px}.pm-draft-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.pm-draft-state.is-dirty{color:#b5946d}
.pm-feedback{font-size:10px;line-height:1.6;color:#9c8c9e}.pm-feedback.is-error{color:#b07580}
.pm-footer-actions{display:flex;align-items:center;gap:10px;flex:none}
.pm-save,.pm-primary-link{border:1px solid #9f86b2;border-radius:10px;background:#9d84ae;box-shadow:0 4px 9px #8c749b16;color:#fffaf5!important;padding:11px 18px;white-space:nowrap;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.pm-save:hover:not(:disabled),.pm-primary-link:hover{background:#8b719d}
.pm-quiet{border:0;background:none;padding:4px 0;font-size:10px!important;color:#a090aa!important;text-decoration:none}
.pm-import{position:relative;cursor:pointer;overflow:hidden}.pm-import-input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;font-size:0!important}.pm-import:focus-within{outline:3px solid #bca9d3;outline-offset:3px;border-radius:3px}
.pm-conflict,.pm-discard{display:flex;gap:10px;align-items:center;padding:12px 20px;background:#f8eddb;border-bottom:1px solid #e9d7bb;font-size:11px;line-height:1.7;color:#927b5b;flex:none}
.pm-conflict span,.pm-discard span{margin-right:auto}.pm-conflict button,.pm-discard button{border:1px solid #dcc7a9;border-radius:7px;background:#fffbf1;padding:5px 8px;white-space:nowrap;font-size:10px}.pm-discard{border-top:1px solid #e9d7bb;border-bottom:0}
.pm-socials-panel{display:grid;grid-template-columns:37% minmax(0,1fr);background:linear-gradient(95deg,#f3eee8,#fcf9f2 41%)}
.pm-social-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px}.pm-empty-flower{font-size:42px;color:#b6a0c5;display:block;margin-bottom:24px;line-height:1}
.pm-social-intro h3{font-size:23px;line-height:1.8;letter-spacing:.04em;font-weight:500;color:#7f7087;margin:15px 0 11px}.pm-social-intro p{font-size:11px;line-height:2;color:#a294a5}.pm-social-signature{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#b39996;margin-top:20px}
.pm-social-form{padding:28px 33px}.pm-social-form label{margin-bottom:18px!important}.pm-social-form input{padding:11px 12px!important}
.pm-access,.pm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;flex:1;color:#96859e}.pm-access h3,.pm-empty h3{font-size:22px;font-weight:500;margin:0 0 13px;color:#81708b}.pm-access p,.pm-empty p{font-size:12px;line-height:1.9;max-width:360px;margin:0 0 24px}.pm-empty>span{font-size:40px;color:#b5a0c4;margin-bottom:19px}.pm-access-retry{border:0;background:none;font-size:11px;margin-top:18px;color:#9c89aa!important}
@media(max-width:760px){.portfolio-manager{padding:10px}.pm-window{border-radius:17px;height:100%;max-height:100%}.pm-header{padding:16px 17px;gap:12px}.pm-header h2{font-size:18px}.pm-tabs{padding:8px 15px}.pm-published-count{font-size:9px}.pm-projects-panel{grid-template-columns:170px minmax(0,1fr)}.pm-form{padding:20px 18px}.pm-form-heading{align-items:flex-start;gap:7px}.pm-form h3{font-size:18px}.pm-order-actions{gap:4px}.pm-order-actions .pm-remove{padding:0 7px}.pm-two-fields{gap:10px}.pm-footer{padding:12px 15px;gap:10px}.pm-footer-actions{gap:9px}.pm-save{padding:10px 13px}.pm-social-intro{padding:25px 20px}.pm-social-intro h3{font-size:20px}.pm-social-form{padding:25px 22px}.pm-social-signature{font-size:13px}}
@media(max-width:560px){.portfolio-manager{padding:0}.pm-window{border-radius:0;border:0}.pm-header{padding:15px 16px}.pm-header-flower{font-size:30px}.pm-tabs{padding:8px 12px}.pm-tabs button{padding:8px 15px}.pm-projects-panel{display:flex;flex-direction:column}.pm-project-list{flex:none;border-right:0;border-bottom:1px solid #e6dfe7;height:105px}.pm-list-heading{padding:8px 12px 3px}.pm-add{width:25px;height:25px}.pm-project-items{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0 9px 8px;flex:1}.pm-project-items>[role=listitem]{flex:0 0 145px}.pm-project-item{gap:7px;min-height:51px;padding:7px}.pm-project-dot{width:26px;height:28px;font-size:9px}.pm-project-item strong{font-size:10px}.pm-project-item small{font-size:8px;margin-top:3px}.pm-list-tip{display:none}.pm-form{flex:1;padding:19px 17px}.pm-form-heading{margin-bottom:18px}.pm-form h3{font-size:20px}.pm-form label:not(.pm-check){margin-bottom:14px}.pm-form input:not([type=checkbox]),.pm-form textarea,.pm-form select{font-size:16px;min-height:41px;padding:9px 10px}.pm-footer{flex-wrap:wrap;padding:11px 15px calc(11px + env(safe-area-inset-bottom));gap:7px}.pm-footer-copy{flex:1 1 100%}.pm-footer-actions{justify-content:flex-end;width:100%;gap:16px}.pm-save{padding:11px 20px;margin-left:auto}.pm-feedback{font-size:10px}.pm-conflict,.pm-discard{flex-wrap:wrap;padding:10px 14px;gap:7px}.pm-conflict span,.pm-discard span{flex-basis:100%}.pm-socials-panel{display:block;overflow-y:auto;background:#fcf9f2}.pm-social-intro{padding:23px 20px 0;display:block}.pm-social-intro .pm-empty-flower{float:right;font-size:35px;margin:7px 0 0}.pm-social-intro h3{font-size:22px;margin:8px 0}.pm-social-intro p{margin:0}.pm-social-intro p br{display:none}.pm-social-signature{display:none}.pm-social-form{overflow:visible;padding:20px}.pm-access h3{font-size:20px}.pm-access p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portfolio-manager *{transition:none!important}}

/* The same owner editor remains comfortable on the phone and tablet systems. */
html:is([data-device="phone"],[data-device="tablet"]) .pm-header{padding-top:max(12px,env(safe-area-inset-top));gap:11px}
html:is([data-device="phone"],[data-device="tablet"]) .pm-close{width:44px;height:44px;border:0;border-radius:14px;background:#f1e5e7;margin:0;align-self:center}
html:is([data-device="phone"],[data-device="tablet"]) .pm-close:before,
html:is([data-device="phone"],[data-device="tablet"]) .pm-close:after{left:15px;right:15px;top:21px;height:1.5px;opacity:1}
html:is([data-device="phone"],[data-device="tablet"]) .pm-tabs button{min-height:44px;font-size:13px}
html:is([data-device="phone"],[data-device="tablet"]) .pm-order-actions button{height:44px;min-width:40px}
html:is([data-device="phone"],[data-device="tablet"]) .pm-add{width:44px;height:44px}
html:is([data-device="phone"],[data-device="tablet"]) .pm-form input:not([type=checkbox]),
html:is([data-device="phone"],[data-device="tablet"]) .pm-form textarea,
html:is([data-device="phone"],[data-device="tablet"]) .pm-form select{font-size:16px;min-height:44px}
html:is([data-device="phone"],[data-device="tablet"]) .pm-form label:not(.pm-check){font-size:12px}
html:is([data-device="phone"],[data-device="tablet"]) .pm-footer-actions :is(button,.pm-import){min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html:is([data-device="phone"],[data-device="tablet"]) .pm-conflict button,
html:is([data-device="phone"],[data-device="tablet"]) .pm-discard button{min-height:44px}
@media(max-width:560px){
 html[data-device="phone"] .pm-project-list{height:126px}
 html[data-device="phone"] .pm-list-heading{padding-top:5px;padding-bottom:2px}
 html[data-device="phone"] .pm-header h2{font-size:17px}
 html[data-device="phone"] .pm-header-flower{font-size:27px}
 html[data-device="phone"] .pm-form-heading{gap:8px}
 html[data-device="phone"] .pm-form h3{font-size:18px}
 html[data-device="phone"] .pm-published-count{max-width:130px;text-align:right;line-height:1.5}
}