.gfpm{--ink:#171717;--muted:#777;--line:#e8e8e5;--paper:#fff;--soft:#f7f7f4;--radius:20px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f1f1ed;border:1px solid #e5e5df;border-radius:26px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.08);max-width:1500px;margin:24px auto}.gfpm *{box-sizing:border-box}.gfpm button,.gfpm input{font:inherit}.gfpm__topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.gfpm__brand{display:flex;align-items:center;gap:11px}.gfpm__brand strong,.gfpm__brand small{display:block}.gfpm__brand strong{font-size:14px;letter-spacing:-.01em}.gfpm__brand small{font-size:10px;color:#999;margin-top:2px}.gfpm__mark{width:34px;height:34px;border-radius:10px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:700}.gfpm__topactions{display:flex;gap:8px}.gfpm__btn{border:0;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:650;cursor:pointer}.gfpm__btn--ghost{background:transparent}.gfpm__btn--soft{background:#efefec}.gfpm__btn--dark{background:#171717;color:#fff}.gfpm__workspace{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:720px}.gfpm__panel{background:#fff;border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - 110px)}.gfpm__section{padding:19px;border-bottom:1px solid var(--line)}.gfpm__sectionhead{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:750;margin-bottom:14px}.gfpm__step{color:#aaa;font-size:9px}.gfpm__drop{min-height:116px;border:1px dashed #cecec8;background:#fafaf7;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.gfpm__drop:hover,.gfpm__drop.is-drag{border-color:#555;background:#f5f5f0}.gfpm__drop input{display:none}.gfpm__uploadIcon{font-size:22px;margin-bottom:6px}.gfpm__drop strong{font-size:12px}.gfpm__drop small{font-size:10px;color:#999;margin-top:4px}.gfpm__filename{font-size:10px;color:#888;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gfpm__seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gfpm__seg button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 5px;font-size:10px;cursor:pointer}.gfpm__seg button.is-active{background:#171717;color:#fff;border-color:#171717}.gfpm__control{margin:13px 0}.gfpm__control label{font-size:11px;display:flex;justify-content:space-between;margin-bottom:8px}.gfpm__control output{color:#8c8c87}.gfpm input[type=range]{width:100%;accent-color:#171717}.gfpm__twocol{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.gfpm__twocol label{font-size:10px;color:#777}.gfpm__twocol input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fafaf8;font-size:11px}.gfpm__colorrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:11px}.gfpm__colorrow>span:last-child{display:flex;align-items:center;gap:7px}.gfpm__colorrow input[type=color]{width:28px;height:28px;border:1px solid var(--line);border-radius:9px;padding:2px;background:#fff}.gfpm__colorrow code{font-size:9px;color:#777;background:#f5f5f2;padding:5px 6px;border-radius:7px}.gfpm__check{display:flex;gap:7px;align-items:center;font-size:10px;color:#666;margin-top:8px}.gfpm__empty,.gfpm__hint{font-size:10px;color:#999}.gfpm__stage{min-width:0;padding:20px;display:flex;flex-direction:column}.gfpm__canvasbar{height:36px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#777}.gfpm__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9e9e98;margin-right:7px}.gfpm__zoom{background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 8px}.gfpm__canvaswrap{position:relative;flex:1;min-height:620px;border-radius:22px;overflow:hidden;background:#e8e8e3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.gfpm__canvaswrap canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}.gfpm__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;pointer-events:none}.gfpm__placeholder span{font-size:30px;color:#aaa}.gfpm__placeholder strong{font-size:14px;color:#555;margin-top:10px}.gfpm__placeholder small{font-size:10px;margin-top:5px}.gfpm__placeholder.is-hidden{display:none}@media(max-width:900px){.gfpm{border-radius:18px;margin:10px}.gfpm__workspace{grid-template-columns:280px minmax(0,1fr)}.gfpm__canvaswrap{min-height:560px}}@media(max-width:700px){.gfpm__topbar{height:auto;min-height:68px;padding:12px 14px;gap:10px}.gfpm__topactions{gap:4px}.gfpm__btn{padding:9px 10px}.gfpm__workspace{display:flex;flex-direction:column}.gfpm__panel{order:2;max-height:none;border-right:0;border-top:1px solid var(--line)}.gfpm__stage{order:1;padding:12px}.gfpm__canvaswrap{min-height:58vh}.gfpm__section{padding:16px}.gfpm__seg{grid-template-columns:repeat(4,1fr)}.gfpm__seg button{font-size:9px;padding:8px 2px}}@media(max-width:460px){.gfpm__brand small{display:none}.gfpm__btn--ghost{display:none}.gfpm__topactions .gfpm__btn{font-size:10px}.gfpm__seg{grid-template-columns:1fr 1fr}.gfpm__canvaswrap{min-height:52vh}}
/* v1.1 animation controls */
.gfpm__switchrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;font-size:12px}.gfpm__switch{position:relative;width:38px;height:22px;display:inline-block}.gfpm__switch input{opacity:0;width:0;height:0}.gfpm__switch span{position:absolute;inset:0;border-radius:999px;background:#ddd;cursor:pointer;transition:.2s}.gfpm__switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.gfpm__switch input:checked+span{background:#111}.gfpm__switch input:checked+span:before{transform:translateX(16px)}.gfpm__subhead{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:12px 0 8px}.gfpm__select{width:100%;height:36px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 10px;font-size:12px}.gfpm__colorrow--master{padding:9px 10px;border:1px solid #e8e8e8;border-radius:9px;margin-bottom:9px;background:#fafafa}.gfpm__hint--anim{display:block;line-height:1.45;margin-top:8px}
/* v1.2 compact responsive workspace */
@media (min-width:701px){
 .gfpm{height:min(860px,calc(100vh - 32px));min-height:600px;margin:16px auto;display:flex;flex-direction:column}
 .gfpm__topbar{height:62px;min-height:62px}
 .gfpm__workspace{min-height:0;flex:1;height:calc(100% - 62px);grid-template-columns:300px minmax(0,1fr)}
 .gfpm__panel{height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .gfpm__stage{height:100%;min-height:0;padding:14px}
 .gfpm__canvasbar{height:30px;min-height:30px}
 .gfpm__canvaswrap{min-height:0;height:100%;flex:1}
 .gfpm__section{padding:15px 16px}
 .gfpm__drop{min-height:92px}
}
.gfpm__presetgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.gfpm__presetgrid button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 5px;font-size:9px;cursor:pointer}.gfpm__presetgrid button.is-active{background:#171717;color:#fff;border-color:#171717}
@media(max-width:1100px) and (min-width:701px){.gfpm__workspace{grid-template-columns:270px minmax(0,1fr)}.gfpm__topbar{padding:0 16px}.gfpm__btn{padding:9px 10px}}
@media(max-width:700px){.gfpm__stage{position:sticky;top:0;z-index:3;background:#f1f1ed}.gfpm__canvaswrap{min-height:42vh;max-height:52vh}.gfpm__presetgrid{grid-template-columns:repeat(2,1fr)}}
/* v1.5 separated image/video output */
.gfpm__widebtn{width:100%;margin-top:12px;border:1px solid #d9d9d4;background:#f3f3ef;border-radius:11px;padding:11px 12px;font-size:11px;font-weight:700;cursor:pointer}.gfpm__widebtn--dark{background:#171717;color:#fff;border-color:#171717}.gfpm__outputmeta{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px 9px;align-items:center;margin-top:12px;padding:10px;border-radius:10px;background:#f7f7f4;font-size:9px;color:#888}.gfpm__outputmeta strong{color:#333;font-size:10px}.gfpm__progress{height:5px;background:#e8e8e4;border-radius:999px;overflow:hidden;margin-top:10px}.gfpm__progress span{display:block;height:100%;width:0;background:#171717;transition:width .12s linear}.gfpm [hidden]{display:none!important}
/* v1.6 per-object recolor + image background */
.gfpm__colormodes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.gfpm__colormodes button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 5px;font-size:9px;cursor:pointer}.gfpm__colormodes button.is-active{background:#171717;color:#fff;border-color:#171717}.gfpm__colors{max-height:220px;overflow:auto;padding-right:3px}.gfpm__colorrow small{display:block;color:#aaa;font-size:8px;margin-top:2px}.gfpm__divider{height:1px;background:var(--line);margin:14px 0}.gfpm__bgdrop{margin-top:12px;min-height:78px;border:1px dashed #cecec8;background:#fafaf7;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.gfpm__bgdrop input{display:none}.gfpm__bgdrop span{font-size:18px;line-height:1}.gfpm__bgdrop strong{font-size:10px;margin-top:4px}.gfpm__bgdrop small{font-size:9px;color:#999;margin-top:2px}.gfpm__bgtools{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fafaf8}.gfpm__miniBtn{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font-size:9px;cursor:pointer}
/* v1.7 direct click-to-recolor */
.gfpm__clickhint{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fafaf7;margin-bottom:12px}.gfpm__clickicon{width:28px;height:28px;border-radius:9px;background:#171717;color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:13px}.gfpm__clickhint strong,.gfpm__clickhint small{display:block}.gfpm__clickhint strong{font-size:10px}.gfpm__clickhint small{font-size:9px;color:#888;line-height:1.45;margin-top:3px}.gfpm__canvaswrap canvas{cursor:pointer;transition:filter .08s ease,transform .08s ease}.gfpm__canvaswrap canvas.gfpm__canvas--press{filter:brightness(.96);transform:translate(-50%,-50%) scale(.997)}.gfpm__clickicon svg{display:block}.gfpm__clickicon{transition:transform .1s ease,box-shadow .1s ease}.gfpm__clickicon.is-pressing{transform:scale(.86);box-shadow:inset 0 2px 5px rgba(255,255,255,.18)}.gfpm__picker{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;min-width:250px;max-width:320px;padding:9px 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:13px;box-shadow:0 12px 35px rgba(0,0,0,.14);transform:translate(10px,10px)}.gfpm__picker>div{min-width:0;flex:1}.gfpm__picker strong,.gfpm__picker small{display:block}.gfpm__picker strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gfpm__picker small{font-size:8px;color:#888;margin-top:2px;line-height:1.3}.gfpm__picker input[type=color]{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;padding:2px;background:#fff;cursor:pointer;flex:0 0 auto}.gfpm__picker button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.gfpm__picker[hidden]{display:none!important}@media(max-width:700px){.gfpm__picker{min-width:220px;max-width:calc(100% - 30px)}}

.gfpm__selected-note{font-size:12px;line-height:1.55;color:#6f6f6f;background:#f7f7f5;border:1px solid #e8e8e3;border-radius:12px;padding:11px 12px;margin:8px 0 14px}
.gfpm__subsection{margin-top:4px}.gfpm__badge{font-size:10px!important;padding:4px 7px;border:1px solid #ddd;border-radius:999px;color:#666!important}.gfpm__checks{align-items:center}.gfpm__checks .gfpm__check{margin:0}
.gfpm__variationList{display:grid;gap:10px;margin-top:10px}.gfpm__variationCard{border:1px solid rgba(17,17,17,.1);border-radius:14px;padding:12px;background:rgba(255,255,255,.72)}.gfpm__variationTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gfpm__variationTitle strong{font-size:12px}.gfpm__variationTitle span{font-size:10px;color:#858585}.gfpm__variationCard .gfpm__control{margin-bottom:9px}.gfpm__variationCard .gfpm__twocol{margin-top:0}.gfpm__variationCard input[type=number]{width:100%}

.gfpm__picker--expanded{display:block;min-width:330px;max-width:370px;padding:12px}.gfpm__pickerHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.gfpm__pickerHead>div{min-width:0;flex:1}.gfpm__pickerHead button{flex:0 0 auto}.gfpm__pickerPrimary{display:grid;grid-template-columns:42px 1fr;gap:8px;margin-top:10px}.gfpm__pickerPrimary input[type=color]{width:42px;height:36px}.gfpm__pickerPrimary input[type=text],.gfpm__pickerColorRow input[type=text],.gfpm__pickerCount select{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:600 11px/1 monospace;color:#222;box-sizing:border-box}.gfpm__pickerCount{display:grid;gap:5px;margin-top:10px}.gfpm__pickerCount span{font-size:9px;color:#777}.gfpm__pickerCount select{width:100%;font-family:inherit}.gfpm__pickerColorList{display:grid;gap:6px;margin-top:9px;max-height:190px;overflow:auto}.gfpm__pickerColorRow{display:grid;grid-template-columns:1fr 34px 92px;gap:7px;align-items:center}.gfpm__pickerColorRow>span{font-size:9px;font-weight:600}.gfpm__pickerColorRow input[type=color]{width:34px;height:30px;border-radius:8px}.gfpm__pickerColorRow input[type=text]{height:30px;padding:0 7px;font-size:9px}.gfpm__pickerRule{display:block!important;margin-top:8px!important;padding-top:8px;border-top:1px solid var(--line);font-size:8px!important;line-height:1.4!important}@media(max-width:700px){.gfpm__picker--expanded{min-width:280px;max-width:calc(100% - 20px)}}
/* v2.7 gradient + HEX controls */
.gfpm__bgmodes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.gfpm__bgmodes button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 4px;font-size:9px;cursor:pointer}.gfpm__bgmodes button.is-active{background:#171717;color:#fff;border-color:#171717}.gfpm__hexpair{display:grid!important;grid-template-columns:34px 92px;gap:7px;align-items:center}.gfpm__hexpair input[type=text],.gfpm__gradrow input[type=text],.gfpm__pickerColorRow select{height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 7px;font:600 9px/1 monospace;box-sizing:border-box}.gfpm__gradientbox{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fafaf8;margin-bottom:10px}.gfpm__gradstops{display:grid;gap:6px;margin:8px 0}.gfpm__gradrow{display:grid;grid-template-columns:30px 1fr 54px 24px;gap:6px;align-items:center}.gfpm__gradrow input[type=color]{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff}.gfpm__gradrow input[type=number]{width:54px;height:30px;border:1px solid var(--line);border-radius:8px;padding:0 5px;font-size:9px}.gfpm__gradrow button{width:24px;height:24px;border:0;background:transparent;cursor:pointer}.gfpm__pickerColorRow{grid-template-columns:54px 30px 78px!important}.gfpm__pickerColorRow.is-gradient{grid-template-columns:54px 30px 72px 30px 72px!important}.gfpm__pickerColorRow select{font-family:inherit;padding:0 4px}.gfpm__objgradopts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.gfpm__objgradopts label{font-size:8px;color:#777}.gfpm__objgradopts input[type=range]{width:100%}
/* v2.9 motion preset cards */
.gfpm__presetgrid button{display:flex;align-items:center;justify-content:flex-start;gap:7px;text-align:left;min-height:38px;padding:7px 9px}
.gfpm__motionIcon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;font-size:16px;line-height:1;font-family:Arial,sans-serif}
.gfpm__presetgrid button.is-active .gfpm__motionIcon{color:#fff}

/* v3.1 Full Screen App Mode */
html:has(body.gfpm-fullscreen-page),
body.gfpm-fullscreen-page{margin:0!important;padding:0!important;width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;background:#f1f1ed!important}
body.gfpm-fullscreen-page .gfpm{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;z-index:999999!important;background:#f1f1ed!important;box-shadow:none!important}
body.gfpm-fullscreen-page .gfpm__topbar{border-radius:0!important}
body.gfpm-fullscreen-page .gfpm__workspace{height:calc(100dvh - 62px)!important;max-height:none!important}
body.gfpm-fullscreen-page .gfpm__panel{max-height:none!important;height:100%!important}
body.gfpm-fullscreen-page .gfpm__stage{height:100%!important;min-height:0!important}
/* The app overlays theme header/footer/title without modifying the theme. */
body.admin-bar.gfpm-fullscreen-page .gfpm{top:32px!important;height:calc(100dvh - 32px)!important}
body.admin-bar.gfpm-fullscreen-page .gfpm__workspace{height:calc(100dvh - 94px)!important}
@media(max-width:782px){body.admin-bar.gfpm-fullscreen-page .gfpm{top:46px!important;height:calc(100dvh - 46px)!important}body.admin-bar.gfpm-fullscreen-page .gfpm__workspace{height:calc(100dvh - 108px)!important}}
@media(max-width:700px){
html:has(body.gfpm-fullscreen-page),body.gfpm-fullscreen-page{overflow:hidden!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;background:#1f1f1f!important}
body.gfpm-fullscreen-page .gfpm{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-width:none!important;margin:0!important;z-index:2147483000!important;background:#1f1f1f!important}
body.gfpm-fullscreen-page .gfpm__workspace{height:calc(100dvh - 62px)!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
body.admin-bar.gfpm-fullscreen-page .gfpm{top:0!important;height:100dvh!important}
body.admin-bar.gfpm-fullscreen-page .gfpm__workspace{height:calc(100dvh - 62px)!important}
body.gfpm-fullscreen-page #wpadminbar{display:none!important}
}

/* v3.2 Preview breathing space */
body.gfpm-fullscreen-page .gfpm__stage{
  padding:22px 30px 30px 24px!important;
  gap:0;
}
body.gfpm-fullscreen-page .gfpm__canvasbar{
  padding:0 4px 8px;
  height:38px;
  min-height:38px;
}
body.gfpm-fullscreen-page .gfpm__canvaswrap{
  border-radius:22px;
  box-shadow:0 12px 34px rgba(24,24,20,.08), inset 0 0 0 1px rgba(0,0,0,.055);
}
@media(max-width:1100px) and (min-width:701px){
  body.gfpm-fullscreen-page .gfpm__stage{padding:18px 22px 22px 18px!important}
}
@media(max-width:700px){
  body.gfpm-fullscreen-page .gfpm__stage{padding:12px 14px 16px!important}
  body.gfpm-fullscreen-page .gfpm__canvasbar{height:34px;min-height:34px;padding:0 2px 6px}
  body.gfpm-fullscreen-page .gfpm__canvaswrap{border-radius:17px}
}
/* v4.3 Multi-SVG artwork list */
.gfpm__artworkList{display:grid;gap:7px;margin-top:9px}.gfpm__artworkItem{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(20,20,20,.12);border-radius:9px;background:#fff;cursor:pointer}.gfpm__artworkItem.is-active{border-color:#111;box-shadow:0 0 0 1px #111 inset}.gfpm__artworkNum{font-size:10px;font-weight:700;opacity:.55}.gfpm__artworkName{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gfpm__artworkRemove{border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer;opacity:.55}.gfpm__artworkRemove:hover{opacity:1}

/* v4.4 Menu-based sidebar UI — no long Appearance scroll */
.gfpm__panel{overflow:hidden!important;display:flex;flex-direction:column;min-height:0}
.gfpm__menu{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;border-bottom:1px solid var(--line);background:#fff;flex:0 0 auto}
.gfpm__menu button{min-width:0;border:1px solid var(--line);background:#fafaf8;border-radius:10px;padding:8px 4px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:700;color:#5f5f5a;cursor:pointer;transition:.16s}
.gfpm__menu button span{font-size:8px;color:#aaa}.gfpm__menu button:hover{border-color:#bbb;background:#fff}.gfpm__menu button.is-active{background:#171717;border-color:#171717;color:#fff}.gfpm__menu button.is-active span{color:#aaa}
.gfpm__page{display:none!important;border-bottom:0}.gfpm__page.is-active{display:block!important}
.gfpm__page[data-ui-page="pattern"]{padding-bottom:8px}.gfpm__page[data-ui-page="pattern"]+.gfpm__page[data-ui-page="pattern"]{padding-top:8px}
.gfpm__page[data-ui-page="export"]{padding-bottom:8px}.gfpm__page[data-ui-page="export"]+.gfpm__page[data-ui-page="export"]{padding-top:8px}
.gfpm__panel .gfpm__page{overflow:visible}
@media(max-width:700px){.gfpm__panel{overflow:visible!important}.gfpm__menu{position:sticky;top:0;z-index:8;grid-template-columns:repeat(3,1fr)}.gfpm__page.is-active{display:block!important}}
\n\n/* v4.4.1 Motion usability + larger UI type */
.gfpm__page[data-ui-page="motion"].is-active{max-height:calc(100% - 116px);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:28px}
.gfpm__menu button{font-size:11px}.gfpm__menu button span{font-size:9px}
.gfpm__sectionhead{font-size:12px}.gfpm__step{font-size:10px}.gfpm__subhead{font-size:11px}
.gfpm__control label,.gfpm__colorrow{font-size:12px}.gfpm__twocol label{font-size:11px}.gfpm__twocol input{font-size:12px}
.gfpm__select{font-size:13px;height:39px}.gfpm__presetgrid button{font-size:11px;line-height:1.25;min-height:38px}
.gfpm__switchrow{font-size:13px}.gfpm__hint,.gfpm__empty,.gfpm__hint--anim{font-size:11px;line-height:1.5}
.gfpm__widebtn,.gfpm__miniBtn{font-size:12px}.gfpm__badge{font-size:10px}.gfpm__outputmeta{font-size:10px}.gfpm__outputmeta strong{font-size:11px}
.gfpm__drop strong{font-size:13px}.gfpm__drop small,.gfpm__filename{font-size:11px}.gfpm__artworkName{font-size:12px}
@media(max-width:700px){.gfpm__page[data-ui-page="motion"].is-active{max-height:none;overflow-y:visible!important}}

/* V4.4.2 — Motion panel scrolling fix */
.gfpm__panel > .gfpm__page[data-ui-page="motion"].is-active{
  flex:1 1 auto!important;
  min-height:0!important;
  height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding-bottom:48px!important;
}
.gfpm__page[data-ui-page="motion"] .gfpm__sectionhead,
.gfpm__page[data-ui-page="motion"] .gfpm__subhead,
.gfpm__page[data-ui-page="motion"] label{font-size:12px}
.gfpm__page[data-ui-page="motion"] .gfpm__hint{font-size:11px;line-height:1.5}
.gfpm__page[data-ui-page="motion"] .gfpm__badge{font-size:10px}
@media(max-width:700px){
 .gfpm__panel > .gfpm__page[data-ui-page="motion"].is-active{height:auto!important;overflow-y:visible!important;padding-bottom:28px!important}
}
/* v4.5 Export Center */
.gfpm__formatgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 14px}.gfpm__formatgrid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 4px;font-size:12px;font-weight:700;cursor:pointer}.gfpm__formatgrid button.is-active{background:#171717;color:#fff;border-color:#171717}

/* v4.5.1 — transparent preview checkerboard is rendered inside the live canvas only; it is never exported. */

/* v4.7.5 — keep object color editor visible outside the clipped canvas and fully clickable */
.gfpm__picker{position:fixed!important;z-index:2147483000!important;transform:none!important;pointer-events:auto!important}
.gfpm__picker input,.gfpm__picker select,.gfpm__picker button,.gfpm__picker label{pointer-events:auto!important}

/* v4.7.7 — click feedback belongs to the selected object point, never the whole canvas */
.gfpm__canvaswrap canvas{cursor:default!important;transition:none!important}.gfpm__canvaswrap canvas.gfpm__canvas--press{filter:none!important;transform:translate(-50%,-50%)!important}.gfpm__objectPress{position:absolute;z-index:20;width:18px;height:18px;border:2px solid rgba(20,20,20,.55);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.45);animation:gfpmObjectPress .24s ease-out forwards}@keyframes gfpmObjectPress{0%{transform:translate(-50%,-50%) scale(.45);opacity:.9}55%{transform:translate(-50%,-50%) scale(.78);opacity:.65}100%{transform:translate(-50%,-50%) scale(1.05);opacity:0}}

/* v4.9 cursor selection / transform controls */
.gfpm__canvaswrap{position:relative}
.gfpm__selectionBox{position:absolute;box-sizing:border-box;border:1px solid rgba(17,17,17,.72);z-index:18;pointer-events:none;transform-origin:center center}
.gfpm__selHandle{position:absolute;width:11px;height:11px;background:#fff;border:2px solid #111;border-radius:2px;box-sizing:border-box;z-index:2}
.gfpm__selHandle--nw{left:-7px;top:-7px;cursor:nwse-resize}.gfpm__selHandle--ne{right:-7px;top:-7px;cursor:nesw-resize}.gfpm__selHandle--sw{left:-7px;bottom:-7px;cursor:nesw-resize}.gfpm__selHandle--se{right:-7px;bottom:-7px;cursor:nwse-resize}
.gfpm__rotateStem{position:absolute;width:1px;height:25px;background:#111;left:50%;top:-27px;transform:translateX(-50%)}
.gfpm__rotateHandle{position:absolute;width:13px;height:13px;border:2px solid #111;background:#fff;border-radius:50%;left:50%;top:-40px;transform:translateX(-50%);cursor:grab}
.gfpm__rotateHandle:active{cursor:grabbing}

.gfpm__selectionBox .gfpm__selHandle{width:6px!important;height:6px!important;border-width:1px!important;pointer-events:none!important}
.gfpm__marquee{position:absolute;z-index:17;box-sizing:border-box;border:1px solid rgba(17,17,17,.55);background:rgba(17,17,17,.045);pointer-events:none}
/* v5.1 color-selection refinements */
.gfpm__selectionBox{border-width:.75px!important;border-color:rgba(17,17,17,.58)!important}
.gfpm__selectionBox .gfpm__selHandle{width:5px!important;height:5px!important}
.gfpm__picker--panel{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin-top:12px;z-index:auto!important;box-shadow:none!important}

/* v5.1.1 selection precision + Color panel sizing/readability */
.gfpm__picker--panel{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;padding:12px!important}
.gfpm__picker--panel .gfpm__pickerPrimary,.gfpm__picker--panel .gfpm__pickerCount,.gfpm__picker--panel .gfpm__pickerColorList{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.gfpm__picker--panel input,.gfpm__picker--panel select{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.gfpm__pickerPrimary{grid-template-columns:40px minmax(0,1fr)!important}
.gfpm__pickerColorRow{grid-template-columns:minmax(48px,1fr) 30px minmax(64px,78px)!important;max-width:100%!important}
.gfpm__pickerColorRow.is-gradient{grid-template-columns:minmax(42px,1fr) 28px minmax(54px,68px) 28px minmax(54px,68px)!important}
.gfpm__picker strong{font-size:12px!important}.gfpm__picker small{font-size:10px!important}.gfpm__pickerCount span,.gfpm__pickerColorRow>span{font-size:10px!important}
.gfpm__pickerPrimary input[type=text],.gfpm__pickerColorRow input[type=text],.gfpm__pickerCount select{font-size:12px!important}
.gfpm__selectionBox{border-width:.6px!important}.gfpm__selectionBox .gfpm__selHandle{width:4px!important;height:4px!important}

/* v5.3 touch-selection: after release, outline only the objects actually touched */
.gfpm__selectionLayer{position:absolute;inset:0;z-index:18;pointer-events:none}
.gfpm__objectSelectionBox{position:absolute;box-sizing:border-box;border:.6px solid rgba(17,17,17,.62);pointer-events:none}
.gfpm__marquee{border-width:.6px!important;background:rgba(17,17,17,.025)!important}
/* v5.3.2: color selection uses one clean combined bounding box, no handles/dots. */
.gfpm__selectionBox{border:.6px solid rgba(17,17,17,.62)!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}
.gfpm__selectionBox .gfpm__selHandle,.gfpm__objectSelectionBox{display:none!important}

/* v5.4.8 — Adobe-inspired UI skin. VISUAL ONLY: no engine/export behavior changes. */
.gfpm{
 --ink:#e8e8e8;--muted:#b3b3b3;--line:#464646;--paper:#323232;--soft:#292929;--radius:4px;
 --gf-accent:#1473e6;--gf-hover:#3f3f3f;--gf-field:#262626;
 font-family:"Adobe Clean","Segoe UI",Arial,sans-serif!important;
 color:var(--ink);background:#1f1f1f;border:1px solid #414141;border-radius:4px;
 box-shadow:0 8px 28px rgba(0,0,0,.28);letter-spacing:0;
}
.gfpm *{scrollbar-color:#5b5b5b #292929}
.gfpm button,.gfpm input,.gfpm select,.gfpm textarea{font-family:inherit!important}
.gfpm__topbar{height:48px!important;min-height:48px!important;background:#292929;border-bottom:1px solid #171717;padding:0 14px}
.gfpm__brand{gap:9px}.gfpm__mark{width:28px;height:28px;border-radius:3px;background:#1473e6;color:#fff;font-size:12px}
.gfpm__brand strong{font-size:13px;font-weight:600;color:#f2f2f2;letter-spacing:0}.gfpm__brand small{font-size:10px;color:#9b9b9b;margin-top:0}
.gfpm__topactions{gap:5px}.gfpm__btn{min-height:30px;border-radius:3px;padding:6px 11px;font-size:11px;font-weight:600;color:#dedede;border:1px solid transparent}
.gfpm__btn--ghost{background:transparent}.gfpm__btn--ghost:hover{background:#3b3b3b}.gfpm__btn--soft{background:#3a3a3a;border-color:#4b4b4b}.gfpm__btn--soft:hover{background:#454545}.gfpm__btn--dark{background:#1473e6;color:#fff}.gfpm__btn--dark:hover{background:#0d66d0}
.gfpm__workspace{grid-template-columns:300px minmax(0,1fr);background:#1f1f1f}.gfpm__panel{background:#323232;border-right:1px solid #171717}
.gfpm__menu{gap:1px;padding:0;background:#292929;border-bottom:1px solid #171717}.gfpm__menu button{height:38px;border:0;border-right:1px solid #202020;border-radius:0;background:#292929;color:#bcbcbc;padding:5px 3px;font-size:10px!important;font-weight:500}.gfpm__menu button span{font-size:8px!important;color:#858585}.gfpm__menu button:hover{background:#383838;border-color:#202020;color:#fff}.gfpm__menu button.is-active{background:#3d3d3d;border-color:#202020;color:#fff;box-shadow:inset 0 -2px 0 #1473e6}.gfpm__menu button.is-active span{color:#a9a9a9}
.gfpm__section{padding:13px 14px;border-bottom:1px solid #454545;background:#323232}.gfpm__sectionhead{font-size:11px!important;line-height:16px;text-transform:none;letter-spacing:0;font-weight:600;color:#ededed;margin-bottom:10px}.gfpm__step{font-size:9px!important;color:#929292;font-weight:400}.gfpm__subhead{font-size:10px!important;line-height:15px;text-transform:none;letter-spacing:0;font-weight:600;color:#cfcfcf;margin:11px 0 7px}
.gfpm__drop,.gfpm__bgdrop{border:1px dashed #666;background:#292929;border-radius:3px;color:#ddd}.gfpm__drop:hover,.gfpm__drop.is-drag,.gfpm__bgdrop:hover{border-color:#1473e6;background:#303030}.gfpm__drop{min-height:82px}.gfpm__uploadIcon{font-size:18px;margin-bottom:4px}.gfpm__drop strong{font-size:11px!important;font-weight:600}.gfpm__drop small,.gfpm__filename,.gfpm__bgdrop small{font-size:9px!important;color:#999}.gfpm__bgdrop strong{font-size:10px;color:#ddd}
.gfpm__control{margin:10px 0}.gfpm__control label,.gfpm__colorrow,.gfpm__switchrow{font-size:11px!important;line-height:16px;color:#d6d6d6}.gfpm__control label{margin-bottom:5px}.gfpm__control output{color:#aaa;font-variant-numeric:tabular-nums}.gfpm__twocol{gap:7px;margin-top:9px}.gfpm__twocol label{font-size:10px!important;color:#b5b5b5}.gfpm__twocol input,.gfpm__select{height:30px!important;margin-top:4px;border:1px solid #505050;border-radius:3px;background:#262626;color:#ededed;padding:5px 8px;font-size:11px!important;outline:none}.gfpm__twocol input:focus,.gfpm__select:focus{border-color:#1473e6;box-shadow:0 0 0 1px #1473e6}
.gfpm input[type=range]{accent-color:#1473e6}.gfpm input[type=checkbox]{accent-color:#1473e6}
.gfpm__seg,.gfpm__presetgrid,.gfpm__colormodes,.gfpm__formatgrid{gap:4px}.gfpm__seg button,.gfpm__presetgrid button,.gfpm__colormodes button,.gfpm__formatgrid button{border:1px solid #505050;background:#292929;color:#cfcfcf;border-radius:3px;font-size:10px!important;font-weight:500;min-height:30px;padding:6px 4px}.gfpm__seg button:hover,.gfpm__presetgrid button:hover,.gfpm__colormodes button:hover,.gfpm__formatgrid button:hover{background:#3b3b3b;color:#fff}.gfpm__seg button.is-active,.gfpm__presetgrid button.is-active,.gfpm__colormodes button.is-active,.gfpm__formatgrid button.is-active{background:#1473e6;color:#fff;border-color:#1473e6}
.gfpm__colorrow{padding:6px 0}.gfpm__colorrow input[type=color]{width:26px;height:24px;border:1px solid #555;border-radius:3px;background:#262626}.gfpm__colorrow code{font-family:Consolas,monospace;font-size:9px;color:#bdbdbd;background:#262626;padding:4px 5px;border-radius:2px}.gfpm__divider{background:#474747;margin:11px 0}.gfpm__hint,.gfpm__empty,.gfpm__hint--anim{font-size:10px!important;line-height:1.45;color:#9f9f9f}
.gfpm__switch{width:32px;height:18px}.gfpm__switch span{background:#555}.gfpm__switch span:before{width:12px;height:12px;left:3px;top:3px;background:#ddd}.gfpm__switch input:checked+span{background:#1473e6}.gfpm__switch input:checked+span:before{transform:translateX(14px)}
.gfpm__widebtn,.gfpm__miniBtn{border:1px solid #505050;background:#3a3a3a;color:#e5e5e5;border-radius:3px;padding:7px 9px;font-size:11px!important;font-weight:600}.gfpm__widebtn:hover,.gfpm__miniBtn:hover{background:#464646}.gfpm__widebtn--dark{background:#1473e6;border-color:#1473e6;color:#fff}.gfpm__widebtn--dark:hover{background:#0d66d0}
.gfpm__outputmeta,.gfpm__bgtools,.gfpm__colorrow--master{background:#292929;border-color:#484848;border-radius:3px;color:#aaa}.gfpm__outputmeta{font-size:9px!important}.gfpm__outputmeta strong{font-size:10px!important;color:#e0e0e0}.gfpm__progress{background:#222}.gfpm__progress span{background:#1473e6}
.gfpm__artworkItem{border:1px solid #4d4d4d;border-radius:3px;background:#292929;color:#ddd;padding:6px 7px}.gfpm__artworkItem:hover{background:#383838}.gfpm__artworkItem.is-active{border-color:#1473e6;box-shadow:0 0 0 1px #1473e6 inset}.gfpm__artworkName{font-size:10px!important}.gfpm__artworkNum{font-size:9px}.gfpm__artworkRemove{color:#ddd}
.gfpm__stage{background:#202020;padding:12px!important}.gfpm__canvasbar{height:30px!important;min-height:30px!important;color:#aaa;font-size:10px;padding:0 3px 6px!important}.gfpm__dot{background:#1473e6}.gfpm__zoom{background:#323232;border:1px solid #494949;border-radius:3px;color:#ccc;padding:4px 7px}.gfpm__canvaswrap{background:#181818;border-radius:2px!important;box-shadow:inset 0 0 0 1px #101010!important}.gfpm__placeholder{color:#999}.gfpm__placeholder span{color:#777}.gfpm__placeholder strong{font-size:12px;color:#bbb}.gfpm__placeholder small{font-size:9px;color:#888}
.gfpm__picker--panel{background:#292929!important;border-color:#4b4b4b!important;border-radius:3px!important;color:#ddd}.gfpm__picker strong{font-size:11px!important}.gfpm__picker small,.gfpm__pickerCount span,.gfpm__pickerColorRow>span{font-size:9px!important;color:#aaa}.gfpm__pickerPrimary input[type=text],.gfpm__pickerColorRow input[type=text],.gfpm__pickerCount select{font-size:10px!important;background:#222!important;color:#eee!important;border-color:#505050!important;border-radius:3px!important}
body.gfpm-fullscreen-page{background:#1f1f1f!important}body.gfpm-fullscreen-page .gfpm{background:#1f1f1f!important;border-radius:0!important;border:0!important;box-shadow:none!important}body.gfpm-fullscreen-page .gfpm__stage{background:#202020!important}
@media (min-width:701px){.gfpm{height:min(900px,calc(100vh - 24px));margin:12px auto}.gfpm__workspace{height:calc(100% - 48px)}.gfpm__section{padding:12px 14px}.gfpm__stage{padding:12px!important}}

/* v5.4.9 — Typography normalization only. Keep the plugin's original font family. */
.gfpm{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:12px;
}
.gfpm button,.gfpm input,.gfpm select,.gfpm textarea{font-family:inherit!important}
/* Main readable UI scale: 11–13px, avoiding tiny/oversized interface text. */
.gfpm__brand strong{font-size:13px!important}.gfpm__brand small{font-size:11px!important}
.gfpm__btn{font-size:12px!important}
.gfpm__menu button{font-size:11px!important}.gfpm__menu button span{font-size:10px!important}
.gfpm__sectionhead{font-size:12px!important;line-height:17px}.gfpm__step{font-size:10px!important}.gfpm__subhead{font-size:11px!important;line-height:16px}
.gfpm__drop strong,.gfpm__bgdrop strong{font-size:12px!important}.gfpm__drop small,.gfpm__filename,.gfpm__bgdrop small{font-size:11px!important}
.gfpm__control label,.gfpm__colorrow,.gfpm__switchrow{font-size:12px!important;line-height:17px}.gfpm__twocol label{font-size:11px!important}
.gfpm__twocol input,.gfpm__select{font-size:12px!important}.gfpm__seg button,.gfpm__presetgrid button,.gfpm__colormodes button,.gfpm__formatgrid button{font-size:11px!important}
.gfpm__hint,.gfpm__empty,.gfpm__hint--anim{font-size:11px!important;line-height:1.5}.gfpm__widebtn,.gfpm__miniBtn{font-size:12px!important}
.gfpm__outputmeta{font-size:11px!important}.gfpm__outputmeta strong{font-size:12px!important}.gfpm__artworkName{font-size:12px!important}.gfpm__artworkNum{font-size:11px!important}
.gfpm__canvasbar{font-size:11px!important}.gfpm__placeholder strong{font-size:13px!important}.gfpm__placeholder small{font-size:11px!important}
.gfpm__picker strong{font-size:12px!important}.gfpm__picker small,.gfpm__pickerCount span,.gfpm__pickerColorRow>span{font-size:11px!important}.gfpm__pickerPrimary input[type=text],.gfpm__pickerColorRow input[type=text],.gfpm__pickerCount select{font-size:12px!important}
.gfpm__colorrow code{font-size:10px!important}.gfpm__badge{font-size:10px!important}

/* v5.5.0 — Adobe-style panel refinement. VISUAL ONLY. */
/* Slightly larger overall interface */
.gfpm__workspace{grid-template-columns:326px minmax(0,1fr)!important}
.gfpm__section{padding:16px 17px!important}.gfpm__menu button{height:43px!important;font-size:12px!important}.gfpm__menu button span{font-size:10px!important}
.gfpm__sectionhead{font-size:13px!important;line-height:19px!important;margin-bottom:12px!important}.gfpm__subhead{font-size:12px!important;line-height:18px!important}.gfpm__step,.gfpm__badge{font-size:11px!important}
.gfpm__control label,.gfpm__colorrow,.gfpm__switchrow{font-size:13px!important;line-height:19px!important}.gfpm__twocol label{font-size:12px!important}.gfpm__twocol input,.gfpm__select{height:34px!important;font-size:13px!important}.gfpm__hint,.gfpm__empty,.gfpm__hint--anim{font-size:12px!important;line-height:1.52!important}.gfpm__widebtn,.gfpm__miniBtn,.gfpm__btn{font-size:12px!important;min-height:32px}.gfpm__seg button,.gfpm__presetgrid button,.gfpm__colormodes button,.gfpm__formatgrid button{font-size:12px!important;min-height:34px!important}

/* Color panel — closer to Adobe Properties/Color panels */
.gfpm__page[data-ui-page="color"] .gfpm__clickhint{border:1px solid #494949!important;border-radius:3px!important;background:#2b2b2b!important;padding:12px!important;margin-bottom:12px!important;gap:11px!important}.gfpm__page[data-ui-page="color"] .gfpm__clickicon{width:30px!important;height:30px!important;border-radius:3px!important;background:#1473e6!important}.gfpm__page[data-ui-page="color"] .gfpm__clickhint strong{font-size:12px!important;color:#ededed}.gfpm__page[data-ui-page="color"] .gfpm__clickhint small{font-size:11px!important;color:#aaa!important}.gfpm__page[data-ui-page="color"] .gfpm__selected-note{font-size:12px!important;line-height:1.5!important;color:#bdbdbd!important;background:#292929!important;border:1px solid #484848!important;border-radius:3px!important;padding:10px 11px!important;margin:8px 0 12px!important}
.gfpm__picker--panel{background:#292929!important;border:1px solid #4c4c4c!important;border-radius:3px!important;padding:13px!important;margin-top:13px!important}.gfpm__pickerHead{padding-bottom:10px!important;border-bottom:1px solid #454545!important}.gfpm__pickerHead button{border-radius:3px!important;background:#363636!important;border-color:#515151!important;color:#ddd!important}.gfpm__pickerPrimary{grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important;margin-top:12px!important}.gfpm__pickerPrimary input[type=color]{width:46px!important;height:38px!important;border-radius:2px!important;border-color:#626262!important;background:#222!important}.gfpm__pickerPrimary input[type=text],.gfpm__pickerColorRow input[type=text],.gfpm__pickerCount select{height:36px!important;border-radius:2px!important;font-size:12px!important;background:#232323!important;border:1px solid #565656!important;color:#eee!important}.gfpm__pickerCount span,.gfpm__pickerColorRow>span,.gfpm__picker small{font-size:11px!important}.gfpm__pickerColorList{gap:8px!important;max-height:230px!important}.gfpm__pickerColorRow{padding:5px 0!important;border-top:1px solid #3e3e3e!important}.gfpm__pickerRule{font-size:11px!important;color:#999!important;border-top-color:#454545!important}

/* Background panel — Adobe-like segmented modes and gradient editor */
.gfpm__bgmodes{gap:0!important;margin:2px 0 14px!important;border:1px solid #505050!important;border-radius:3px!important;overflow:hidden!important;background:#292929!important}.gfpm__bgmodes button{height:34px!important;border:0!important;border-right:1px solid #505050!important;border-radius:0!important;background:#292929!important;color:#c8c8c8!important;font-size:12px!important;font-weight:500!important;padding:0 8px!important}.gfpm__bgmodes button:last-child{border-right:0!important}.gfpm__bgmodes button:hover{background:#3b3b3b!important;color:#fff!important}.gfpm__bgmodes button.is-active{background:#454545!important;color:#fff!important;box-shadow:inset 0 -2px 0 #1473e6!important}
.gfpm__gradientbox{padding:13px!important;border:1px solid #4c4c4c!important;border-radius:3px!important;background:#292929!important;margin-bottom:12px!important}.gfpm__gradstops{gap:8px!important;margin:10px 0!important}.gfpm__gradrow{grid-template-columns:36px minmax(0,1fr) 62px 28px!important;gap:7px!important;padding:5px 0!important;border-top:1px solid #3f3f3f!important}.gfpm__gradrow input[type=color]{width:36px!important;height:32px!important;border-radius:2px!important;border-color:#5b5b5b!important;background:#222!important}.gfpm__gradrow input[type=text],.gfpm__gradrow input[type=number],.gfpm__hexpair input[type=text]{height:34px!important;border-radius:2px!important;background:#232323!important;border-color:#565656!important;color:#eee!important;font-size:12px!important}.gfpm__gradrow button{width:28px!important;height:28px!important;color:#ccc!important}.gfpm__hexpair{grid-template-columns:38px minmax(0,1fr)!important}.gfpm__colorrow input[type=color]{width:38px!important;height:30px!important;border-radius:2px!important}.gfpm__bgdrop{border-radius:3px!important;padding:16px!important;background:#292929!important}

/* Animation variations — Adobe Properties-card treatment */
.gfpm__variationList{gap:9px!important;margin-top:12px!important}.gfpm__variationCard{border:1px solid #4b4b4b!important;border-radius:3px!important;padding:0 12px 13px!important;background:#292929!important;box-shadow:none!important}.gfpm__variationTitle{min-height:38px!important;margin:0 -12px 10px!important;padding:0 12px!important;border-bottom:1px solid #464646!important;background:#303030!important}.gfpm__variationTitle strong{font-size:12px!important;font-weight:600!important;color:#eee!important}.gfpm__variationTitle span{font-size:11px!important;color:#9f9f9f!important}.gfpm__variationCard .gfpm__control{margin:10px 0!important}.gfpm__variationCard .gfpm__twocol{gap:8px!important}.gfpm__variationCard input[type=number]{height:34px!important;background:#232323!important;border-color:#555!important;color:#eee!important;border-radius:2px!important;font-size:12px!important}.gfpm__page[data-ui-page="motion"] .gfpm__subsection{margin-top:16px!important;padding-top:14px!important;border-top:1px solid #474747!important}

/* Keep responsive behavior sane with the larger sidebar */
@media(max-width:1050px) and (min-width:701px){.gfpm__workspace{grid-template-columns:310px minmax(0,1fr)!important}}

/* v5.5.2 — Seamless Tile control in Pattern panel. Additive UI only. */
.gfpm__seamlessPanel{margin-top:15px;padding:12px 13px;border:1px solid #4b4b4b;border-radius:3px;background:#292929}
.gfpm__seamlessPanel .gfpm__switchrow{margin:0;align-items:center;gap:12px}
.gfpm__seamlessPanel .gfpm__switchrow>span:first-child{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.gfpm__seamlessPanel .gfpm__switchrow strong{font-size:13px;font-weight:600;color:#ededed}
.gfpm__seamlessPanel .gfpm__switchrow small{font-size:11px;line-height:1.35;color:#9f9f9f}
.gfpm__seamlessPanel .gfpm__hint{display:block;margin-top:10px;padding-top:9px;border-top:1px solid #414141}

/* v5.8 Account UI — subscriber app shell */
body.gfpm-subscriber-page #wpadminbar{display:none!important}
html:has(body.gfpm-subscriber-page){margin-top:0!important}
body.admin-bar.gfpm-subscriber-page .gfpm{top:0!important;height:100dvh!important}
body.admin-bar.gfpm-subscriber-page .gfpm__workspace{height:calc(100dvh - 48px)!important}
.gfpm__account{position:relative;margin-left:4px}.gfpm__accountBtn{height:32px;max-width:190px;display:flex;align-items:center;gap:8px;border:1px solid #4b4b4b;background:#333;color:#e8e8e8;border-radius:4px;padding:3px 8px 3px 4px;cursor:pointer;font:600 12px/1 inherit}.gfpm__accountBtn:hover{background:#3d3d3d}.gfpm__accountBtn img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#555}.gfpm__accountBtn span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gfpm__accountBtn b{font-size:12px;color:#aaa}.gfpm__accountMenu{position:absolute;right:0;top:38px;width:150px;padding:5px;background:#2d2d2d;border:1px solid #4a4a4a;border-radius:5px;box-shadow:0 10px 28px rgba(0,0,0,.35);z-index:100}.gfpm__accountMenu button,.gfpm__accountMenu a{width:100%;display:block;border:0;background:transparent;color:#eee;text-align:left;text-decoration:none;padding:9px 10px;border-radius:3px;font:500 12px/1.2 inherit;cursor:pointer}.gfpm__accountMenu button:hover,.gfpm__accountMenu a:hover{background:#414141;color:#fff}.gfpm__accountModal[hidden]{display:none!important}.gfpm__accountModal{position:fixed;inset:0;z-index:1000002;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:20px}.gfpm__accountDialog{width:min(440px,calc(100vw - 32px));background:#2b2b2b;color:#eee;border:1px solid #4a4a4a;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.48);overflow:hidden}.gfpm__accountDialogHead{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #414141}.gfpm__accountDialogHead strong{display:block;font-size:16px}.gfpm__accountDialogHead small{display:block;color:#aaa;font-size:12px;margin-top:4px}.gfpm__accountDialogHead button{border:0;background:transparent;color:#bbb;font-size:24px;line-height:20px;cursor:pointer}.gfpm__accountForm{padding:20px}.gfpm__avatarEditor{display:flex;align-items:center;gap:14px;margin-bottom:20px}.gfpm__avatarEditor img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#444;border:1px solid #555}.gfpm__uploadAvatar{display:inline-flex;align-items:center;height:32px;padding:0 11px;background:#3b3b3b;border:1px solid #555;border-radius:4px;font-size:12px;cursor:pointer}.gfpm__uploadAvatar:hover{background:#454545}.gfpm__uploadAvatar input{display:none}.gfpm__avatarEditor small{display:block;color:#999;font-size:11px;margin-top:6px}.gfpm__accountField{display:block;margin:14px 0}.gfpm__accountField span{display:block;font-size:12px;color:#bbb;margin-bottom:7px}.gfpm__accountField input{width:100%;height:38px;border:1px solid #555;border-radius:4px;background:#202020;color:#f1f1f1;padding:0 10px;font-size:13px;outline:none}.gfpm__accountField input:focus{border-color:#2680eb;box-shadow:0 0 0 1px #2680eb}.gfpm__accountField input:disabled{color:#888;background:#262626}.gfpm__accountActions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #414141}.gfpm__btn--primary{background:#1473e6!important;color:#fff!important;border-color:#1473e6!important}.gfpm__btn--primary:hover{background:#0d66d0!important}
@media(max-width:700px){.gfpm__accountBtn span{display:none}.gfpm__accountBtn{padding-right:5px}.gfpm__accountMenu{right:0}.gfpm__accountDialog{width:min(420px,calc(100vw - 20px))}}
/* v5.8.1 — compact settings trigger + profile-first account modal */
.gfpm__settingsBtn{width:32px;height:32px;display:grid;place-items:center;border:1px solid #4b4b4b;background:#333;color:#d7d7d7;border-radius:4px;padding:0;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}
.gfpm__settingsBtn:hover,.gfpm__settingsBtn[aria-expanded="true"]{background:#414141;border-color:#5a5a5a;color:#fff}
.gfpm__settingsBtn svg{width:17px;height:17px;display:block;fill:currentColor}
.gfpm__accountMenu{width:158px!important}.gfpm__accountMenu button,.gfpm__accountMenu a{display:flex!important;align-items:center;gap:9px}.gfpm__menuIcon{width:16px;display:inline-grid;place-items:center;color:#bcbcbc;font-size:13px}
.gfpm__profileHero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:-2px 0 20px;padding:4px 0 19px;border-bottom:1px solid #414141}
.gfpm__profileHero>img{width:82px;height:82px;border-radius:50%;object-fit:cover;background:#444;border:1px solid #5b5b5b;margin-bottom:11px}
.gfpm__profileHero>strong{max-width:100%;font-size:15px;line-height:1.3;font-weight:600;color:#f2f2f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfpm__profileHero>small{max-width:100%;margin-top:3px;font-size:11px;color:#969696;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfpm__profileHero .gfpm__uploadAvatar{margin-top:12px}
.gfpm__profileHero>span{margin-top:6px;color:#858585;font-size:10px}

/* v5.8.3 — Canva-like fullscreen breathing space (UI only) */
@media (min-width:701px){
  body.gfpm-fullscreen-page{
    background:#1f1f1f!important;
  }
  body.gfpm-fullscreen-page .gfpm{
    inset:8px!important;
    width:auto!important;
    height:calc(100dvh - 16px)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.gfpm-fullscreen-page .gfpm__topbar{
    border-radius:0!important;
  }
  body.gfpm-fullscreen-page .gfpm__workspace{
    height:calc(100% - 48px)!important;
    max-height:none!important;
  }
  body.admin-bar.gfpm-fullscreen-page .gfpm{
    top:40px!important;
    bottom:8px!important;
    left:8px!important;
    right:8px!important;
    height:auto!important;
  }
  body.admin-bar.gfpm-fullscreen-page .gfpm__workspace{
    height:calc(100% - 48px)!important;
  }
  body.admin-bar.gfpm-subscriber-page.gfpm-fullscreen-page .gfpm{
    top:8px!important;
  }
}

/* v5.8.4 — Adobe-style Object Color inspector polish (UI only) */
.gfpm__page[data-ui-page="color"] .gfpm__picker--panel{
  background:#292929!important;border:1px solid #4b4b4b!important;border-radius:3px!important;
  padding:0!important;margin-top:13px!important;overflow:hidden!important;box-shadow:none!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerHead{
  min-height:43px!important;padding:10px 12px!important;margin:0!important;background:#303030!important;
  border-bottom:1px solid #464646!important;align-items:center!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerHead strong{font-size:12px!important;font-weight:600!important;color:#f0f0f0!important;letter-spacing:0!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerHead small{font-size:10px!important;color:#9e9e9e!important;margin-top:2px!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerHead button{
  width:28px!important;height:28px!important;border:1px solid #555!important;border-radius:2px!important;
  background:#383838!important;color:#d6d6d6!important;font-size:15px!important;padding:0!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerHead button:hover{background:#474747!important;border-color:#686868!important;color:#fff!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerPrimary{padding:12px 12px 0!important;margin:0!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerPrimary input[type="color"]{
  width:40px!important;height:34px!important;padding:2px!important;border:1px solid #606060!important;border-radius:2px!important;background:#202020!important;cursor:pointer!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerPrimary input[type="text"]{
  width:100%!important;height:34px!important;padding:0 9px!important;border:1px solid #565656!important;border-radius:2px!important;
  background:#202020!important;color:#ededed!important;font:500 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;outline:none!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerPrimary input[type="text"]:focus,
.gfpm__page[data-ui-page="color"] .gfpm__pickerCount select:focus,
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow input[type="text"]:focus,
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow select:focus{border-color:#2680eb!important;box-shadow:0 0 0 1px #2680eb!important;outline:none!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerCount{padding:11px 12px 0!important;margin:0!important;gap:6px!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerCount span{font-size:11px!important;color:#b8b8b8!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerCount select,
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow select{
  appearance:none!important;-webkit-appearance:none!important;border:1px solid #555!important;border-radius:2px!important;background-color:#242424!important;color:#e8e8e8!important;
  background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%)!important;
  background-position:calc(100% - 13px) 14px,calc(100% - 9px) 14px!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;
  padding:0 28px 0 9px!important;font:500 12px/1.2 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorList{margin:11px 12px 0!important;gap:0!important;max-height:230px!important;border-top:1px solid #444!important;overflow:auto!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow{
  min-height:42px!important;padding:6px 0!important;border-top:0!important;border-bottom:1px solid #3f3f3f!important;gap:7px!important;align-items:center!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow>span{font-size:11px!important;font-weight:500!important;color:#c3c3c3!important;white-space:nowrap!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow input[type="color"]{
  width:30px!important;height:30px!important;padding:2px!important;border:1px solid #5c5c5c!important;border-radius:2px!important;background:#202020!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorRow input[type="text"]{
  height:30px!important;padding:0 6px!important;border:1px solid #555!important;border-radius:2px!important;background:#202020!important;color:#e7e7e7!important;font:500 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__objgradopts{padding:7px 0 3px!important;gap:10px!important}
.gfpm__page[data-ui-page="color"] .gfpm__objgradopts label{font-size:10px!important;color:#a9a9a9!important}
.gfpm__page[data-ui-page="color"] .gfpm__objgradopts input[type="range"]{accent-color:#1473e6!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerRule{margin:0!important;padding:10px 12px 12px!important;border-top:0!important;color:#929292!important;font-size:10px!important;line-height:1.45!important}
.gfpm__page[data-ui-page="color"] .gfpm__hint{color:#9f9f9f!important;font-size:11px!important;line-height:1.45!important}
.gfpm__page[data-ui-page="color"] .gfpm__selected-note{background:#292929!important;border-color:#474747!important;color:#b8b8b8!important}
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorList::-webkit-scrollbar{width:8px}.gfpm__page[data-ui-page="color"] .gfpm__pickerColorList::-webkit-scrollbar-track{background:#292929}.gfpm__page[data-ui-page="color"] .gfpm__pickerColorList::-webkit-scrollbar-thumb{background:#555;border:2px solid #292929;border-radius:8px}

/* v5.8.5 — Simple single color editor
   Keep the color engine intact; present only the primary object color control. */
.gfpm__page[data-ui-page="color"] .gfpm__pickerCount,
.gfpm__page[data-ui-page="color"] .gfpm__pickerColorList{
  display:none!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerPrimary{
  grid-template-columns:40px minmax(0,1fr)!important;
  padding-bottom:12px!important;
}
.gfpm__page[data-ui-page="color"] .gfpm__pickerRule{
  border-top:1px solid #444!important;
}

/* v5.9.0 — Trial & Premium access UI (engine untouched) */
.gfpm__menu button.is-premium-locked,.gfpm__formatgrid button.is-premium-locked{position:relative;padding-right:24px!important}
.gfpm__premiumLock{position:absolute;right:7px;top:50%;transform:translateY(-50%) rotate(45deg);width:7px;height:7px;font-size:0;background:#8f8f8f;border-radius:1px}
.gfpm__menu button.is-premium-locked:hover .gfpm__premiumLock,.gfpm__formatgrid button.is-premium-locked:hover .gfpm__premiumLock{background:#d7d7d7}
.gfpm__widebtn.is-premium-locked{background:#343434!important;border-color:#515151!important;color:#d8d8d8!important}
.gfpm__premiumInline{display:inline-flex;margin-left:7px;padding:2px 6px;border:1px solid #646464;border-radius:2px;color:#bdbdbd;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.gfpm__premiumModal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}
.gfpm__premiumModal[hidden]{display:none!important}
.gfpm__premiumDialog{width:min(460px,calc(100vw - 28px));background:#2b2b2b;border:1px solid #4b4b4b;border-radius:5px;box-shadow:0 18px 55px rgba(0,0,0,.42);color:#eee;overflow:hidden}
.gfpm__premiumHead{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 14px;border-bottom:1px solid #444;background:#303030}.gfpm__premiumHead strong{font-size:13px;font-weight:600}.gfpm__premiumHead button{width:28px;height:28px;border:0;background:transparent;color:#aaa;font-size:20px;cursor:pointer}.gfpm__premiumHead button:hover{color:#fff}
.gfpm__premiumBody{padding:0;text-align:center;background:#252525}.gfpm__premiumPreview{height:205px;padding:25px 40px;background:linear-gradient(145deg,#353535,#222);border-bottom:1px solid #444;box-sizing:border-box}.gfpm__premiumPreview{display:flex;align-items:center;justify-content:center}.gfpm__premiumPreview>div:first-child{}.gfpm__premiumPreviewBar{width:100%;height:27px;background:#303030;border:1px solid #4a4a4a;border-bottom:0;border-radius:5px 5px 0 0;display:flex;align-items:center;gap:5px;padding:0 9px;box-sizing:border-box;text-align:left}.gfpm__premiumPreviewBar span{width:5px;height:5px;border-radius:50%;background:#777}.gfpm__premiumPreviewBar b{margin-left:6px;color:#aaa;font-size:8px;font-weight:500}.gfpm__premiumPreviewWorkspace{width:100%;height:125px;display:grid;grid-template-columns:42px 1fr 48px;background:#1f1f1f;border:1px solid #4a4a4a;border-top:0;border-radius:0 0 5px 5px;overflow:hidden;box-shadow:0 14px 28px rgba(0,0,0,.28)}.gfpm__premiumPreviewSide{padding:10px 7px;background:#292929;border-right:1px solid #3b3b3b}.gfpm__premiumPreviewSide--right{border-right:0;border-left:1px solid #3b3b3b}.gfpm__premiumPreviewSide i{display:block;height:4px;margin:0 0 8px;background:#555;border-radius:2px}.gfpm__premiumPreviewCanvas{margin:14px;background:#d9d4ca;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px}.gfpm__premiumPreviewCanvas i{background:#59615b;border-radius:50% 18% 50% 22%;transform:rotate(34deg)}.gfpm__premiumCopy{padding:25px 30px 28px}.gfpm__premiumBody h3{margin:0 0 7px;font-size:18px;font-weight:600;color:#f5f5f5}.gfpm__premiumBody p{margin:0 auto;color:#aaa;font-size:12px;line-height:1.5;max-width:330px}.gfpm__premiumBody .gfpm__btn{margin-top:18px;min-width:150px}


/* v5.9.2 — visible server-side access status beside Live preview */
.gfpm__previewMeta{display:flex;align-items:center;gap:8px;min-width:0}
.gfpm__accessBadge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border:1px solid #555;border-radius:3px;background:#343434;color:#c8c8c8;font-size:9px;font-weight:700;line-height:1;letter-spacing:.055em;white-space:nowrap}
.gfpm__accessBadge--admin{border-color:#6a6a6a;background:#3b3b3b;color:#f1f1f1}
.gfpm__accessBadge--premium{border-color:#696969;background:#3a3a3a;color:#ededed}
.gfpm__accessBadge--trial{border-color:#5e5e5e;background:#373737;color:#d7d7d7}
.gfpm__accessBadge--free{border-color:#505050;background:#303030;color:#a9a9a9}
@media(max-width:760px){.gfpm__accessBadge{font-size:8px;padding:0 5px}.gfpm__previewMeta{gap:5px}}

/* v5.9.3 — account access badge + true 7-day trial gate */
.gfpm__topbar>.gfpm__accessBadge{margin-left:18px;margin-right:auto}
.gfpm__topbar>.gfpm__topactions{margin-left:10px}
.gfpm__accessBadge{min-height:22px;padding:0 8px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.055em;border:1px solid transparent}
.gfpm__accessBadge--admin{background:rgba(38,128,235,.14);border-color:rgba(38,128,235,.55);color:#69a9f3}
.gfpm__accessBadge--premium{background:rgba(217,164,65,.13);border-color:rgba(217,164,65,.55);color:#e3b85f}
.gfpm__accessBadge--trial{background:rgba(138,138,138,.13);border-color:#555;color:#bcbcbc}
.gfpm__accessBadge--free{background:rgba(230,134,25,.12);border-color:rgba(230,134,25,.55);color:#eea34d}
.gfpm__workspace.is-trial-expired{position:relative;overflow:hidden}
.gfpm__workspace.is-trial-expired>.gfpm__panel,.gfpm__workspace.is-trial-expired>.gfpm__stage{filter:blur(2px);opacity:.28;pointer-events:none;user-select:none}
.gfpm__trialGate{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(31,31,31,.72);backdrop-filter:blur(3px)}
.gfpm__trialGateCard{width:min(430px,calc(100% - 28px));padding:30px 28px;text-align:center;background:#292929;border:1px solid #4a4a4a;border-radius:6px;box-shadow:0 18px 48px rgba(0,0,0,.28);color:#eee}
.gfpm__trialGateIcon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;border-radius:5px;background:#2680eb;color:#fff;font-size:17px;font-weight:800}
.gfpm__trialGateCard h2{margin:0 0 9px;font-size:17px;font-weight:600;color:#f1f1f1}
.gfpm__trialGateCard p{max-width:350px;margin:0 auto;color:#aaa;font-size:12px;line-height:1.6}
.gfpm__trialGateCard .gfpm__btn{margin-top:19px;background:#2680eb!important;border-color:#2680eb!important;color:#fff!important}
@media(max-width:700px){.gfpm__topbar>.gfpm__accessBadge{margin-left:8px}.gfpm__accessBadge{font-size:8px;padding:0 6px}}


/* v5.9.4 — access badge above Ready status; Admin blue, Premium green, Trial/Free amber */
.gfpm__topbar>.gfpm__accessBadge{display:none!important}
.gfpm__topbar>.gfpm__topactions{margin-left:auto}
.gfpm__canvasStatus{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0}
.gfpm__readyLine{display:flex;align-items:center;gap:7px;min-width:0}
.gfpm__canvasStatus .gfpm__accessBadge{min-height:19px;padding:0 7px;font-size:8px;line-height:1;border-radius:3px}
.gfpm__canvasStatus .gfpm__accessBadge--admin{background:rgba(38,128,235,.14);border-color:rgba(38,128,235,.58);color:#69a9f3}
.gfpm__canvasStatus .gfpm__accessBadge--premium{background:rgba(46,160,67,.14);border-color:rgba(46,160,67,.58);color:#64c878}
.gfpm__canvasStatus .gfpm__accessBadge--trial,.gfpm__canvasStatus .gfpm__accessBadge--free{background:rgba(217,164,65,.14);border-color:rgba(217,164,65,.58);color:#e3b85f}
@media(max-width:700px){.gfpm__canvasStatus{gap:4px}.gfpm__canvasStatus .gfpm__accessBadge{font-size:7px;padding:0 5px}}

/* v5.9.5 — give the account/status block comfortable breathing room above the canvas */
.gfpm__canvasbar{
  height:54px!important;
  min-height:54px!important;
  padding:2px 3px 14px!important;
  align-items:flex-start!important;
}
.gfpm__canvasStatus{gap:5px}
body.gfpm-fullscreen-page .gfpm__canvasbar{
  height:54px!important;
  min-height:54px!important;
  padding:2px 3px 14px!important;
}
@media(max-width:700px){
  .gfpm__canvasbar,
  body.gfpm-fullscreen-page .gfpm__canvasbar{
    height:50px!important;
    min-height:50px!important;
    padding:1px 2px 12px!important;
  }
}

/* v5.9.6 — Premium contact during early access */
.gfpm__premiumBody .gfpm__premiumContact,.gfpm__trialGateCard .gfpm__premiumContact{margin:13px auto 0;max-width:330px;color:#bdbdbd;font-size:11px;line-height:1.55}
.gfpm__premiumContact a{color:#69c77b;text-decoration:none;font-weight:600}
.gfpm__premiumContact a:hover{text-decoration:underline;color:#7ed78f}
/* v6.4.4 — Premium popup button spacing */
.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn{margin-top:26px;text-decoration:none!important}
.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn:hover,.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn:focus,.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn:active{text-decoration:none!important}

/* v6.4.4 — keep premium CTA clearly separated from helper copy */
.gfpm__premiumBody .gfpm__premiumCopy p{margin:0 auto 24px!important}
.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin:0!important;
  text-decoration:none!important;
}
.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn:hover,
.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn:focus,
.gfpm__premiumBody .gfpm__premiumCopy .gfpm__btn:active{text-decoration:none!important}

/* v6.4.7 Mobile fullscreen isolation: never reveal the WordPress theme behind the app. */
body.gfpm-fullscreen-page #wpadminbar,
body.gfpm-fullscreen-page header:not(.gfpm__topbar):not(.gfpm-intro__nav),
body.gfpm-fullscreen-page footer:not(.gfpm-intro__footer),
body.gfpm-fullscreen-page .site-header,
body.gfpm-fullscreen-page .site-footer,
body.gfpm-fullscreen-page #masthead,
body.gfpm-fullscreen-page #colophon{display:none!important}
@media(max-width:700px){body.gfpm-fullscreen-page{overscroll-behavior:none!important}body.gfpm-fullscreen-page .gfpm{isolation:isolate!important;box-shadow:0 0 0 100vmax #1f1f1f!important}}

/* Gentle upgrade and renewal links beside the remaining access time. */
.gfpm__accessLine{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
.gfpm .gfpm__accessInvite{color:#a8bdd5;font-size:11px;line-height:1.5;font-weight:400;text-decoration:none}
.gfpm .gfpm__accessInvite:hover{color:#d1e5ff;text-decoration:underline;text-underline-offset:3px}
.gfpm .gfpm__accessInvite:focus-visible{outline:2px solid #69a9f3;outline-offset:3px;border-radius:2px}
.gfpm .gfpm__canvasbar,body.gfpm-fullscreen-page .gfpm__canvasbar{height:auto!important;flex-shrink:0}
@media(max-width:700px){.gfpm .gfpm__accessInvite{font-size:10px}.gfpm__accessLine{gap:3px 7px}}

/* Keep tool panels focused on controls, without instructional copy.
   Retain dynamic hint nodes for the editor's existing event handlers. */
.gfpm__panel .gfpm__hint,
.gfpm__panel .gfpm__clickhint,
.gfpm__panel .gfpm__selected-note,
.gfpm__panel .gfpm__pickerRule,
.gfpm__panel [data-picked-meta],
.gfpm__panel .gfpm__seamlessPanel .gfpm__switchrow small{display:none!important}
.gfpm__arrange{margin-top:18px;padding-top:16px;border-top:1px solid #414141}
.gfpm__arrangeButtons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gfpm__arrangeButtons button{padding:9px 3px;border:1px solid #555;border-radius:4px;background:#353535;color:#eee;font:inherit;font-size:11px;cursor:pointer}
.gfpm__arrangeButtons button:hover:not(:disabled){background:#454545;border-color:#888}
.gfpm__arrangeButtons button:disabled{opacity:.35;cursor:default}
.gfpm__arrangeButtons button:focus-visible{outline:2px solid #69a9f3;outline-offset:2px}
.gfpm__artworkItem[draggable=true]{cursor:grab}.gfpm__artworkItem.is-dragging{opacity:.45;cursor:grabbing}.gfpm__artworkItem.is-drop-target{outline:2px solid #2680eb;outline-offset:-2px;background:#243b54}