.pf-showcase>header{z-index:30;color:#353145;background:#f7f7fa;border-bottom:1px solid #dedee5;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;font:12px/1.4 Inter,Arial,sans-serif;display:flex;position:sticky;top:0}.pf-showcase>header>div{background:#e9e7ef;border-radius:10px;gap:5px;padding:4px;display:flex}.pf-showcase>header button{cursor:pointer;color:#777282;font:inherit;background:0 0;border:0;border-radius:7px;padding:9px 17px}.pf-showcase>header button[aria-pressed=true]{color:#332746;background:#fff;box-shadow:0 1px 5px #24202b12}.pf-showcase>aside{color:#7a7587;background:#fff;justify-content:space-between;gap:25px;padding:9px 24px;font:10px/1.5 Inter,Arial,sans-serif;display:flex}.pf-showcase>aside label{white-space:nowrap;align-items:center;gap:8px;display:flex}.pf-showcase>aside input{accent-color:#7946ed}@media (max-width:650px){.pf-showcase>header{flex-wrap:wrap;gap:10px;padding:12px 16px}.pf-showcase>header>div{order:3;width:100%}.pf-showcase>header button{flex:1;padding:9px;font-size:11px}.pf-showcase>aside{padding:10px 16px;display:block}.pf-showcase>aside label{margin-top:8px}}.pf-showcase{--pf-nav-top:65px}.pf-showcase>aside>span{flex:1}.pf-showcase select{color:#353145;font:inherit;background:#fff;border:1px solid #dedee5;border-radius:5px;padding:5px 8px}@media (max-width:650px){.pf-showcase{--pf-nav-top:105px}}.pf-showcase-mode{align-items:center;gap:7px;display:flex;color:#493961!important;background:#fff!important;border:1px solid #dad5e5!important}.pf-showcase-hero-choice{color:#5d536c;background:#fff;border-bottom:1px solid #e3ddea;align-items:center;gap:24px;padding:12px 24px;font:12px/1.5 Inter,Arial,sans-serif;display:flex}.pf-showcase-hero-choice label{align-items:center;gap:12px;font-weight:600;display:flex}.pf-showcase-hero-choice select{min-width:190px}.pf-showcase-hero-choice>span{font-size:11px}@media (max-width:650px){.pf-showcase-hero-choice{gap:7px;padding:10px 16px;display:grid}.pf-showcase-hero-choice label{justify-content:space-between}.pf-showcase-hero-choice>span{font-size:10px}}.pf-showcase-controls{color:#564c66;background:#fff;border-bottom:1px solid #e5e0ed;align-items:center;gap:8px;padding:10px 24px;font:12px/1.4 Inter,Arial,sans-serif;display:flex}.pf-showcase-controls label{align-items:center;gap:9px;display:flex}.pf-showcase-controls button{font:inherit;cursor:pointer;background:#eee8fc;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:flex}.pf-showcase-body{align-items:flex-start;display:flex}.pf-showcase-body>main{flex:1;min-width:0}.pf-showcase-body>.pf-showcase-panel{width:330px;top:var(--pf-nav-top);max-height:calc(100dvh - var(--pf-nav-top));border-block:0;border-radius:0}.pf-showcase-panel .pf-panel-heading{z-index:2;background:#fff;padding:8px 0;position:sticky;top:-16px}.pf-showcase-panel .pf-panel-heading button{background:#fff;border:1px solid #e3e5ec;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.pf-showcase .pf-editing [data-portfolio-section]{scroll-margin-top:calc(var(--pf-nav-top) + 18px)}.pf-showcase [data-portfolio-section=hero]{scroll-margin-top:var(--pf-nav-top)}.pf-showcase-notice{z-index:75;color:#40354f;background:#fff;border:1px solid #ddd5eb;border-radius:12px;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;font:12px/1.6 Inter,Arial,sans-serif;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #23163722}.pf-showcase-notice button{cursor:pointer;background:0 0;border:0}@media (max-width:900px){.pf-showcase-body{display:block}.pf-showcase-body>.pf-showcase-panel{z-index:60;border:1px solid #ddd7e8;border-radius:16px;width:auto;max-height:48dvh;position:fixed;inset:auto 10px 12px;box-shadow:0 6px 36px #20133729}.pf-showcase-controls{flex-wrap:wrap;padding:10px 12px}.pf-showcase-controls label{flex:1}.pf-showcase-controls select{min-width:0;max-width:180px}}@media (max-width:650px){.pf-showcase>header>div{scrollbar-width:none;min-width:0;overflow-x:auto}.pf-showcase>header>div>button{white-space:nowrap;flex:none}.pf-showcase>header>div::-webkit-scrollbar{display:none}}