#gp-trial9-scene{position:absolute;top:-100px;left:0;width:500px;height:1320px;display:none;pointer-events:none;overflow:visible}
#view1.gp-trial9-active #gp-trial9-scene{display:block}
#view1.gp-trial9-active>img[type="jacket"]:not([rel="maniquin"]):not([rel="shirt"]):not([rel="tie"]):not([rel="bow"]){visibility:hidden!important}
#view1.gp-trial9-active #gp-test-scene{display:none!important}
#view1.gp-trial9-active>img[rel="maniquin"],#view1.gp-trial9-active>img[rel="shirt"],#view1.gp-trial9-active>img[rel="tie"],#view1.gp-trial9-active>img[rel="bow"]{visibility:visible!important}
#gp-trial9-panel{position:fixed;right:18px;top:95px;width:290px;max-height:calc(100dvh - 165px);overflow-y:auto;z-index:10004;padding:16px;background:#fff;border:1px solid #d5c3a0;border-radius:8px;box-shadow:0 4px 20px #0002;color:#343434;font:13px/1.4 Arial,sans-serif}
#gp-trial9-panel[hidden]{display:none!important}
#gp-trial9-panel .t9-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;color:#861c2a}
#gp-trial9-panel label{display:block;font-weight:600;margin:10px 0}
#gp-trial9-panel select{display:block;width:100%;margin-top:4px;padding:7px;border:1px solid #ccc;border-radius:4px;background:white;color:#333}
#gp-trial9-panel button,#t9-open{padding:7px 10px;color:#861c2a;background:white;border:1px solid #861c2a;border-radius:4px;cursor:pointer;font:inherit}
#gp-trial9-panel .t9-layer-switch{font-weight:400;margin:7px 0}
#gp-trial9-panel output{display:block;padding-top:10px;font-size:12px;color:#777}
#gp-style-trial9{clear:none;display:inline-block;vertical-align:top;width:50%;border-top:1px solid #ddd;margin-top:10px}
#gp-style-trial9 button{display:block;width:100%;min-height:140px;border:0;background:#fff9ed;color:#861c2a;text-align:center;padding:12px 4px;font:11px/1.4 Arial,sans-serif;cursor:pointer}
#gp-style-trial9 .option_icon{display:block;font-size:48px;margin-bottom:10px}
#gp-style-trial9 small{display:block;margin-top:5px}
#gp-style-trial9.t9-selected{box-shadow:inset 0 -3px #a01a2c}
@media(max-width:900px){#gp-trial9-panel{top:auto;bottom:68px;right:8px;width:min(280px,calc(100vw - 16px));max-height:40dvh;padding:12px}#gp-test-bar{padding:6px 10px;gap:6px}#gp-test-status{display:none}}


#view1.gp-trial9-active>img[rel="shirt"]{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%201320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M180%200%20H320%20V340%20H180%20Z%20M55%20664%20H125%20V691%20H55%20Z%20M375%20664%20H445%20V691%20H375%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%201320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M180%200%20H320%20V340%20H180%20Z%20M55%20664%20H125%20V691%20H55%20Z%20M375%20664%20H445%20V691%20H375%20Z%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
#view1.gp-trial9-active>img[rel="maniquin"]{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%201320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M140%200%20H360%20V210%20H140%20Z%20M40%20665%20H138%20V800%20H40%20Z%20M362%20665%20H460%20V800%20H362%20Z%20M0%20775%20H500%20V1320%20H0%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%201320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M140%200%20H360%20V210%20H140%20Z%20M40%20665%20H138%20V800%20H40%20Z%20M362%20665%20H460%20V800%20H362%20Z%20M0%20775%20H500%20V1320%20H0%20Z%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
#view1.gp-trial9-active>img[type="vest"]{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%201320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M190%20175%20H310%20V340%20H190%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%201320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M190%20175%20H310%20V340%20H190%20Z%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

@media(max-width:900px){
 #view1.gp-trial9-active>img,#view1.gp-trial9-active #gp-trial9-scene{width:250px!important;height:660px!important;left:calc(50% - 125px)!important;top:20px!important;max-width:none!important}
}

#mainImageHolder #view1.gp-trial9-active>img{visibility:hidden!important}

body.gp-layered9-active #view1>svg:not(#gp-trial9-scene){visibility:hidden!important}
body.gp-layered9-active #Inside{opacity:.3;cursor:not-allowed}
#gp-trial9-panel{top:150px;max-height:calc(100dvh - 220px)}
@media(max-width:900px){#gp-trial9-panel{top:auto;bottom:18px;max-height:38dvh}}

#gp-trial9-rear-scene{position:absolute;display:none;pointer-events:none;overflow:visible}
#view2.gp-trial9-rear-active #gp-trial9-rear-scene{display:block}
#mainImageHolder #view2.gp-trial9-rear-active>img{visibility:hidden!important}
body.gp-layered9-active #view2>svg:not(#gp-trial9-rear-scene){visibility:hidden!important}
#gp-trial9-panel .t9-view-switch{display:flex;gap:8px;margin:10px 0}
#gp-trial9-panel .t9-view-switch button{flex:1}
#gp-trial9-panel .t9-view-switch button[aria-pressed="true"]{background:#861c2a;color:white}
#gp-trial9-panel .t9-back-layers label{font-weight:400}
@media(max-width:900px){#view2.gp-trial9-rear-active #gp-trial9-rear-scene{width:250px!important;height:660px!important;left:calc(50% - 125px)!important;top:20px!important;max-width:none!important}}

/* User-supplied common-material approach, scoped to the actual ninth-model SVG. */
#gp-trial9-rear-scene.model-9-back{filter:none!important}
#gp-trial9-rear-scene.model-9-back .jacket-back-body,
#gp-trial9-rear-scene.model-9-back .jacket-sleeves-back{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}

/* White satin trial: apply once per cloth part, only in model 9 and fabric 140. */
#gp-trial9-scene[data-fabric="140"] > [data-layer="sleeves"],
#gp-trial9-scene[data-fabric="140"] > [data-layer="left-front"],
#gp-trial9-scene[data-fabric="140"] > [data-layer="right-front"],
#gp-trial9-scene[data-fabric="140"] > [data-layer="pockets"],
#gp-trial9-scene[data-fabric="140"][data-lapel-fabric="140"] > [data-layer="lapels"],
#gp-trial9-rear-scene.model-9-back [data-rear-layer="body"][data-fabric="140"],
#gp-trial9-rear-scene.model-9-back [data-rear-layer="sleeves"][data-fabric="140"],
#gp-trial9-rear-scene.model-9-back [data-rear-layer="collar"][data-fabric="140"]{
 filter:contrast(1.05) brightness(1.02)!important;opacity:1!important;background-blend-mode:overlay;
}
#gp-trial9-scene .pant-layer[data-gp-matched-trouser="140"],
#gp-trial9-rear-scene .pant-layer[data-gp-matched-trouser="140"]{
 filter:contrast(1.03) brightness(1.01)!important;mix-blend-mode:normal!important;opacity:1!important;
}

/* Model9 controls live inside the native left menu, never over the mannequin. */
#div1 > .box_options > #gp-trial9-panel.t9-sidebar-controls{
 position:relative;inset:auto;float:none;width:100%;max-width:100%;height:auto;
 max-height:calc(100dvh - 190px);margin:0;padding:12px;box-sizing:border-box;
 overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
 border:0;border-radius:0;box-shadow:none;background:#fff;z-index:auto;
}
body.gp-layered9-active.gp-layered9-sidebar #div1 > .box_options > :not(#gp-trial9-panel){display:none!important}
body.gp-layered9-active.gp-layered9-sidebar #div1 > .box_options{display:block!important}
#gp-trial9-panel.t9-sidebar-controls summary{cursor:pointer;padding:8px 0;color:#861c2a}
#gp-trial9-panel.t9-sidebar-controls select{min-height:36px}
@media(max-width:900px){
 #div1 > .box_options > #gp-trial9-panel.t9-sidebar-controls{
  max-height:calc(100dvh - 220px);padding:10px;
 }
 #gp-trial9-panel.t9-sidebar-controls select,#gp-trial9-panel.t9-sidebar-controls button{min-height:44px}
}

/* Native eighth style is the single entry; there is no separate editor. */
#gp-trial9-panel,#gp-style-trial9{display:none!important}
body.gp-layered9-active #view1.gp-trial9-active #gp-trial9-scene[style*="display: none"]{display:none!important}

.gp-native-lapel-colour{display:none}
body.gp-layered9-active #gp-native-lapel-colour{display:block;width:calc(100% - 16px);margin:8px;padding:11px 8px;border:1px solid #861c2a;color:#861c2a;background:white;cursor:pointer;font:inherit}
body.gp-layered9-active #div5 a.show-singal[target="10"],body.gp-layered9-active #div5 a.show-singal[target="11"],body.gp-layered9-active #div5 a.show-singal[target="12"]{visibility:visible!important}

body.gp-layered9-active #div5 li.gp-native-rever-option{display:block!important}

/* Keep the layered suit in frame when the native trouser/vest tab changes. */
body.gp-layered9-active .rtldf.activeUp,
body.gp-layered9-active .rtldf.activeDown{margin-top:0!important}

/* A small trouser focus, retaining the composed suit in frame. */
body.gp-layered9-active .rtldf.activeUp{margin-top:-60px!important}
@media(max-width:900px){body.gp-layered9-active .rtldf.activeUp{margin-top:-20px!important}}