@keyframes fadeInOut{0%{opacity:0}5%{opacity:1}70%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.3}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:#0f1419;color:#e6e6e6}.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{display:none!important}.touch-area,.touch-area *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.touch-area{touch-action:none}.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2px;gap:2px;padding:2px 4px;align-items:start}.cp-block{display:flex;flex-direction:column;gap:3px;min-width:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:5px 6px}.cp-block button,.cp-block input[type=date],.cp-block input[type=text],.cp-block input[type=time],.cp-block select{min-height:24px}.cp-block input[type=range]{height:20px}.cp-block>*{min-width:0;max-width:100%}.cp-block canvas,.cp-block img,.cp-block svg{max-width:100%;height:auto}.cp-block input[type=range]{width:100%!important;min-width:0!important;flex:1 1 60px}.cp-block label{min-width:0;flex-wrap:wrap}.cp-block .mapboxgl-map{max-width:100%}@media (max-width:1024px){.cp-e label{flex-wrap:wrap;row-gap:2px}.cp-e label>span{width:100%!important}.cp-e label input[type=range]{flex:1 1 100%;width:100%!important}.cp-g>div{flex-wrap:wrap;row-gap:3px}.cp-g input[type=text]{flex:0 0 auto}.jog-row{max-width:none!important;flex-wrap:wrap;row-gap:2px}.jog-label{width:100%!important}.jog-dial{flex:1 1 100%!important}}.cp-map{order:1;grid-row:span 2}.cp-d{order:2}.cp-e{order:3}.cp-f{order:4}.cp-g{order:5}.cp-wp{order:6;grid-column:1/-1}@media (max-width:1024px){.control-guide-desktop{display:none!important}.cp-map{grid-column:span 2;grid-row:auto}}@media (max-width:720px){.cp-grid{gap:2px;padding:2px 3px}}@media (max-width:600px){.header-row{padding:5px 8px!important;gap:8px!important}.header-row h1{font-size:16px!important}}.header-row{flex-wrap:nowrap!important}.header-row>.header-right{margin-left:auto!important;width:auto!important}.header-row>.header-right>*{white-space:nowrap}.header-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}@media (max-width:600px){.header-left{gap:6px}}@media (min-width:744px){.cp-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.cp-map{grid-column:span 4;grid-row:1}.cp-d,.cp-e,.cp-f,.cp-g{grid-column:span 2;grid-row:1}.cp-wp{grid-column:1/-1;grid-row:2}}@media (min-width:744px) and (max-width:1024px){.cp-block{padding:5px;gap:3px;font-size:11px}.cp-block button{padding:2px 4px!important;font-size:10px!important}.cp-block input[type=text]{width:38px!important;font-size:11px!important}.cp-block input[type=date],.cp-block input[type=time]{font-size:12px!important;padding:2px 3px!important}.cp-block select{font-size:11px!important;padding:3px 5px!important}.cp-g>div{flex-wrap:wrap;row-gap:3px}}@media (max-width:1400px){.cp-e label{flex-wrap:wrap;row-gap:2px}.cp-e label>span{width:100%!important}.cp-e label input[type=range]{flex:1 1 100%;width:100%!important}.jog-row{max-width:none!important;flex-wrap:wrap;row-gap:2px}.jog-label{width:100%!important}.jog-dial{flex:1 1 100%!important}}.cp-wp-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px}.cp-wp-main{flex:1 1 560px;max-width:853px}.cp-guide-col{flex:1 1 300px;gap:4px}.cp-guide-col img{max-width:420px;margin:0 auto}@media (max-width:600px){.cp-guide-col{display:none}}