.frmwrk-site .frmwrk-trim-gallery{position:relative;isolation:isolate;overflow:hidden;background:#f5f4f0;color:#17191c;padding:64px max(24px,calc((100vw - 1420px)/2)) 26px;scroll-margin-top:80px}
.frmwrk-trim-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center 40%;opacity:.065;filter:grayscale(1);pointer-events:none;z-index:-2}
.frmwrk-trim-gallery::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f5f4f0b0,transparent 45%,#f5f4f070),radial-gradient(ellipse at 48% 40%,#fff9,transparent 65%)}
.frmwrk-trim-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.frmwrk-site .frmwrk-trim-gallery .frmwrk-kicker{color:#45484b!important;margin:0;font-size:11px}
.frmwrk-trim-picker{display:flex;gap:16px;align-items:center;color:#44484c;font-size:12px}
.frmwrk-trim-picker select{appearance:auto;background:#fff9;color:#17191c;font:500 14px Kanit,Arial,sans-serif;border:1px solid #1a1c2028;padding:12px 30px 12px 14px;max-width:240px;border-radius:2px;min-height:46px}
.frmwrk-trim-picker option{background:white;color:#17191c}
.frmwrk-trim-stage{position:relative;height:580px;margin:15px 0 0;overflow:hidden}
.frmwrk-trim-title{position:absolute;left:3%;top:12%;z-index:2;pointer-events:none;width:35%}
.frmwrk-trim-title>span{font-size:12px;letter-spacing:3px;color:#62666b}
.frmwrk-site .frmwrk-trim-title h2{font-family:'FRMWRK Kanit',Kanit,sans-serif!important;font-size:clamp(36px,4.8vw,74px);font-weight:800;line-height:.98;color:#17191c!important;-webkit-text-fill-color:#17191c;margin:18px 0 0;overflow-wrap:break-word;text-wrap:balance;letter-spacing:-1.5px}
.frmwrk-trim-stage canvas{display:block!important;position:absolute;left:23%;top:0;width:72%!important;height:92%!important;max-width:none!important;cursor:grab;outline-offset:-8px;touch-action:pan-y}
.frmwrk-trim-stage canvas.is-dragging{cursor:grabbing}


.frmwrk-site .frmwrk-trim-arrow{position:absolute;z-index:3;top:45%;display:grid;place-items:center;width:48px;height:48px;min-width:48px;background:#ffffffb3;border:1px solid #2225;border-radius:50%;color:#191b1d;font:600 24px Kanit,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.frmwrk-trim-arrow.is-prev{left:0}.frmwrk-trim-arrow.is-next{right:0}
.frmwrk-site .frmwrk-trim-arrow:hover{background:#ff5a00;color:#fff;transform:scale(1.07);border-color:#ff5a00}
.frmwrk-trim-bottom{position:absolute;left:3%;right:3%;bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:24px;z-index:2;pointer-events:none}
.frmwrk-trim-bottom p{font-size:15px;line-height:1.5;margin:0;color:#24272a}.frmwrk-trim-bottom p span{color:#62666b;font-size:12px}
.frmwrk-trim-tools{display:flex;gap:10px;pointer-events:auto}
.frmwrk-site .frmwrk-trim-tools button,.frmwrk-site .frmwrk-trim-retry{font:500 12px Kanit,sans-serif;color:#25272b;background:#fff8;border:1px solid #2224;border-radius:2px;min-height:44px;padding:10px 16px;cursor:pointer}
.frmwrk-site .frmwrk-trim-tools button:hover{background:#17191c;color:#fff}
.frmwrk-trim-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #17191c26;gap:0}
.frmwrk-site .frmwrk-trim-card{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;padding:18px 14px;min-height:104px;color:#3f4449;background:transparent;border:0;border-right:1px solid #17191c14;font:600 14px Kanit,sans-serif;text-align:left;cursor:pointer;transition:background .25s}
.frmwrk-trim-card:last-child{border-right:0}
.frmwrk-site .frmwrk-trim-card[aria-current=true]{background:#fff9;color:#111}
.frmwrk-trim-card[aria-current=true]::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:#ff5a00}
.frmwrk-trim-card img{display:block!important;width:64px!important;height:64px!important;flex:0 0 64px;object-fit:contain;mix-blend-mode:multiply}
.frmwrk-trim-card:hover{background:#fff7!important}
.frmwrk-trim-status{min-height:22px;margin:14px 0 0;color:#54585c;font-size:12px;text-align:center}
.frmwrk-trim-fallback{position:absolute;left:35%;top:7%;width:55%!important;height:70%!important;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.frmwrk-trim-gallery [hidden]{display:none!important}
.frmwrk-trim-gallery :is(button,select,canvas):focus-visible{outline:2px solid #e65000;outline-offset:4px}
.frmwrk-trim-retry{display:block;margin:10px auto}
.frmwrk-visualizer-tool{padding:0;background:#050505;color:#191b1e}
.frmwrk-visualizer-tool :is(h1,h2,h3,h4){font-family:inherit!important;font-weight:inherit!important}
@media(max-width:1100px){.frmwrk-trim-title{width:32%;left:4%}.frmwrk-trim-title h2{font-size:54px!important}.frmwrk-trim-card{flex-direction:column;gap:4px!important;font-size:12px!important;text-align:center!important}.frmwrk-trim-stage{height:540px}}
@media(max-width:700px){.frmwrk-site .frmwrk-trim-gallery{padding:38px 18px 22px}.frmwrk-trim-top{align-items:start;gap:20px;flex-direction:column}.frmwrk-trim-picker{width:100%;justify-content:space-between}.frmwrk-trim-picker select{max-width:70%;font-size:16px}.frmwrk-trim-stage{height:555px;margin-top:20px}.frmwrk-trim-title{left:0;top:10px;width:100%;text-align:center}.frmwrk-site .frmwrk-trim-title h2{font-size:42px!important;max-width:100%;margin-top:10px;letter-spacing:-.5px}.frmwrk-trim-title>span{font-size:10px}.frmwrk-trim-stage canvas{left:0;top:120px;width:100%!important;height:330px!important}.frmwrk-site .frmwrk-trim-arrow{top:48%;width:42px;height:42px;min-width:42px}.frmwrk-trim-bottom{bottom:0;left:0;right:0;align-items:center;gap:10px;flex-direction:column}.frmwrk-trim-bottom p{text-align:center;font-size:13px}.frmwrk-trim-bottom p span{display:none}.frmwrk-trim-tools button{padding:9px 14px!important;font-size:12px!important}.frmwrk-trim-rail{margin-top:26px;grid-template-columns:repeat(3,minmax(0,1fr))}.frmwrk-trim-card:first-child,.frmwrk-trim-card:last-child{display:none!important}.frmwrk-site .frmwrk-trim-card{padding:12px 5px;min-height:108px;font-size:11px!important;line-height:1.2}.frmwrk-trim-card img{width:54px!important;height:54px!important;flex-basis:54px}.frmwrk-trim-fallback{left:12%;top:145px;width:76%!important;height:280px!important}.frmwrk-trim-status{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.frmwrk-trim-gallery *{transition:none!important}}
/* Full-width shortcode pages inside constrained WordPress block themes. */
.frmwrk-page .wp-block-post-title{display:none!important}
.frmwrk-page .wp-block-post-content,.frmwrk-page .wp-site-blocks>main,.frmwrk-page .wp-block-group:has(.wp-block-post-content){max-width:none!important;margin:0!important;padding:0!important}
.frmwrk-page .wp-block-post-content>.frmwrk-site{max-width:none!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}
@media(max-width:700px){.frmwrk-site .frmwrk-trim-gallery[data-long-name=true] .frmwrk-trim-title h2{font-size:32px!important;line-height:1}}

/* The embedded tool starts directly below the shared header, without a spacer. */
.frmwrk-visualizer-page #visualizer-main{margin:0!important;padding:90px 0 0!important;gap:0;background:#050505}
.frmwrk-visualizer-page .frmwrk-visualizer-tool{margin:0!important;padding:0!important}
.frmwrk-visualizer-tool>:first-child{margin-top:0!important}
.frmwrk-visualizer-page .frmwrk-visualizer-intro{padding-top:70px}
.frmwrk-nav .frmwrk-mobile-phone{display:none}
@media(max-width:900px){
 .frmwrk-visualizer-page #visualizer-main{padding-top:72px!important}
 .frmwrk-nav{max-height:calc(100dvh - 72px);overflow-y:auto}
 .frmwrk-nav .frmwrk-mobile-phone{display:block}
 .admin-bar .frmwrk-nav{top:72px;max-height:calc(100dvh - 104px)}
}
@media(max-width:782px){.admin-bar .frmwrk-nav{max-height:calc(100dvh - 118px)}}