.tosen-showroom {
  --ts-ink:#2d323c; --ts-accent:#fcb026; --ts-panel-width:360px; --ts-header-height:70px;
  position:relative; display:block; width:100%; height:calc(100dvh - var(--ts-header-height)); min-height:560px;
  overflow:hidden; background:#e9e9e4; color:var(--ts-ink); font-family:Manrope,Arial,sans-serif; isolation:isolate;
}
.tosen-showroom * { box-sizing:border-box; }
.tosen-showroom [hidden] { display:none!important; }
.tosen-showroom button { appearance:none; font:inherit; color:inherit; cursor:pointer; box-shadow:none; text-transform:none; letter-spacing:normal; line-height:1.25; }
.tosen-showroom button:focus-visible,.tosen-showroom summary:focus-visible,.tosen-showroom canvas:focus-visible { outline:2px solid #8b5d11; outline-offset:5px; }
.tosen-showroom button:focus:not(:focus-visible) { outline:none; }
.tosen-showroom svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.tosen-showroom h1,.tosen-showroom h2,.tosen-showroom h3,.tosen-showroom p { margin:0; }
.tosen-showroom .ts-stage { position:absolute; inset:0; width:100%; height:100%; min-width:0; overflow:hidden; background:#e9e9e4; }
.tosen-showroom .ts-canvas { display:block; width:100%; height:100%; position:absolute; inset:0; opacity:0; transition:opacity .55s ease; touch-action:auto; pointer-events:none; }
.tosen-showroom.is-ready .ts-canvas { opacity:1; pointer-events:auto; touch-action:none; }
.tosen-showroom .ts-poster { position:absolute; inset:0; width:100%; height:100%; opacity:1; background:radial-gradient(ellipse at 8% 8%,#e9dcbf 0,transparent 59%),radial-gradient(ellipse at 94% 12%,#d3e0e8 0,transparent 65%),linear-gradient(180deg,#dfe8eb 0%,#f1f1ed 58%,#f2f1ed 63%,#e2e2dd 100%); pointer-events:none; }
.tosen-showroom.is-ready .ts-poster { opacity:1; }
.tosen-showroom .ts-intro { position:absolute; left:clamp(28px,3.5vw,66px); top:33px; z-index:2; max-width:640px; pointer-events:none; }
.tosen-showroom .ts-eyebrow { font-size:8px; line-height:1.4; letter-spacing:.18em; font-weight:500; color:#626e73; }
.tosen-showroom h1 { font-family:inherit; font-size:clamp(42px,3.4vw,56px); font-weight:300; line-height:1.12; letter-spacing:-.035em; margin:12px 0 11px; max-width:620px; text-wrap:balance; }
.tosen-showroom .ts-intro-copy { font-size:11px; line-height:1.75; max-width:350px; color:#637076; }
.tosen-showroom .ts-stage-bottom { position:absolute; z-index:4; left:clamp(28px,3.5vw,66px); right:calc(var(--ts-panel-width) + 34px); bottom:27px; display:flex; align-items:center; gap:24px; justify-content:space-between; transition:right .65s cubic-bezier(.22,.68,0,1); }
.tosen-showroom.is-collapsed .ts-stage-bottom { right:34px; }
.tosen-showroom .ts-view-controls { display:flex; align-items:center; gap:9px; }
.tosen-showroom .ts-control { color:var(--ts-ink); border:1px solid #ffffffa3; background:#e9eeeb75; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); height:40px; border-radius:3px; display:flex; align-items:center; gap:8px; padding:0 13px; transition:background .25s ease; font-size:10px!important; }
.tosen-showroom .ts-control:hover,.tosen-showroom .ts-control:focus-visible { color:var(--ts-ink); background:#f5f7f0b8; }
.tosen-showroom .ts-control-dot { width:40px; padding:9px; }
.tosen-showroom .ts-control[aria-pressed=false] { opacity:.65; }
.tosen-showroom .ts-gesture { font-size:10px; line-height:1.6; color:#667276; }
.tosen-showroom .ts-gesture span { padding:0 7px; }
.tosen-showroom .ts-view-label { font-size:8px; letter-spacing:.13em; color:#6b777b; }
.tosen-showroom .ts-panel { position:absolute; z-index:6; inset:0 0 0 auto; width:var(--ts-panel-width); min-width:0; height:100%; padding:30px 26px 24px; background:rgba(135,151,153,.12); backdrop-filter:blur(22px) saturate(.9); -webkit-backdrop-filter:blur(22px) saturate(.9); border-left:1px solid #ffffff45; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#72828455 transparent; transition:transform .65s cubic-bezier(.22,.68,0,1),opacity .45s ease; }
.tosen-showroom.is-collapsed .ts-panel { transform:translateX(100%); opacity:0; pointer-events:none; }
.tosen-showroom .ts-panel-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:23px; gap:10px; }
.tosen-showroom .ts-panel-heading h2 { font-size:14px; line-height:1.4; font-weight:500; letter-spacing:-.02em; }
.tosen-showroom .ts-count { font-size:9px; white-space:nowrap; color:#647278; }
.tosen-showroom .ts-features { display:flex; flex-direction:column; gap:18px; }
.tosen-showroom .ts-feature { border:0; margin:0; min-width:0; }
.tosen-showroom .ts-feature summary { position:relative; display:block; list-style:none; cursor:pointer; overflow:hidden; border-radius:4px; isolation:isolate; aspect-ratio:1.73; background:#c7d0cc; }
.tosen-showroom .ts-feature summary::-webkit-details-marker { display:none; }
.tosen-showroom .ts-feature summary:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#0000 38%,#16212cd9); pointer-events:none; z-index:1; }
.tosen-showroom .ts-feature summary img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; transition:transform 1.3s cubic-bezier(.2,.65,.2,1),filter .8s ease; filter:saturate(.78); }
.tosen-showroom .ts-feature summary:hover img { transform:scale(1.035); filter:saturate(1); }
.tosen-showroom .ts-feature summary h3 { position:absolute; left:16px; right:40px; bottom:16px; font-size:14px; font-weight:500; line-height:1.25; letter-spacing:-.025em; color:#fff; z-index:2; }
.tosen-showroom .ts-card-plus { position:absolute; bottom:14px; right:14px; z-index:2; color:#fff; display:grid; place-items:center; border:1px solid #ffffff9c; width:21px; height:21px; border-radius:50%; font-size:15px; line-height:1; }
.tosen-showroom .ts-feature-copy { padding:24px 1px 22px; font-size:13px; line-height:1.85; color:#3e4c53; }
.tosen-showroom .ts-feature-copy:before { content:"SYSTEM DETAIL"; display:block; letter-spacing:.14em; font-size:8px; color:#67757b; margin-bottom:15px; }
.tosen-showroom .ts-feature-metric { font-size:18px; font-weight:400; line-height:1.5; letter-spacing:-.02em; color:#2d3a41; margin:0 0 17px; padding-bottom:17px; border-bottom:1px solid #63757530; }
.tosen-showroom .ts-feature-metric:empty { display:none; }
.tosen-showroom .ts-back,.tosen-showroom .ts-back:hover,.tosen-showroom .ts-back:focus-visible { display:flex; align-items:center; gap:7px; color:var(--ts-ink); padding:0; margin:1px 0 23px; border:0; background:none; border-radius:0; font-size:11px!important; line-height:22px; }
.tosen-showroom .ts-back svg { width:16px; height:16px; }
.tosen-showroom.is-detail .ts-panel-heading { display:none; }
.tosen-showroom.is-detail .ts-feature:not([open]) { display:none; }
.tosen-showroom.is-detail .ts-feature[open] summary { aspect-ratio:1.24; pointer-events:none; }
.tosen-showroom.is-detail .ts-feature[open] summary h3 { font-size:21px; font-weight:400; bottom:21px; right:20px; line-height:1.15; }
.tosen-showroom.is-detail .ts-card-plus { display:none; }
.tosen-showroom .ts-panel-toggle { position:absolute; z-index:8; top:50%; right:calc(var(--ts-panel-width) - 1px); transform:translateY(-50%); color:var(--ts-ink); height:64px; width:26px; padding:0; border:1px solid #ffffff45; border-right:0; border-radius:4px 0 0 4px; background:#b8c4c24a; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); display:grid; place-items:center; transition:right .65s cubic-bezier(.22,.68,0,1),background .25s; }
.tosen-showroom .ts-panel-toggle:hover,.tosen-showroom .ts-panel-toggle:focus-visible { color:var(--ts-ink); background:#d6e0db8c; }
.tosen-showroom .ts-panel-toggle svg { width:17px; }
.tosen-showroom.is-collapsed .ts-panel-toggle { right:0; }
.tosen-showroom.is-collapsed .ts-panel-toggle svg { transform:rotate(180deg); }
.tosen-showroom .ts-hotspots { position:absolute; inset:0; pointer-events:none; z-index:3; opacity:0; transition:opacity .45s ease; }
.tosen-showroom.is-ready .ts-hotspots { opacity:1; }
.tosen-showroom .ts-hotspot,.tosen-showroom .ts-hotspot:hover,.tosen-showroom .ts-hotspot:focus { position:absolute; left:0; top:0; width:42px; height:42px; min-height:0; border:0; background:none; padding:0; margin:0; pointer-events:auto; transform:translate(-50%,-50%); border-radius:50%; isolation:isolate; box-shadow:none; }
.tosen-showroom .ts-hotspot:before,.tosen-showroom .ts-hotspot:after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; }
.tosen-showroom .ts-hotspot:before { width:17px; height:17px; border:1.5px solid white; background:#4c525a70; box-shadow:0 0 0 4px #ffffff20,0 2px 6px #141e2930; transition:background .3s,box-shadow .3s; }
.tosen-showroom .ts-hotspot:after { width:29px; height:29px; border:1px solid #ffffffc2; animation:ts-breathe 3.7s ease-out infinite; animation-delay:var(--ts-delay,0s); }
.tosen-showroom .ts-hotspot:hover:before,.tosen-showroom .ts-hotspot[aria-pressed=true]:before { background:var(--ts-accent); box-shadow:0 0 0 6px #fcb02625,0 2px 6px #141e2930; }
.tosen-showroom .ts-hotspot[aria-pressed=true]:after { border-color:var(--ts-accent); }
.tosen-showroom .ts-hotspot span { position:absolute; left:50%; top:43px; transform:translateX(-50%); font-size:10px; white-space:nowrap; background:#2d323ce8; color:white; padding:7px 10px; border-radius:3px; opacity:0; pointer-events:none; transition:opacity .2s; }
.tosen-showroom .ts-hotspot:hover span,.tosen-showroom .ts-hotspot:focus-visible span { opacity:1; }
.tosen-showroom .ts-loading { position:absolute; z-index:5; left:clamp(28px,3.5vw,66px); right:calc(var(--ts-panel-width) + 34px); bottom:28px; transition:opacity .5s ease,right .65s cubic-bezier(.22,.68,0,1); }
.tosen-showroom.is-collapsed .ts-loading { right:34px; }
.tosen-showroom .ts-loading-label { display:flex; justify-content:space-between; align-items:center; font-size:10px; margin-bottom:12px; color:#54666c; }
.tosen-showroom .ts-loading-track { height:2px; background:#6b7d7630; overflow:hidden; }
.tosen-showroom .ts-loading-track>span { display:block; width:0; height:100%; background:var(--ts-ink); transition:width .25s linear; }
.tosen-showroom:not(.is-ready) .ts-stage-bottom { visibility:hidden; }
.tosen-showroom.is-ready .ts-loading { opacity:0; pointer-events:none; }
.tosen-showroom .ts-error { position:absolute; left:clamp(28px,3.5vw,66px); bottom:94px; right:calc(var(--ts-panel-width) + 34px); z-index:6; max-width:450px; background:#eff3efd9; border:1px solid #ffffff6b; backdrop-filter:blur(16px); padding:22px; border-radius:4px; }
.tosen-showroom .ts-error p:first-child { font-size:17px; margin-bottom:7px; }
.tosen-showroom .ts-error p:nth-child(2) { font-size:12px; line-height:1.6; color:#5c6b72; }
.tosen-showroom .ts-error button { color:#fff; border:0; background:var(--ts-ink); border-radius:3px; font-size:11px; padding:11px 19px; margin-top:15px; }
.tosen-showroom .ts-error button:hover { background:#454d59; color:#fff; }
.tosen-showroom .ts-screen-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes ts-breathe { 0%,12% { transform:translate(-50%,-50%) scale(.72); opacity:.7; } 80%,100% { transform:translate(-50%,-50%) scale(1.4); opacity:0; } }
@media(min-width:1700px) {
  .tosen-showroom { --ts-panel-width:400px; }
  .tosen-showroom .ts-panel { padding:34px 30px; }
  .tosen-showroom .ts-features { gap:20px; }
  .tosen-showroom .ts-feature summary { aspect-ratio:1.8; }
}
@media(max-width:1100px) and (min-width:761px) {
  .tosen-showroom { --ts-panel-width:310px; }
  .tosen-showroom .ts-panel { padding:26px 21px; }
  .tosen-showroom .ts-intro { left:29px; top:29px; max-width:320px; }
  .tosen-showroom .ts-intro-copy { max-width:300px; font-size:10px; }
  .tosen-showroom .ts-stage-bottom { left:29px; }
  .tosen-showroom .ts-view-label { display:none; }
  .tosen-showroom .ts-gesture { font-size:9px; }
  .tosen-showroom .ts-feature summary h3 { font-size:13px; }
}
@media(max-width:760px) {
  .tosen-showroom { height:calc(100dvh - var(--ts-header-height)); min-height:570px; --ts-panel-width:100%; }
  .tosen-showroom .ts-intro { left:24px; right:24px; top:21px; max-width:none; }
  .tosen-showroom .ts-eyebrow { font-size:7px; }
  .tosen-showroom h1 { font-size:36px; line-height:1.1; letter-spacing:-.035em; margin:10px 0 8px; max-width:330px; }
  .tosen-showroom .ts-intro-copy { font-size:9px; line-height:1.65; max-width:300px; }
  .tosen-showroom .ts-stage-bottom { left:24px; right:24px; bottom:calc(33% + 18px); gap:12px; transition:bottom .5s ease; }
  .tosen-showroom.is-detail .ts-stage-bottom { bottom:calc(53% + 18px); }
  .tosen-showroom .ts-control { height:34px; padding:0 10px; font-size:9px!important; gap:6px; }
  .tosen-showroom .ts-control svg { width:17px; height:17px; }
  .tosen-showroom .ts-control-dot { width:34px; padding:8px; }
  .tosen-showroom .ts-gesture { font-size:8px; }
  .tosen-showroom .ts-gesture span { padding:0 3px; }
  .tosen-showroom .ts-view-label { display:none; }
  .tosen-showroom .ts-panel { left:0; top:auto; bottom:0; width:100%; height:33%; padding:16px 24px 18px; border-left:0; border-top:1px solid #ffffff54; overflow:hidden; transition:height .5s ease,opacity .3s,transform .5s ease; background:rgba(137,153,151,.17); backdrop-filter:blur(22px) saturate(.9); -webkit-backdrop-filter:blur(22px) saturate(.9); }
  .tosen-showroom .ts-panel-heading { margin-bottom:13px; }
  .tosen-showroom .ts-panel-heading h2 { font-size:12px; }
  .tosen-showroom .ts-count { font-size:8px; }
  .tosen-showroom .ts-features { flex-direction:row; gap:12px; height:calc(100% - 31px); overflow:auto; scroll-snap-type:x proximity; scrollbar-width:none; padding-bottom:2px; }
  .tosen-showroom .ts-feature { flex:0 0 220px; scroll-snap-align:start; }
  .tosen-showroom .ts-feature summary { height:100%; aspect-ratio:auto; border-radius:4px; min-height:102px; }
  .tosen-showroom .ts-feature summary h3 { font-size:12px; left:13px; bottom:13px; right:39px; }
  .tosen-showroom .ts-card-plus { bottom:11px; right:11px; width:20px; height:20px; font-size:14px; }
  .tosen-showroom .ts-feature-copy { padding:20px 0 24px; font-size:12px; line-height:1.8; }
  .tosen-showroom .ts-feature-metric { font-size:16px; margin-bottom:14px; padding-bottom:14px; }
  .tosen-showroom .ts-panel-toggle { display:none; }
  .tosen-showroom.is-detail .ts-panel { height:53%; overflow:auto; }
  .tosen-showroom.is-detail .ts-features { display:block; overflow:visible; height:auto; }
  .tosen-showroom.is-detail .ts-feature[open] summary { height:150px; aspect-ratio:auto; }
  .tosen-showroom.is-detail .ts-feature[open] summary h3 { font-size:21px; bottom:20px; left:20px; }
  .tosen-showroom.is-detail .ts-intro-copy { display:none; }
  .tosen-showroom .ts-back { margin:0 0 14px; font-size:10px!important; }
  .tosen-showroom .ts-loading { left:24px; right:24px; bottom:calc(33% + 21px); }
  .tosen-showroom.is-detail .ts-loading { bottom:calc(53% + 21px); }
  .tosen-showroom .ts-loading-label { font-size:9px; margin-bottom:10px; }
  .tosen-showroom .ts-error { left:24px; right:24px; bottom:calc(33% + 65px); padding:17px; }
  .tosen-showroom .ts-error p:first-child { font-size:14px; }
  .tosen-showroom .ts-error p:nth-child(2) { font-size:11px; }
  .tosen-showroom .ts-hotspot,.tosen-showroom .ts-hotspot:hover,.tosen-showroom .ts-hotspot:focus { width:36px; height:36px; }
  .tosen-showroom .ts-hotspot:before { width:14px; height:14px; border-width:1.3px; box-shadow:0 0 0 4px #ffffff24,0 2px 6px #141e2930; }
  .tosen-showroom .ts-hotspot:after { width:24px; height:24px; }
  .tosen-showroom .ts-hotspot span { display:none; }
}
@media(max-width:760px) and (max-height:740px) {
  .tosen-showroom .ts-intro-copy { display:none; }
  .tosen-showroom .ts-intro { top:18px; }
  .tosen-showroom h1 { font-size:32px; }
  .tosen-showroom .ts-feature { flex-basis:195px; }
  .tosen-showroom .ts-panel { padding-top:13px; padding-bottom:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .tosen-showroom,.tosen-showroom *,.tosen-showroom *:before,.tosen-showroom *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .tosen-showroom .ts-hotspot:after { opacity:.4; }
}

/* A transfer percentage is shown only when Content-Length is available. */
.tosen-showroom .ts-loading-track:not([aria-valuenow])>span { width:32%; animation:ts-progress-indeterminate 1.6s ease-in-out infinite alternate; }
@keyframes ts-progress-indeterminate { from { transform:translateX(0); } to { transform:translateX(212.5%); } }
@media(prefers-reduced-motion:reduce) { .tosen-showroom .ts-loading-track:not([aria-valuenow])>span { animation:none; width:100%; opacity:.4; } }