.tcsim{--bg:#202020;--ink:#fff;--mute:#fff6;--gray:#949494;--rule:#ffffff38;--rule-soft:#ffffff1a;--en:"EB Garamond", serif;--ja:Matisse, "Noto Serif JP", serif;color:var(--ink);font-family:var(--en);font-size:16px;line-height:1.4}.tcsim *,.tcsim :before,.tcsim :after{box-sizing:border-box}.tcsim button{font:inherit;color:inherit}.tcsim .tcs-title{border-bottom:1px solid var(--rule);font-family:var(--en);align-items:baseline;gap:16px;margin:0 0 28px;padding-bottom:10px;font-size:44.8px;font-weight:400;line-height:1.2;display:flex}.tcsim .tcs-title small{font-family:var(--ja);letter-spacing:.18em;color:var(--mute);font-size:11.52px}.tcsim .tcs-lead{font-family:var(--ja);color:#ffffffb3;margin:-12px 0 24px;font-size:13px;line-height:1.9}.tcsim .tcs-main{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.tcsim .tcs-stage{aspect-ratio:4/3;background:#3a3632;position:relative;overflow:hidden}.tcsim .tcs-floorwrap{position:absolute;inset:0;overflow:hidden}.tcsim .tcs-floorwrap canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tcsim .tcs-stage.is-room~.tcs-bar .tcs-zoom{visibility:hidden}.tcsim .tcs-bar{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;display:flex}.tcsim .tcs-views{gap:18px;display:flex}.tcsim .tcs-views button{font-family:var(--en);color:var(--gray);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:2px 0;font-size:16.32px;font-weight:600}.tcsim .tcs-views button small{font-family:var(--ja);color:var(--mute);margin-left:6px;font-size:10.56px;font-weight:400}.tcsim .tcs-views button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.tcsim .tcs-zoom{font-family:var(--ja);color:var(--mute);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.tcsim .tcs-zoom input{width:120px}.tcsim .tcs-zoom span{min-width:3em;font-family:var(--en);color:#fff;font-size:13px}.tcsim .tcs-spacer{flex:1}.tcsim .tcs-btn{font-family:var(--en);letter-spacing:.2em;text-transform:uppercase;color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:10.4px 20px;font-size:10.88px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.tcsim .tcs-btn:hover{color:var(--bg);background:#fff}.tcsim .tcs-btn.is-solid{color:var(--bg);font-family:var(--ja);letter-spacing:.08em;text-transform:none;background:#fff;border-color:#fff;font-size:12px}.tcsim .tcs-btn.is-solid:hover{background:#ffffffd9}.tcsim .tcs-summary{color:#ffffffd9;background:linear-gradient(#14141480,#141414e0);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:12px 16px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.tcsim .tcs-summary b{letter-spacing:.02em;color:#fff;font-size:15px;font-weight:700}.tcsim .tcs-summary span{align-items:center;gap:6px;display:inline-flex}.tcsim .tcs-summary i{background-position:50%;background-size:cover;width:14px;height:14px}.tcsim .tcs-summary .ja{font-family:var(--ja);font-size:11px}.tcsim .tcs-summary .scale{color:#ffffffb3;margin-left:auto}.tcsim .tcs-summary .scale em{border:1px solid #fff;border-top:0;height:6px;display:inline-block}.tcsim .tcs-stage.is-room .tcs-summary .scale{display:none}.tcsim .tcs-tray{align-items:center;gap:10px;margin-top:14px;display:flex}.tcsim .tcs-tray:empty{display:none}.tcsim .tcs-tray .item{position:relative}.tcsim .tcs-tray canvas{cursor:pointer;outline:1px solid var(--rule);width:60px;height:60px;display:block}.tcsim .tcs-tray .x{width:18px;height:18px;color:var(--bg);cursor:pointer;background:#fff;border:0;border-radius:50%;padding:0;font-size:11px;line-height:18px;position:absolute;top:-7px;right:-7px}.tcsim .tcs-toast{color:var(--bg);font-family:var(--ja);opacity:0;pointer-events:none;background:#fff;padding:8px 16px;font-size:12px;transition:opacity .25s;position:absolute;top:16px;left:50%;transform:translate(-50%)}.tcsim .tcs-toast.show{opacity:1}.tcsim .tcs-panel{min-width:0}.tcsim .tcs-tabs{border-bottom:1px solid var(--rule);display:flex}.tcsim .tcs-tabs button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex:1;margin-bottom:-1px;padding:0 0 10px}.tcsim .tcs-tabs button b{font-family:var(--en);letter-spacing:.01em;color:var(--gray);font-size:16.32px;font-weight:600;display:block}.tcsim .tcs-tabs button small{font-family:var(--ja);letter-spacing:.12em;color:var(--mute);font-size:10px;display:block}.tcsim .tcs-tabs button[aria-selected=true]{border-bottom-color:#fff}.tcsim .tcs-tabs button[aria-selected=true] b{color:#fff}.tcsim .tcs-pane{padding-top:22px;display:none}.tcsim .tcs-pane.on{display:block}.tcsim .tcs-h{font-family:var(--ja);letter-spacing:.12em;color:#ffffffb3;justify-content:space-between;align-items:baseline;gap:8px;margin:22px 0 10px;font-size:12px;display:flex}.tcsim .tcs-h:first-child{margin-top:0}.tcsim .tcs-h output{font-family:var(--en);letter-spacing:.02em;color:#fff;text-align:right;font-size:14px}.tcsim .tcs-cards{grid-template-columns:1fr 1fr;gap:24px 16px;display:grid}.tcsim .tcs-cards button{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;padding:0;display:flex}.tcsim .tcs-cards canvas{aspect-ratio:1;outline-offset:3px;outline:1px solid #0000;width:100%;transition:outline-color .2s;display:block}.tcsim .tcs-cards b{font-family:var(--en);letter-spacing:.02em;color:var(--gray);margin-top:10px;font-size:15px;font-weight:700;display:block}.tcsim .tcs-cards small{font-family:var(--ja);color:var(--mute);margin-top:2px;font-size:10.56px;display:block}.tcsim .tcs-cards button[aria-pressed=true] canvas{outline-color:#fff}.tcsim .tcs-cards button[aria-pressed=true] b{color:#fff}.tcsim .tcs-slot{border-top:1px solid var(--rule-soft);padding:18px 0}.tcsim .tcs-slot:first-child{border-top:0;padding-top:0}.tcsim .tcs-slot-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.tcsim .tcs-slot-head b{font-family:var(--en);letter-spacing:.02em;font-size:15px;font-weight:700}.tcsim .tcs-slot-head span{font-family:var(--en);color:var(--gray);text-align:right;font-size:13px}.tcsim .tcs-sub{font-family:var(--ja);letter-spacing:.1em;color:var(--mute);justify-content:space-between;margin:16px 0 8px;font-size:11px;display:flex}.tcsim .tcs-sw{grid-template-columns:repeat(4,1fr);gap:14px 10px;display:grid}.tcsim .tcs-sw .tcs-fin{font-family:var(--en);letter-spacing:.14em;color:var(--mute);grid-column:1/-1;margin-bottom:-6px;font-size:10px}.tcsim .tcs-sw .tcs-fin small{font-family:var(--ja);letter-spacing:.05em;margin-left:6px}.tcsim .tcs-sw .tcs-fin~.tcs-fin{margin-top:6px}.tcsim .tcs-sw button{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;padding:0;display:flex}.tcsim .tcs-sw .chip{aspect-ratio:1;outline-offset:2px;background-position:50%;background-repeat:no-repeat;background-size:cover;outline:1px solid #0000;width:100%;display:block}.tcsim .tcs-sw .chip.none{outline-color:var(--rule-soft);background:repeating-linear-gradient(45deg,#2c2c2c 0 6px,#333 6px 12px)}.tcsim .tcs-sw em{font-family:var(--en);letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-top:6px;font-size:11px;font-style:normal;font-weight:700;display:block}.tcsim .tcs-sw button[aria-pressed=true] .chip{outline-color:#fff}.tcsim .tcs-sw button[aria-pressed=true] em{color:#fff}.tcsim input[type=range]{accent-color:#fff;width:100%}.tcsim .tcs-seg{border:1px solid #ffffff8c;display:flex}.tcsim .tcs-seg button{font-family:var(--en);letter-spacing:.12em;color:#ffffffbf;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 0;font-size:12px}.tcsim .tcs-seg button small{font-family:var(--ja);letter-spacing:.05em;margin-left:6px;font-size:10px}.tcsim .tcs-seg button+button{border-left:1px solid #ffffff8c}.tcsim .tcs-mix button{font-family:var(--ja);letter-spacing:.05em;padding:8px 0;font-size:11px}.tcsim .tcs-seg button[aria-pressed=true]{color:var(--bg);background:#fff}.tcsim .tcs-area{font-family:var(--ja);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.tcsim .tcs-area input,.tcsim .tcs-area select{color:#fff;font:inherit;background:#2a2a2a;border:1px solid #ffffff59;border-radius:0;padding:8px 10px;font-size:13px}.tcsim .tcs-area input{width:90px}.tcsim table{border-collapse:collapse;width:100%;margin-top:16px}.tcsim th,.tcsim td{border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:middle;padding:9px 2px}.tcsim th{font-family:var(--ja);letter-spacing:.1em;color:var(--mute);white-space:nowrap;font-size:10.5px;font-weight:400}.tcsim td{font-family:var(--en);font-size:13px}.tcsim td.n,.tcsim th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tcsim td i{vertical-align:-2px;background-position:50%;background-repeat:no-repeat;background-size:cover;width:14px;height:14px;margin-right:8px;display:inline-block}.tcsim .tcs-actions{gap:8px;margin-top:18px;display:grid}.tcsim .tcs-note{font-family:var(--ja);color:var(--mute);margin:14px 0 0;font-size:11px;line-height:1.8}.tcsim .tcs-next{width:100%;margin-top:26px}.tcsim .tcs-compare{z-index:1000;background:#181818f7;flex-direction:column;padding:28px 43px;display:none;position:fixed;inset:0}.tcsim .tcs-compare.open{display:flex}.tcsim .tcs-compare header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tcsim .tcs-compare .tcs-title{border:0;margin:0;padding:0;font-size:30.4px}.tcsim .tcs-compare .grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;min-height:0;display:grid}.tcsim .tcs-compare figure{flex-direction:column;gap:8px;min-height:0;margin:0;display:flex}.tcsim .tcs-compare figure canvas{flex:1;width:100%;min-height:0}.tcsim .tcs-compare figcaption{font-family:var(--en);color:var(--gray);font-size:14px}@media (width<=900px){.tcsim .tcs-main{grid-template-columns:1fr}.tcsim .tcs-title{font-size:32px}.tcsim .tcs-tray{flex-wrap:wrap}.tcsim .tcs-compare{padding:20px 16px}}@media (width<=600px){.tcsim .tcs-compare{overscroll-behavior:contain;padding-top:0;overflow-y:auto}.tcsim .tcs-compare header{z-index:1;background:#181818;margin:0;padding:16px 0;position:sticky;top:0}.tcsim .tcs-compare .tcs-title{font-size:24px}.tcsim .tcs-compare .grid{flex:none;grid-template-columns:1fr}.tcsim .tcs-compare figure canvas{aspect-ratio:4/3;flex:none;height:auto}}@media (width<=480px){.tcsim .tcs-stage{aspect-ratio:1}.tcsim .tcs-bar .tcs-btn{padding:9px 12px}}@media (prefers-reduced-motion:reduce){.tcsim *{transition:none!important}}.tcsim .tcs-btn.is-ja{font-family:var(--ja);letter-spacing:.08em;text-transform:none;font-size:12px}.tcsim .tcs-lead{margin:0 0 24px}.tcsim{--tcs-top:0px;--tcs-bottom:0px;--tcs-chrome:120px}body:has(#tc-sample-bar:not(.hidden)) .tcsim{--tcs-bottom:80px}.tcsim .tcs-main{height:clamp(420px, calc(100svh - var(--tcs-chrome) - var(--tcs-top) - var(--tcs-bottom)), 880px);grid-template-rows:minmax(0,1fr);align-items:stretch}.tcsim .tcs-main>div:first-child{flex-direction:column;min-height:0;display:flex}.tcsim .tcs-stage{aspect-ratio:auto;flex:auto;min-height:0}.tcsim .tcs-bar{flex-wrap:nowrap;flex:none}.tcsim .tcs-tray{flex:none}.tcsim .tcs-panel{flex-direction:column;min-height:0;display:flex}.tcsim .tcs-tabs{flex:none}.tcsim .tcs-pane.on{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:auto;min-height:0;padding-right:8px;overflow-y:auto}.tcsim .tcs-pane.on::-webkit-scrollbar{width:4px}.tcsim .tcs-pane.on::-webkit-scrollbar-thumb{background:#ffffff40}.tcsim .tcs-cards{gap:18px 14px}.tcsim .tcs-cards b{margin-top:6px;font-size:13.5px}.tcsim .tcs-next{margin-top:20px}@media (width<=900px){.tcsim{--tcs-top:60px;--tcs-chrome:12px}.tcsim .tcs-main{height:calc(100svh - var(--tcs-chrome) - var(--tcs-top) - var(--tcs-bottom));flex-direction:column;gap:12px;min-height:440px;display:flex}.tcsim .tcs-main>div:first-child{flex:none}.tcsim .tcs-stage{flex:none;height:min(100vw - 32px,44svh)}.tcsim .tcs-bar{flex-wrap:wrap;gap:8px 12px;margin-top:10px}.tcsim .tcs-panel{flex:auto}.tcsim .tcs-pane.on{padding-top:14px;padding-right:4px}.tcsim .tcs-cards{grid-template-columns:repeat(3,1fr);gap:14px 10px}.tcsim .tcs-cards b{font-size:11.5px}.tcsim .tcs-cards small{font-size:9.5px}.tcsim .tcs-stage{height:min(100vw - 32px,40svh)}.tcsim .tcs-bar{gap:8px}.tcsim .tcs-bar .tcs-spacer{display:none}.tcsim .tcs-views{order:1;margin-right:auto}.tcsim .tcs-bar .tcs-btn{letter-spacing:.12em;order:2;padding:7px 10px;font-size:9.6px}.tcsim .tcs-zoom{flex:1 0 100%;order:3}.tcsim .tcs-zoom input{flex:1;min-width:0}}@media (width<=600px){.tcsim .tcs-views button small{display:none}}.tcsim .tcs-bar button,.tcsim .tcs-bar .tcs-btn,.tcsim .tcs-zoom{white-space:nowrap}@media (width>=901px){.tcsim .tcs-bar{gap:10px 14px}.tcsim .tcs-bar .tcs-btn{padding:9px 14px}.tcsim .tcs-zoom input{width:110px}}@media (width>=901px) and (width<=1600px){.tcsim .tcs-views button small{display:none}}@media (width<=900px){.tcsim .tcs-stage.is-room~.tcs-bar .tcs-zoom{display:none}}