:root{--gold:#ddb570;--muted:#aab8c4;--line:#304251}
body{line-height:1.6}.app{grid-template-columns:232px minmax(0,1fr)}.content{max-width:1500px;padding:26px 26px 60px}.hero h1{font-size:clamp(26px,3vw,38px);letter-spacing:.01em}.hero p{font-size:16px}.hero{padding-bottom:22px}.sidebar{padding:22px 12px}.logo-line span,.nav-label,.sidebar-note{font-size:12px}.step-btn span{font-size:12px}.studio-tools{display:grid;gap:8px;margin-top:16px}.studio-tools small{font-size:12px;color:#a4b6c4;padding:4px}.topbar-inner{grid-template-columns:minmax(100px,1fr) auto minmax(210px,1fr) minmax(210px,1fr)}.current-driver{min-width:0}.project-title span,.current-driver small{font-size:12px}.current-driver b,.change,.locale-control select{font-size:14px}.locale-control label{font-size:12px}.card-head p,.field label,.btn,.notice,.quick-card p,.big-driver-card p,.type-card span,.legend,.metric span,.parts th,.parts td,.parts input,.unit-card p,.unit-card .values span,.summary-box p,.helper,.port-geometry-note,.absorb-explain,.jsb-note,.chart-axis-note,.footer-actions p{font-size:14px}.card-head h2{font-size:19px}.spec span,.data-badge,.source,.db-stat span,.brand-chip span,.file-note{font-size:12px}.spec b,.price-line,.brand-chip b,.form-field label,.form-field input,.form-field select,.entry-status,.form-section p{font-size:14px}.btn,button.close{min-height:42px}.field input,.field select{font-size:16px}.big-driver-card{grid-template-columns:58px minmax(0,1fr)}.big-driver-card>.actions{grid-column:2}.step-intro{grid-template-columns:minmax(0,1fr)}.step-intro>.quick-card{display:none}.card{background:#101923;border-radius:14px;box-shadow:none}.card-body{padding:20px}.card-head{padding:16px 20px}.chart canvas{height:340px;min-height:0;width:100%;touch-action:pan-y}.chart{margin-top:18px}.watermark{display:none}.helper{color:#a5b5c2;line-height:1.7;margin:12px 0}.table-scroll,.circuit-panel{overflow-x:auto}.parts{min-width:560px}.circuit-panel{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.circuit-panel h3{margin:0;font-size:18px}#circuit svg{width:100%;min-width:670px;display:block}.result-layout{grid-template-columns:minmax(0,1fr)}.summary-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-box span{font-size:12px}.summary-box b{font-size:15px}.big-driver-card h3,.unit-card h3{overflow-wrap:anywhere}.db-stats{gap:10px}.db-stat{padding:12px 16px}.db-stat b{font-size:26px;font-weight:500}.type-card span{opacity:1;color:#adbac4}.brand-chip span{color:#b1bfca}.brand-grid{max-height:155px}.modal-panel{grid-template-rows:auto auto auto minmax(100px,1fr) auto}.modal-head p{font-size:14px}.modal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tooltip{font-size:14px}.unit-card{grid-template-columns:62px minmax(0,1fr)}.unit-card .pick{grid-column:2;justify-self:start}.unit-thumb{width:60px;height:60px}.modal-filters .field{min-width:0}.check-row{padding:11px 0;border-bottom:1px solid #2a3e4d;color:#b6c8d4;font-size:14px}.check-row.warn{color:#f0bc83}.check-row b{display:block;color:#eef3f7;font-size:15px}.dimension-result{font-variant-numeric:tabular-nums}.dimension-result strong{font-size:24px;color:#f0dda9}.studio-dialog{background:#101923;color:#f0f5f8;border:1px solid #4a5c6a;border-radius:16px;width:min(850px,calc(100% - 24px));max-height:90vh;padding:24px}.studio-dialog::backdrop{background:#02070ddd;backdrop-filter:blur(6px)}.studio-dialog h2{margin:0;font-size:23px}.studio-dialog h3{font-size:18px;margin:22px 0 8px}.studio-dialog p,.studio-dialog li{font-size:16px;color:#b1c0cd}.studio-dialog summary{cursor:pointer;font-weight:bold;padding:12px 0}.dialog-head{display:flex;justify-content:space-between;gap:15px}.project-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #344859;border-radius:9px;padding:13px;margin-top:10px}.project-row small{display:block;color:#9bacba}.project-row>div{min-width:0;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e8bf79;outline-offset:4px}.modal-foot span{font-size:14px}.print-only{display:none}
@media(max-width:1200px){.app{grid-template-columns:200px minmax(0,1fr)}.topbar-inner{grid-template-columns:1fr 1fr}.project-title{grid-column:auto}.locale-control{grid-column:auto}.grid2{grid-template-columns:1fr}.modal-list{grid-template-columns:1fr}.step-btn .text,.logo-line .txt{display:block}.step-btn{grid-template-columns:32px 1fr}.step-btn span{display:block}.summary-stack{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app{display:block}.sidebar{position:relative;padding:12px}.sidebar .logo-line{display:flex;padding:0 0 10px}.logo-line .txt{display:block}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.step-btn{display:flex;flex-direction:column;gap:5px;padding:8px 2px}.step-btn .text{display:block}.step-btn .text span,.nav-label{display:none}.step-btn b{font-size:12px}.step-btn[data-step=box] b{font-size:0}.step-btn[data-step=box] b:after{content:'箱の設計';font-size:12px}.sidebar>.btn{width:auto!important}.studio-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.studio-tools .btn{font-size:13px;flex:1}.studio-tools small{width:100%}.topbar{position:relative;top:0;padding:10px 12px}.topbar-inner{grid-template-columns:1fr}.project-title,.locale-control{display:none}.current-driver b{max-width:none;white-space:normal}.content{padding:20px 12px 40px}.hero h1{font-size:28px}.card-head{flex-wrap:wrap;padding:14px}.card-body{padding:12px}.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.field{min-width:0}.db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.db-stats .db-stat:last-child{grid-column:1/-1}.big-driver-card{padding:12px;gap:10px;grid-template-columns:42px minmax(0,1fr)}.driver-visual{width:42px;height:42px}.big-driver-card .actions{grid-column:1/-1}.chart canvas{height:310px}.type-cards{grid-template-columns:1fr 1fr}.footer-actions{align-items:stretch}.footer-actions p{display:none}.summary-stack{grid-template-columns:1fr}.modal-filters{grid-template-columns:1fr 1fr}.modal-list{grid-template-columns:1fr}.brand-grid{max-height:120px}.modal-head{padding:12px}.modal-head h2{font-size:18px}.modal-panel{height:100dvh}.brand-browser{padding:6px 12px}.brand-browser-head{display:none}.project-row{flex-direction:column;align-items:stretch}.studio-dialog{padding:18px}.chart-axis-note{font-size:13px}.modal-foot{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media print{body{background:white!important;color:black!important}.app{display:block}.sidebar,.topbar,.page,.studio-dialog,.modal{display:none!important}.print-only{display:block!important;color:black;background:white;font-size:12px}.print-only h1{font-size:24px}.print-only table{width:100%;border-collapse:collapse}.print-only td,.print-only th{border:1px solid #aaa;padding:7px;text-align:left}.print-only img{width:100%}.print-only svg{width:100%;background:#101923}.print-only section{break-inside:avoid}}