body .walkthrough-dialog{position:fixed;inset:0;width:100vw!important;max-width:none!important;height:100dvh;max-height:none!important;margin:0;padding:0!important;border:0;border-radius:0!important;background:#14231f;color:#edf1e9;overflow:hidden;font:500 14px/1.4 Arial,Helvetica,sans-serif;overscroll-behavior:none}
.walkthrough-dialog::backdrop{background:#14231f}
.walkthrough-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}
.walkthrough-dialog *{box-sizing:border-box}
.walkthrough-dialog .wt-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));background:#162822;flex-shrink:0;border-bottom:1px solid #ffffff20}
.walkthrough-dialog .wt-title{min-width:0}
.walkthrough-dialog .wt-title small{display:block;font-size:10px!important;letter-spacing:1.3px!important;color:#bce589;font-weight:600!important}
.walkthrough-dialog .wt-title h2{color:#f1f4ed;font-size:19px!important;line-height:1.25;margin:4px 0 0;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700!important}
.walkthrough-dialog button,.walkthrough-dialog select{font:600 13px/1.3 Arial,Helvetica,sans-serif!important;color:#eff4e8;letter-spacing:0!important;min-height:40px;border:1px solid #ffffff35;border-radius:5px;background:#ffffff0b;padding:9px 12px;cursor:pointer}
.walkthrough-dialog button:hover{background:#ffffff20}
.walkthrough-dialog button:focus-visible,.walkthrough-dialog select:focus-visible,.wt-canvas:focus-visible{outline:3px solid #b5ee78;outline-offset:-3px}
.walkthrough-dialog .wt-close{font-size:23px!important;width:44px;min-height:44px;flex-shrink:0;padding:3px}
.walkthrough-dialog .wt-toolbar{padding:9px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#1c3129;border-bottom:1px solid #ffffff18;flex-shrink:0}
.walkthrough-dialog .wt-toolbar button[aria-pressed="true"]{background:#bce889;color:#1b3023;border-color:#bce889}
.walkthrough-dialog .wt-toolbar .wt-eye{display:flex;align-items:center;gap:7px;margin-left:auto;color:#d3ddce;font-size:12px!important;white-space:nowrap}
.walkthrough-dialog .wt-eye select{min-height:36px;padding:6px 8px;background:#243c30;color:#fff}
.walkthrough-dialog .wt-eye option{color:#fff;background:#243c30}
.wt-viewport{position:relative;flex:1;min-height:160px;background:#c4d1d7;overflow:hidden;isolation:isolate}
.wt-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:0}
.wt-canvas:active{cursor:grabbing}
.walkthrough-dialog .wt-status{position:absolute;left:15px;top:12px;max-width:calc(100% - 30px);background:#142820d9;padding:7px 11px;border-radius:4px;color:#f6f9f1;font:600 11px/1.5 Arial!important;pointer-events:none;z-index:2}
.walkthrough-dialog .wt-status span{font-size:11px!important;line-height:1.5}
.walkthrough-dialog .wt-start{position:absolute;left:24px;bottom:25px;z-index:3;width:min(350px,calc(100% - 48px));padding:20px;background:#142820eb;border:1px solid #ffffff35;border-radius:8px;box-shadow:0 10px 40px #12231930;color:#eef4e8}
.walkthrough-dialog .wt-start h3{font-size:23px!important;color:#f5f8ef;margin:0 0 9px;line-height:1.2}
.walkthrough-dialog .wt-start p{font-size:13px!important;line-height:1.6;color:#d0ddc9;margin:0 0 14px}
.walkthrough-dialog .wt-primary{background:#bce889;color:#1b3023;border-color:#bce889;width:100%;min-height:44px}
.walkthrough-dialog .wt-controls-hint{position:absolute;left:50%;bottom:19px;transform:translateX(-50%);max-width:65%;padding:8px 13px;background:#142820dc;border-radius:5px;color:#fff;font-size:12px!important;text-align:center;pointer-events:none}
.walkthrough-dialog .wt-look-hint{display:none;position:absolute;right:25px;bottom:65px;pointer-events:none;color:#fff;background:#142820b8;border-radius:30px;padding:14px;font-size:11px!important;letter-spacing:.8px!important}
.wt-minimap{position:absolute;right:17px;top:48px;width:155px;height:155px;border:1px solid #ffffff70;border-radius:7px;background:#18291fe8;box-shadow:0 4px 18px #16252030;pointer-events:none;z-index:2}
.walkthrough-dialog .wt-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:9px 20px;padding-bottom:max(9px,env(safe-area-inset-bottom));background:#162822;border-top:1px solid #ffffff1a;flex-shrink:0}
.walkthrough-dialog .wt-footer p{font-size:11px!important;line-height:1.5;margin:0;color:#c3d0b8;max-width:1000px}
.walkthrough-dialog .wt-footer strong{font-size:11px!important;color:#d5e8b6}
.walkthrough-dialog .wt-footer button{min-height:34px;white-space:nowrap;font-size:11px!important}
.wt-crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2px;border:1px solid #ffffffc0;border-radius:50%;box-shadow:0 0 0 1px #14282060;pointer-events:none}
.walkthrough-dialog .wt-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#192f25;color:#eef5e8;text-align:center;padding:35px;z-index:8}
.walkthrough-dialog .wt-error p{font-size:15px!important;line-height:1.6;max-width:520px;color:#eef5e8}
.walkthrough-dialog .wt-error h3{font-size:24px!important;color:#fff}
.walkthrough-dialog .wt-error button{background:#bce889;color:#142820}
.wt-pad{position:absolute;bottom:25px;left:24px;width:124px;height:124px;border-radius:50%;border:1px solid #ffffff70;background:#14282066;touch-action:none;display:none;user-select:none;-webkit-user-select:none}
.wt-pad:before,.wt-pad:after{content:"";position:absolute;left:50%;top:50%;background:#ffffff35;pointer-events:none}
.wt-pad:before{width:1px;height:100px;transform:translate(-50%,-50%)}
.wt-pad:after{width:100px;height:1px;transform:translate(-50%,-50%)}
.wt-thumb{position:absolute;width:44px;height:44px;border:1px solid #f1ffddaa;border-radius:50%;background:#bce889aa;left:calc(50% - 22px);top:calc(50% - 22px);pointer-events:none}
.walkthrough-dialog .wt-pad-label{position:absolute;top:-25px;left:0;width:100%;text-align:center;font-size:10px!important;color:#fff;letter-spacing:1px!important;text-shadow:0 1px 3px #000}
.walkthrough-dialog [hidden]{display:none!important}
.walkthrough-dialog .wt-pad button{position:absolute;background:transparent;border:0;min-height:30px;width:30px;height:30px;padding:0;line-height:1!important;font-size:15px!important;color:#fff}
.wt-pad [data-move="forward"]{top:1px;left:46px}
.wt-pad [data-move="back"]{bottom:1px;left:46px}
.wt-pad [data-move="left"]{top:46px;left:1px}
.wt-pad [data-move="right"]{top:46px;right:1px}
.wt-access-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#203c2c!important;color:#e9f8dd!important;border:1px solid #577845!important;border-radius:4px;padding:10px 14px;min-height:40px;cursor:pointer;font-weight:700!important;font-size:12px!important}
.wt-access-button:hover{background:#30583d!important}
.design-card-footer .wt-access-button{font-size:11px!important;padding:9px 11px}
body.matchbook-app #detail .tabs [data-walkthrough]{background:#274b32;color:#eff8e5;border:1px solid #577845}
@media(hover:none),(max-width:760px){
 .walkthrough-dialog .wt-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));gap:8px}
 .walkthrough-dialog .wt-title h2{font-size:16px!important}
 .walkthrough-dialog .wt-title small{font-size:9px!important}
 .walkthrough-dialog .wt-toolbar{padding:7px 10px;gap:6px}
 .walkthrough-dialog .wt-toolbar button{font-size:11px!important;padding:8px 9px;min-height:38px}
 .walkthrough-dialog .wt-toolbar .wt-eye{font-size:11px!important;margin-left:0}
 .walkthrough-dialog .wt-eye select{font-size:11px!important;min-height:36px;padding:6px}
 .walkthrough-dialog .wt-mouse,.walkthrough-dialog .wt-fullscreen{display:none}
 .walkthrough-dialog .wt-status{font-size:10px!important;left:10px;top:8px;padding:5px 8px}
 .walkthrough-dialog .wt-start{left:14px;bottom:15px;width:min(320px,calc(100% - 28px));padding:17px}
 .walkthrough-dialog .wt-start h3{font-size:21px!important}
 .walkthrough-dialog .wt-start p{font-size:12px!important}
 .walkthrough-dialog .wt-controls-hint{display:none}
 .walkthrough-dialog .wt-look-hint{display:block}
 .wt-minimap{width:120px;height:120px;right:10px;top:42px}
 .walkthrough-dialog .wt-footer{padding:7px 11px;padding-bottom:max(7px,env(safe-area-inset-bottom));gap:10px}
 .walkthrough-dialog .wt-footer p,.walkthrough-dialog .wt-footer strong{font-size:10px!important}
 .walkthrough-dialog .wt-footer button{font-size:10px!important;min-height:36px;padding:7px}
 .wt-pad{display:block;width:112px;height:112px;left:19px;bottom:22px}
 .wt-pad [data-move="forward"],.wt-pad [data-move="back"]{left:40px}
 .wt-pad [data-move="left"],.wt-pad [data-move="right"]{top:40px}
}
@media(max-height:480px){
 .walkthrough-dialog .wt-header{padding:6px 12px}
 .walkthrough-dialog .wt-title small{display:none}
 .walkthrough-dialog .wt-toolbar{padding:4px 10px}
 .walkthrough-dialog .wt-toolbar button{min-height:32px}
 .walkthrough-dialog .wt-footer{padding:4px 10px}
 .walkthrough-dialog .wt-footer p{font-size:9px!important}
 .walkthrough-dialog .wt-start{bottom:12px;max-width:300px;padding:12px}
 .walkthrough-dialog .wt-start h3{font-size:18px!important}
 .walkthrough-dialog .wt-start p{font-size:11px!important;margin-bottom:8px}
 .wt-pad{bottom:12px;width:100px;height:100px}
 .wt-pad [data-move="forward"],.wt-pad [data-move="back"]{left:34px}
 .wt-pad [data-move="left"],.wt-pad [data-move="right"]{top:34px}
}
body.matchbook-app .design-card-footer{flex-wrap:wrap;gap:10px}