/* aito26 original motion catalogue. All rules are scoped to this page. */
.motion-page{margin:0;font-size:18px;line-height:1.65;background:#070b22!important;color:#eef4ff;--mm-border:#294267;--mm-muted:#aabbcf}
.motion-page *,.motion-page *::before,.motion-page *::after{box-sizing:border-box}
.motion-page button,.motion-page input,.motion-page textarea{font:inherit}
.motion-page a{color:inherit;text-decoration:none}.motion-page button{cursor:pointer}.motion-page button:disabled{cursor:default}.motion-page :focus-visible{outline:3px solid #28ECFF;outline-offset:4px}.motion-page [hidden]{display:none!important}
.motion-page .lab-bg{display:none}.motion-page .lab-flb{display:none}.motion-page .mm-header{background:#070b22ed;border-bottom:1px solid #1e3151;backdrop-filter:blur(14px);padding:16px 4vw;min-height:78px}
.mm-header .lab-logo small{font-size:10px;letter-spacing:.17em;margin-top:7px}.mm-header .lab-logo b{font-size:24px}.mm-header .lab-nav{gap:24px}.mm-header .lab-pill,.mm-header .lab-txt{font-size:16px!important}.mm-header .lab-mark{width:38px;height:38px}
.mm-skip{position:fixed;z-index:100;top:8px;left:12px;padding:8px 16px;background:#28ECFF;color:#070b22!important;transform:translateY(-180%)}.mm-skip:focus{transform:translateY(0)}
.mm-hero{position:relative;isolation:isolate;padding:133px 5vw 0;border-bottom:1px solid #1e3151;overflow:hidden;background:radial-gradient(ellipse at 76% 36%,#133b6244,transparent 60%),#070b22}
.mm-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070b22 5%,#070b22d9 48%,#070b22aa),url('/img/room3.jpg') center/cover;opacity:.6}
.mm-hero-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding:0 0 54px}
.mm-back{display:inline-block;font-size:15px;color:var(--mm-muted)!important;margin:0 0 32px}.mm-back:hover{color:#28ECFF!important}.mm-eyebrow{font:700 12px/1.4 Inter,sans-serif;color:#65c7ff;letter-spacing:.16em;margin:0 0 16px}.mm-intro h1{font:800 clamp(36px,4.4vw,64px)/1.4 var(--lab-serif);letter-spacing:.01em;margin:0 0 20px;white-space:nowrap}.mm-intro h1 em{font-style:normal;color:#77dcff}.mm-lead{font-weight:700;font-size:24px;margin:0 0 14px}.mm-description{color:#bbcce2;line-height:1.9;margin:0}.mm-hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.mm-primary,.mm-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:8px;padding:13px 21px;font-size:17px;font-weight:700;line-height:1.5;min-height:50px;text-align:center;transition:background .2s,border-color .2s}.mm-primary{background:#2EAEFF;border:1px solid #2EAEFF;color:#06152d!important}.mm-primary:hover{background:#75d5ff;border-color:#75d5ff}.mm-secondary{background:#10213d;border:1px solid #3c648e;color:#e7f3ff}.mm-secondary:hover{border-color:#28ECFF;background:#183553}.mm-hero-note{font-size:14px;color:#adc6dd;white-space:nowrap}.mm-showcase{border:1px solid #365c83;border-radius:14px;background:#080f29;box-shadow:0 0 70px #0076cb1c,0 30px 60px #0004;transform:perspective(1200px) rotateY(-5deg);overflow:hidden}.mm-preview-top,.mm-preview-bottom{display:flex;align-items:center;gap:9px;padding:17px 22px;background:#0a1830;color:#b2d3e5;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.08em}.mm-preview-top>span:last-child{margin-left:auto}.mm-preview-bottom{border-top:1px solid #203c5b;justify-content:space-between;font:500 15px/1.5 var(--lab-sans);letter-spacing:0}.mm-six{font:500 10px/1.4 Inter,sans-serif;letter-spacing:.05em}.mm-live-dot{width:6px;height:6px;border-radius:50%;background:#28ECFF;box-shadow:0 0 10px #28ECFF}.mm-showcase canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.mm-guide{max-width:1320px;margin:auto;display:flex;align-items:center;gap:30px;padding:23px 0;border-top:1px solid #29405c}.mm-guide div{display:flex;align-items:center;gap:15px;font-size:16px}.mm-guide b{font:700 14px/1 Inter,sans-serif;color:#65c7ff}.mm-guide>span{color:#48729c}.mm-catalog{max-width:1464px;margin:auto;padding:66px 5vw 72px;scroll-margin-top:90px}.mm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.mm-section-head h2,.mm-how h2{font:800 36px/1.4 var(--lab-serif);margin:0}.mm-section-head .mm-eyebrow{margin-bottom:10px}.mm-section-head>p{margin:0;color:var(--mm-muted);font-size:16px}.mm-filters{padding:22px 24px 0;border:1px solid #233b58;border-radius:12px;background:#0c162d}.mm-search-label{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:20px;font-size:16px;font-weight:700}.mm-search-wrap{position:relative;max-width:560px}.mm-search-wrap>span{position:absolute;left:15px;top:6px;font-size:26px;color:#91abc7;pointer-events:none}.mm-search-wrap input{display:block;width:100%;min-width:0;border:1px solid #36516b;border-radius:7px;background:#070f22;color:#eef4ff;padding:10px 14px 10px 44px;font-size:17px}.mm-search-wrap input::placeholder{color:#93a6c0;opacity:1}.mm-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mm-filter-row button{border:1px solid #2e4560;border-radius:6px;min-height:42px;background:#101e35;color:#c7d6e6;padding:7px 19px;font-size:16px;font-weight:700}.mm-filter-row button small{font:500 12px Inter,sans-serif;margin-left:5px}.mm-filter-row button[aria-pressed=true]{background:#2EAEFF;color:#06152d;border-color:#2EAEFF}.mm-filter-row button:hover{border-color:#65c7ff}.mm-filter-meta{border-top:1px solid #253b55;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.mm-filter-meta p{font-size:15px;color:#a5bfd7;margin:0}.mm-filter-meta>div{display:flex;gap:16px}.mm-quiet{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#c3d5e6;font-size:14px!important;min-height:38px;line-height:1.3}.mm-quiet:hover{background:#18334c;color:#fff}.mm-quiet[aria-pressed=true]{color:#74dcff}.mm-help{font-size:14px;color:#9eb1c6;margin:18px 0}.mm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mm-card{border:1px solid #29405c;border-radius:11px;overflow:hidden;background:#0b172b;min-width:0;transition:border-color .18s,transform .18s}.mm-card:hover{border-color:#4279a2;transform:translateY(-2px)}.mm-card-visual{display:block;position:relative;width:100%;padding:0;border:0;border-bottom:1px solid #223c59;background:#070f25;cursor:pointer}.mm-card-visual canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.mm-card-visual::after{content:"詳しく見る ↗";position:absolute;right:12px;bottom:10px;border:1px solid #47728f;border-radius:4px;background:#071328dd;color:#b9eaff;padding:4px 8px;font-size:11px;opacity:0;transition:opacity .2s}.mm-card-visual:hover::after,.mm-card-visual:focus-visible::after{opacity:1}.mm-card-body{padding:18px 20px 20px}.mm-card-meta{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#7fa4c5;font-size:12px;letter-spacing:.03em}.mm-card-meta b{font-family:Inter,sans-serif;color:#65c7ff;letter-spacing:.12em}.mm-fav{margin-left:auto;width:33px;height:33px;border:1px solid transparent;border-radius:50%;background:transparent;color:#a6bed5;font-size:23px;line-height:1}.mm-fav:hover{background:#203c58}.mm-fav[aria-pressed=true]{color:#28ECFF}.mm-card h3{font:700 21px/1.5 var(--lab-sans);margin:0 0 5px}.mm-card-desc{font-size:16px;color:#a7bfd3;line-height:1.6;margin:0 0 18px;min-height:26px}.mm-card-actions{display:flex;gap:8px}.mm-card-actions button{flex:1;border-radius:5px;font:700 14px/1.4 var(--lab-sans);min-height:42px;padding:10px 6px}.mm-detail-button{background:#15334e;border:1px solid #3b6c8e;color:#caecff}.mm-copy-button{background:transparent;border:1px solid #2b465f;color:#bdd2e4}.mm-card-actions button:hover{background:#234963;border-color:#5ac8ff}.mm-empty{padding:56px 20px;text-align:center;border:1px dashed #365b7b;border-radius:10px}.mm-empty p{margin:0 0 22px}.mm-how{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1320px;margin:0 auto 60px;padding:40px 0;border-top:1px solid #29405c}.mm-how p{color:#b5c8dc;font-size:17px;line-height:1.9}.mm-how ol{margin:0;padding:0;list-style:none;counter-reset:steps}.mm-how li{counter-increment:steps;position:relative;padding:0 0 22px 45px}.mm-how li::before{content:counter(steps,decimal-leading-zero);position:absolute;top:5px;left:0;color:#65c7ff;font:700 13px Inter,sans-serif}.mm-how li b{display:block;font-size:18px;margin-bottom:6px}.mm-how li span{display:block;font-size:16px;color:#a4b9ce;line-height:1.8}.mm-footer{padding:28px 5vw 36px;border-top:1px solid #1f3650;background:#060d20;color:#89a0b9;font-size:14px}.mm-footer>div{display:flex;gap:35px;color:#badfff;font-size:16px}.mm-footer .mm-footer-links{margin-top:18px}.mm-footer p{margin:24px 0}.mm-footer>span{font:600 11px Inter,sans-serif;letter-spacing:.12em}.mm-toast{position:fixed;z-index:1001;bottom:24px;left:50%;transform:translateX(-50%);background:#d6f5ff;color:#062039;border:1px solid #28ECFF;border-radius:8px;padding:12px 20px;box-shadow:0 10px 40px #0005;font-size:16px;max-width:calc(100vw - 32px);text-align:center;pointer-events:none;opacity:0;transition:opacity .15s}.mm-toast.mm-show{opacity:1}
.mm-dialog{background:#09152c;color:#eef4ff;padding:0;border:1px solid #476a8d;border-radius:14px;width:min(1180px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;box-shadow:0 30px 120px #0009}.mm-dialog::backdrop{background:#020714d9;backdrop-filter:blur(6px)}.mm-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0a172e;border-bottom:1px solid #29405c;padding:20px 28px}.mm-dialog-head .mm-eyebrow{margin:0 0 5px}.mm-dialog-head h2{font:700 26px/1.4 var(--lab-sans);margin:0}.mm-close{display:grid;place-items:center;flex:none;background:#152c46;border:1px solid #375775;color:#e0f0ff;border-radius:50%;width:42px;height:42px;font:500 30px/1 Arial!important}.mm-close:hover{background:#285073}.mm-dialog-body{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:28px}.mm-detail-visual,.mm-detail-edit{min-width:0}.mm-detail-stage{background:#050e20;border:1px solid #2d4a68;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:180px}.mm-detail-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.mm-detail-stage.mm-portrait canvas{width:auto;height:min(540px,60vh);max-width:100%;aspect-ratio:9/16}.mm-preview-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0 20px}.mm-preview-controls>div{display:flex;gap:5px}.mm-preview-controls [data-ratio]{border:1px solid #2f4f6c;background:#0c2038}.mm-preview-controls [data-ratio][aria-pressed=true]{background:#174665;border-color:#61cfff}.mm-use{font-size:17px;color:#c1d5e8;line-height:1.9;margin:0 0 10px}.mm-sample-note{font-size:13px;color:#8ca5be;margin:0}.mm-detail-edit h3{margin:0 0 6px;font-size:20px}.mm-edit-help{font-size:14px;color:#9db5ce;margin:0 0 18px}#mm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mm-fields label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;color:#b4cae0}#mm-fields label:first-child{grid-column:1/-1}#mm-fields input{width:100%;min-width:0;font-size:16px;padding:9px 10px;color:#f2f8ff;background:#071125;border:1px solid #385471;border-radius:5px}#mm-fields input:focus{border-color:#28ECFF}.mm-text-button{display:block;margin:13px 0 20px;padding:0;background:none;color:#8edaff;border:0;border-bottom:1px solid #457a99;font-size:13px!important}.mm-prompt-details{border-top:1px solid #2c435e;padding-top:14px}.mm-prompt-details summary{font-size:15px;color:#c5e9ff;cursor:pointer;margin-bottom:12px}.mm-prompt-details textarea{resize:vertical;width:100%;max-width:100%;border:1px solid #284461;border-radius:6px;padding:12px;background:#050e20;color:#b7cce2;font-size:14px;line-height:1.8;min-height:130px}.mm-detail-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.mm-detail-actions button{font-size:16px}.mm-download-note{font-size:12px;line-height:1.8;color:#93acc6;margin:12px 0 0}.mm-noscript{background:#172c42;border-radius:8px;padding:18px}
@media(min-width:1600px){.mm-catalog{padding-left:0;padding-right:0;max-width:1320px}}
@media(max-width:1150px){.mm-hero-inner{gap:4%}.mm-intro h1{font-size:44px}.mm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-how{margin:0 5vw 40px}.mm-header .lab-nav{gap:16px}.mm-tools-link{display:none!important}}
@media(max-width:860px){html .motion-page{padding-bottom:0!important}.motion-page .mm-header{min-height:70px;padding:13px 20px;gap:10px}.mm-header .lab-logo b{font-size:21px}.mm-header .lab-logo small{font-size:8px}.mm-header .lab-nav{display:flex;gap:12px}.mm-header .lab-nav .lab-txt{display:none}.mm-header .lab-nav .lab-pill{display:inline-flex;font-size:13px!important;padding:6px 12px}.mm-hero{padding:103px 6vw 0}.mm-hero-inner{grid-template-columns:1fr;gap:34px;padding-bottom:30px}.mm-back{margin-bottom:24px;font-size:14px}.mm-intro h1{font-size:clamp(34px,6vw,50px)}.mm-lead{font-size:22px}.mm-description{font-size:17px}.mm-showcase{transform:none;max-width:560px;width:100%;justify-self:center}.mm-guide{gap:16px;justify-content:space-between;padding:20px 0;align-items:flex-start}.mm-guide div{flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;line-height:1.6;flex:1}.mm-guide>span{padding-top:20px}.mm-catalog{padding:42px 6vw}.mm-section-head{align-items:flex-start;gap:10px}.mm-section-head h2,.mm-how h2{font-size:30px}.mm-section-head>p{font-size:13px;max-width:7em;line-height:1.8}.mm-eyebrow{font-size:10px}.mm-filters{padding:18px 16px 0}.mm-search-label{display:block;font-size:14px}.mm-search-label>span{display:block;margin-bottom:8px}.mm-search-wrap{max-width:none}.mm-filter-row{gap:7px;margin:16px 0}.mm-filter-row button{font-size:14px;padding:7px 13px;min-height:39px}.mm-filter-meta{align-items:flex-start;gap:10px}.mm-filter-meta>div{gap:3px;flex-wrap:wrap;justify-content:flex-end}.mm-filter-meta p{font-size:13px;white-space:nowrap;padding-top:8px}.mm-quiet{font-size:12px!important}.mm-grid{gap:17px}.mm-card-body{padding:14px 16px 18px}.mm-card h3{font-size:19px}.mm-card-desc{font-size:15px}.mm-card-actions button{font-size:13px}.mm-card-visual::after{opacity:1;font-size:10px}.mm-help{font-size:12px}.mm-how{grid-template-columns:1fr;gap:30px;margin:0 6vw 25px;padding-top:32px}.mm-how h2 br{display:none}.mm-how p{font-size:16px}.mm-how li span{font-size:15px}.mm-footer{padding:26px 6vw;font-size:12px}.mm-footer>div{flex-direction:column;gap:12px;font-size:15px}.mm-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:10px}.mm-dialog-head{padding:15px 17px}.mm-dialog-head h2{font-size:22px}.mm-dialog-body{grid-template-columns:1fr;padding:17px;gap:26px}.mm-detail-stage.mm-portrait canvas{height:min(440px,55vh)}.mm-preview-controls .mm-quiet{font-size:13px!important}.mm-detail-actions{grid-template-columns:1fr 1fr}.mm-detail-actions button{font-size:14px;padding:10px}.mm-toast{bottom:16px;font-size:14px}}
@media(max-width:560px){.mm-grid{grid-template-columns:1fr}.mm-intro h1{font-size:clamp(31px,8.3vw,45px)}.mm-hero-actions{gap:13px}.mm-primary{font-size:16px;padding:12px 17px}.mm-hero-note{font-size:12px}.mm-guide{gap:8px}.mm-guide div{font-size:12px}.mm-guide>span{font-size:12px}.mm-preview-top,.mm-preview-bottom{padding:12px 16px}.mm-preview-bottom{font-size:13px}.mm-filter-meta{display:block}.mm-filter-meta p{padding-top:0}.mm-filter-meta>div{justify-content:space-between;margin-top:6px}.mm-detail-actions{grid-template-columns:1fr}.mm-header .lab-logo small{display:none}.mm-header .lab-logo b{font-size:20px}.mm-header .lab-mark{width:33px;height:33px;font-size:16px}.mm-header .lab-nav .lab-pill{font-size:12px!important;padding:6px 10px}.mm-section-head h2{font-size:27px}.mm-section-head>p{font-size:12px}.mm-card-desc{min-height:0}}
@media(prefers-reduced-motion:reduce){.motion-page *{scroll-behavior:auto!important;transition:none!important}.mm-card:hover{transform:none}}
/* Readability: keep meaningful Japanese copy and controls at 18px on every width. */
.motion-page .mm-description,
.motion-page .mm-section-head>p,
.motion-page .mm-search-label,
.motion-page .mm-search-wrap input,
.motion-page .mm-filter-row button,
.motion-page .mm-card-desc,
.motion-page .mm-card-actions button,
.motion-page .mm-how p,
.motion-page .mm-how li span,
.motion-page .mm-footer>div,
.motion-page .mm-use,
.motion-page .mm-edit-help,
.motion-page #mm-fields label,
.motion-page #mm-fields input,
.motion-page .mm-prompt-details summary,
.motion-page .mm-prompt-details textarea,
.motion-page .mm-detail-actions button,
.motion-page .mm-primary,
.motion-page .mm-secondary{font-size:18px}
.motion-page .mm-quiet{font-size:16px!important;min-height:44px}
.motion-page .mm-card-actions{flex-wrap:wrap}
.motion-page .mm-card-actions button{flex:1 1 140px;min-height:48px;padding:10px 12px}
.motion-page .mm-filter-row button{min-height:46px;padding:8px 15px}
.motion-page .mm-preview-controls>div{flex-wrap:wrap;max-width:100%}
.motion-page .mm-preview-controls{gap:10px}
.motion-page .mm-filter-meta>div{flex-wrap:wrap}
.motion-page .mm-detail-actions button{overflow-wrap:anywhere}
@media(max-width:860px){
 .motion-page .mm-section-head{align-items:flex-start;flex-direction:column}
 .motion-page .mm-section-head>p{max-width:none}
 .motion-page .mm-hero-actions{flex-wrap:wrap}
 .motion-page .mm-filter-meta{display:block}
 .motion-page .mm-filter-meta>div{justify-content:space-between;gap:6px;margin-top:8px}
 .motion-page .mm-detail-actions{grid-template-columns:1fr}
 .motion-page #mm-fields{grid-template-columns:1fr}
 .motion-page .mm-card-desc{min-height:0}
}
/* 平面／3D の切り替え（3D版がある5部品だけ）。3Dは iframe を平面の canvas と同じ大きさ・同じ位置に重ねる。 */
.mm-card{position:relative}
.mm-view-toggle{display:inline-flex;flex:none;border:1px solid #2e4560;border-radius:6px;overflow:hidden;background:#101e35}
.mm-view-toggle button{min-height:40px;min-width:52px;margin:0;padding:6px 12px;border:0;border-radius:0;background:transparent;color:#c7d6e6;font:700 16px/1.2 var(--lab-sans);letter-spacing:0}
.mm-view-toggle button+button{border-left:1px solid #2e4560}
.mm-view-toggle button:hover{background:#18334c;color:#fff}
.mm-view-toggle button[aria-pressed=true]{background:#2EAEFF;color:#06152d}
.mm-card-meta .mm-view-toggle{margin-left:auto}
.mm-card-meta .mm-view-toggle+.mm-fav{margin-left:0}
.mm-3d-frame{display:block;border:0;margin:0;padding:0;background:transparent;opacity:0;transition:opacity .25s;pointer-events:none}
.mm-3d-frame.mm-3d-ready{opacity:1}
.mm-card>.mm-3d-frame{position:absolute;z-index:1;top:0;left:0;width:100%;height:auto;aspect-ratio:16/9}
.mm-card.mm-is-3d .mm-card-visual canvas{visibility:hidden}
.mm-card.mm-is-3d .mm-card-visual::after{z-index:2}
.mm-detail-stage{position:relative}
.mm-detail-stage>.mm-3d-frame{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;aspect-ratio:16/9}
.mm-detail-stage.mm-portrait>.mm-3d-frame{width:auto;height:min(540px,60vh);max-width:100%;aspect-ratio:9/16}
.mm-detail-stage.mm-is-3d canvas{visibility:hidden}
.motion-page .mm-preview-controls>.mm-view-toggle{gap:0;flex-wrap:nowrap}
.mm-preview-controls .mm-view-toggle button{min-height:44px}
@media(max-width:860px){.mm-detail-stage.mm-portrait>.mm-3d-frame{height:min(440px,55vh)}}
@media(prefers-reduced-motion:reduce){.mm-3d-frame{transition:none}}