.render-canvas .apps-body{--a-navy:#1e3147;--a-blue:#283993;--a-link:#1f5aa5;--a-rule:#cbd2e0;--a-ground:#f8f7f6;--a-soft:#eef2fa;--a-text:#2b3648;--a-sans:"ヒラギノ角ゴ W3 JIS2004", "Noto Sans JP Variable", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--a-display:"DIN Condensed", "Oswald Variable", "Arial Narrow", sans-serif;box-sizing:border-box;background:var(--a-ground);width:100%;color:var(--a-text);font-family:var(--a-sans);padding:72px 48px 112px;font-size:16px;line-height:1.9;display:block}.render-canvas .apps-body *,.render-canvas .apps-body :before,.render-canvas .apps-body :after{box-sizing:border-box}.render-canvas .apps-inner{max-width:1080px;margin:0 auto}.apps-body :where(*){line-height:inherit}.apps-body :where(li){list-style:inherit}.render-canvas .apps-body a{color:var(--a-link)}.render-canvas .apps-body :is(a,button,input,summary):focus-visible{outline-offset:3px;outline:3px solid #609fff}.render-canvas .apps-body .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.apps-crumb ol{font:600 13px/1.6 var(--a-display);letter-spacing:.06em;flex-wrap:wrap;gap:4px 10px;margin:0 0 40px;padding:0;list-style:none;display:flex}.apps-crumb li{align-items:center;gap:10px;display:inline-flex}.render-canvas .apps-crumb a{color:#8a93a3;align-items:center;min-height:24px;text-decoration:none;display:inline-flex}.render-canvas .apps-crumb a:hover{color:var(--a-navy)}.apps-crumb [aria-current],.apps-crumb .sep{color:var(--a-link)}.render-canvas .apps-eyebrow{font:600 28px/1.3 var(--a-display);letter-spacing:.06em;color:var(--a-blue);margin:0 0 6px}.render-canvas .apps-body h2.apps-h2{font:700 28px/1.5 var(--a-sans);color:var(--a-navy);margin:0 0 16px}.render-canvas .apps-lead{max-width:42em;margin:0 0 24px}.render-canvas .apps-section{margin:0 0 88px}.render-canvas .apps-notice{border:1px solid var(--a-blue);background:var(--a-soft);margin:0 0 40px;padding:20px 24px;font-size:14px;line-height:1.9}.render-canvas .apps-notice strong{color:var(--a-navy);margin-bottom:6px;display:block}.render-canvas .apps-notice ul{margin:0;padding-left:1.3em;list-style:outside}.render-canvas .apps-notice li{margin-bottom:2px}.apps-tools{border-top:1px solid var(--a-rule);border-bottom:1px solid var(--a-rule);gap:16px;margin:0 0 40px;padding:20px 0;display:grid}.apps-tabs,.apps-status{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.apps-tabs a,.apps-status button{border:1px solid var(--a-blue);min-height:44px;color:var(--a-blue);font:700 14px/1 var(--a-sans);cursor:pointer;background:0 0;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.apps-tabs a[aria-current=page],.apps-status button[aria-pressed=true]{background:var(--a-blue);color:#fff}.apps-tabs a:hover,.apps-status button:hover{background:var(--a-soft)}.apps-tabs a[aria-current=page]:hover,.apps-status button[aria-pressed=true]:hover{background:var(--a-blue)}.apps-status-label{font:600 13px/1 var(--a-display);letter-spacing:.08em;color:var(--a-navy);margin-right:4px}.apps-search{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.apps-search label{font:600 13px/1 var(--a-display);letter-spacing:.08em;color:var(--a-navy)}.apps-search input{min-width:220px;max-width:420px;min-height:44px;font:16px/1.4 var(--a-sans);color:var(--a-navy);background:#fff;border:1px solid #8a93a3;flex:1;padding:0 14px}.apps-count{color:#39465a;margin:0;font-size:14px}.apps-empty{color:#39465a;padding:32px 0}.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px;margin:0;padding:0;list-style:none;display:grid}.app-card{border:1px solid var(--a-rule);background:#fff;flex-direction:column;display:flex}.app-card[hidden]{display:none}.app-card-media{aspect-ratio:16/10;background:#e8edf7;overflow:hidden}.app-card-media img{object-fit:cover;width:100%;height:100%;display:block}.app-card-body{flex-direction:column;flex:1;gap:10px;padding:22px 22px 20px;display:flex}.app-card-meta{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;display:flex}.app-badge{border:1px solid var(--a-blue);color:var(--a-blue);white-space:nowrap;padding:2px 12px;font-size:12px;font-weight:700;line-height:1.8;display:inline-block}.app-badge-demo{background:var(--a-blue);color:#fff}.app-badge-limited{background:var(--a-navy);border-color:var(--a-navy);color:#fff}.app-badge-planned{color:#39465a;border-style:dashed;border-color:#8a93a3}.app-access{color:#39465a;font-size:12px;line-height:1.6}.render-canvas .app-card h3{font:700 20px/1.5 var(--a-sans);color:var(--a-navy);margin:4px 0 0}.app-card-tagline{color:var(--a-blue);margin:0;font-size:15px;font-weight:700;line-height:1.7}.app-card-use{color:#39465a;margin:0;font-size:13px;line-height:1.8}.app-card-use span{background:var(--a-soft);color:var(--a-navy);margin-right:8px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.app-card-featlabel{font:600 13px/1.4 var(--a-display);letter-spacing:.08em;color:var(--a-navy);margin:6px 0 0}.app-card-features{color:#39465a;margin:0;padding-left:1.2em;font-size:13px;line-height:1.8;list-style:outside}.app-card-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px;display:flex}.render-canvas .apps-body .app-btn{border:1px solid var(--a-blue);min-height:44px;color:var(--a-blue);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.render-canvas .apps-body .app-btn:hover{background:var(--a-soft)}.render-canvas .apps-body .app-btn-primary{background:var(--a-blue);color:#fff}.render-canvas .apps-body .app-btn-primary:hover{background:var(--a-navy)}.app-pending{color:#5a6679;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.app-updated{color:#5a6679;margin:0;font-size:12px}.app-hero{margin:0 0 56px}.app-hero img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--a-rule);background:#e8edf7;width:100%;height:auto;display:block}.app-head{margin:0 0 40px}.render-canvas .app-head h2{font:700 clamp(26px, 3.6vw, 38px)/1.4 var(--a-sans);color:var(--a-navy);margin:0 0 12px}.app-head .app-card-tagline{font-size:18px}.app-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin:0 0 72px;display:grid}.render-canvas .apps-body h3.apps-h3{border-top:1px solid var(--a-rule);font:700 20px/1.6 var(--a-sans);color:var(--a-navy);margin:0 0 14px;padding-top:18px}.apps-list{margin:0;padding-left:1.3em;line-height:1.9;list-style:outside}.apps-list li{margin-bottom:6px}.apps-steps{counter-reset:s;margin:0;padding:0;list-style:none}.apps-steps li{counter-increment:s;min-height:48px;padding:0 0 18px 60px;position:relative}.apps-steps li:before{content:counter(s);border:1px solid var(--a-blue);width:40px;height:40px;color:var(--a-blue);font:600 20px/1 var(--a-display);place-items:center;display:grid;position:absolute;top:-4px;left:0}.app-shots{grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr);align-items:start;gap:28px;margin:0 0 72px;display:grid}.app-shots figure{margin:0}.app-shots img{border:1px solid var(--a-rule);background:#fff;width:100%;height:auto;display:block}.app-shots figcaption{color:#39465a;margin-top:8px;font-size:13px}.app-state{border:1px solid var(--a-blue);background:var(--a-soft);margin:0 0 56px;padding:24px 28px}.app-state dl{grid-template-columns:8em minmax(0,1fr);gap:8px 16px;margin:0;font-size:14px;display:grid}.app-state dt{color:var(--a-navy);font-weight:700}.app-state dd{margin:0}.app-notes{border:1px solid var(--a-rule);background:#fff;margin:0 0 56px;padding:24px 28px}.app-notes h3{font:700 18px/1.6 var(--a-sans);color:var(--a-navy);margin:0 0 10px}.app-open{border-top:1px solid var(--a-rule);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:32px 0;display:flex}.render-canvas .apps-body .app-open .app-btn{min-height:56px;padding:0 32px;font-size:16px}.app-open p{color:#39465a;max-width:32em;margin:0;font-size:14px}.apps-back{margin:40px 0 0}@media (width<=1000px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=840px){.render-canvas .apps-body{padding:48px 20px 80px}.apps-grid{grid-template-columns:minmax(0,1fr)}.app-two,.app-shots{grid-template-columns:minmax(0,1fr);gap:28px}.app-shots figure.is-mobile{max-width:260px}.app-state dl{grid-template-columns:minmax(0,1fr);gap:2px}.app-state dt{margin-top:10px}.render-canvas .app-card-actions .app-btn{flex:100%}}@media (prefers-reduced-motion:reduce){.app-card-media img,.apps-tabs a,.apps-status button{transition:none}}
