/* A quiet, shared frame. Tool logic, data and individual layouts are retained. */
body[data-experience]{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",sans-serif;--experience-ink:#183046;--experience-blue:#245dc4;--experience-line:#dce5ec;--experience-muted:#526677}
body[data-experience] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){font-size:max(16px,1em)}
body[data-experience] :is(button,select,summary,.primary,.secondary,.service-open){min-height:44px;touch-action:manipulation}
body[data-experience] :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #327bdf;outline-offset:4px}
body[data-experience] [hidden]{display:none!important}
body[data-experience] :is(h1,h2,h3){text-wrap:balance}
body[data-experience] :is(#botai-app-navigation,.site-nav){gap:12px 24px}
body[data-experience] :is(#botai-app-navigation a,.site-nav a){min-height:44px;display:inline-flex;align-items:center}
.experience-steps{list-style:none!important;display:flex;gap:0;margin:24px 0!important;padding:0!important;color:var(--experience-muted);border-bottom:1px solid var(--experience-line)}
.experience-steps li{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:14px 10px;margin:0!important;position:relative;font-size:15px;line-height:1.5}
.experience-steps li>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#e9eef4;color:#526677;font:600 13px system-ui}
.experience-steps b{font-weight:550}
body[data-experience="0004"]{background:#f3f6f9;color:var(--experience-ink)}
body[data-experience="0004"] .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"input results";gap:24px;align-items:start}
body[data-experience="0004"] .input-panel{grid-area:input}
body[data-experience="0004"] .results-panel{grid-area:results}
body[data-experience="0004"] .panel{border:1px solid var(--experience-line);border-radius:20px;box-shadow:0 8px 30px #213b5310;padding:28px}
body[data-experience="0004"] .intro{padding-block:34px 18px}
body[data-experience="0004"] .intro-note{max-width:36ch}
body[data-experience="0004"] .intro h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-.035em}
body[data-experience="0004"] .workspace-hint{font-size:16px;color:var(--experience-muted)}
body[data-experience="0004"] .experience-file-options{margin:8px 0 24px;padding:0 14px;background:#f4f7fb;border:1px solid var(--experience-line);border-radius:12px}
body[data-experience="0004"] .experience-file-options summary{display:flex;align-items:center;cursor:pointer;font-size:15px}
body[data-experience="0004"] .file-area{background:#f6f9ff;border-color:#9ab4d7;min-height:144px;border-radius:14px}
body[data-experience="0004"] .sample-row{background:#eef4ff;border-radius:12px;padding:10px 14px;gap:10px}
body[data-experience="0004"] #sample{color:#174da9;font-weight:650}
body[data-experience="0004"] :is(#inspect,#prepare,#download){border-radius:12px;min-height:50px;font-size:16px;font-weight:650}
body[data-experience="0004"] #inspect{background:#245dc4;color:#fff}
body[data-experience="0004"] #inspect:disabled{background:#d6dee9;color:#596a7d}
body[data-experience="0004"] #source{min-height:190px;border-radius:12px;line-height:1.65}
body[data-experience="0004"] .subtle{font-size:14px;line-height:1.75}
body[data-experience="0004"] #result-decision{font-size:24px;line-height:1.45}
body[data-experience="0004"] .empty-state{padding:38px 14px;min-height:280px}
body[data-experience="0005"] .experience-steps{margin:0 0 20px!important}
body[data-experience="0005"] .workspace{padding:26px;border-radius:22px}
body[data-experience="0005"] .dropzone{border-radius:16px}
body[data-experience="0005"] :is(#choose,#demo){min-height:50px;border-radius:12px}
body[data-experience="0005"] .output-panel{padding-block:40px}
body[data-experience="0005"] .result-heading h2{font-size:clamp(26px,3vw,34px)}
body[data-experience="0005"] :is(.result-card,.image-card){border-radius:18px}
body[data-experience="0022"]{background:#f3f6f9;color:var(--experience-ink)}
body[data-experience="0022"] main{max-width:1080px;margin:auto;padding:24px 32px}
body[data-experience="0022"] header{padding:32px 0 8px;max-width:820px}
body[data-experience="0022"] h1{font-size:clamp(32px,5vw,50px);line-height:1.3;letter-spacing:-.04em}
body[data-experience="0022"] .lead{font-size:clamp(19px,3vw,25px);line-height:1.55}
body[data-experience="0022"] :is(.input-panel,#output-section){background:white;border:1px solid var(--experience-line);border-radius:20px;padding:28px;box-shadow:0 8px 30px #213b5310;margin-block:24px}
body[data-experience="0022"] .section-heading{align-items:center;gap:16px}
body[data-experience="0022"] #example{background:#eef4ff;border-color:#c0d1ec;color:#174da9;border-radius:12px;min-height:48px;font-weight:650}
body[data-experience="0022"] :is(.hint,.privacy){font-size:15px;line-height:1.8}
body[data-experience="0022"] .grid{gap:18px}
body[data-experience="0022"] :is(input,textarea,select,button){border-radius:10px}
body[data-experience="0022"] :is(.form-actions .primary,#copy:not(:disabled)){background:#245dc4;color:white;border-color:#245dc4;min-height:50px}
body[data-experience="0022"] .draft-tools{background:#f7f9fc;border:1px solid var(--experience-line);border-radius:12px;padding:2px 16px;margin-top:26px}
body[data-experience="0022"] .reset-line{padding-top:22px}
body[data-experience="0022"] #status:not(:empty){padding:16px;border-radius:12px}
body[data-experience="0022"] #output-empty{padding:22px;background:#f5f8fc;border-radius:12px}
@media(max-width:700px){
 .experience-steps li{font-size:14px;padding:12px 4px;gap:6px}.experience-steps li>span{width:24px;height:24px}
 body[data-experience="0004"] .workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"input" "results"}
 body[data-experience="0004"] .panel{padding:20px 16px;border-radius:16px}
 body[data-experience="0004"] .intro{padding-block:20px 10px}
 body[data-experience="0004"] .sample-row{flex-wrap:wrap}
 body[data-experience="0005"] .workspace{padding:20px 16px}
 body[data-experience="0022"] main{padding:14px 16px}
 body[data-experience="0022"] :is(.input-panel,#output-section){padding:20px 16px;border-radius:16px}
 body[data-experience="0022"] .section-heading{align-items:stretch}
 body[data-experience="0022"] .section-heading>button{width:100%}
}
@media(prefers-reduced-motion:reduce){body[data-experience]{scroll-behavior:auto}body[data-experience] :is(button,a){transition:none}}


body[data-experience="0004"] .masthead{padding-block:18px}
body[data-experience="0004"] main{padding-top:20px}
body[data-experience="0004"] .service-status{padding-block:12px}
body[data-experience="0004"] .product-guide{margin-block:14px}

body[data-experience="0004"] .masthead{display:none}
@media(max-width:700px){body[data-experience="0004"] #botai-app-navigation{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:10px 16px}body[data-experience="0004"] #botai-app-navigation a{width:auto;flex-basis:auto;margin:0}body[data-experience="0004"] .intro-note{margin-bottom:0}}

.experience-steps b [lang="en"]{display:none}html[lang="en"] .experience-steps b [lang="ja"]{display:none}html[lang="en"] .experience-steps b [lang="en"]{display:inline}