/* Presentation layer only. The production engine and its input IDs remain intact. */
:root{--ui-bg:#f3f5f1;--ui-paper:#fff;--ui-text:#223b32;--ui-muted:#64766c;--ui-line:#d9e3da;--ui-accent:#25664c;--ui-soft:#e8f1e9;--ui-top:86px}
body{margin:0!important;background:var(--ui-bg)!important;color:var(--ui-text);font:14px/1.65 'Segoe UI','Yu Gothic UI',Meiryo,sans-serif!important}
[hidden]{display:none!important}*{box-sizing:border-box}
.ui-shell{max-width:1600px;margin:auto;color:var(--ui-text)}
.ui-shell button{font:inherit;cursor:pointer;min-height:42px;padding:9px 14px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-paper);color:var(--ui-text)}
.ui-shell button:hover{border-color:var(--ui-accent)}
.ui-shell button.ui-primary,.ui-shell button[aria-pressed=true]{background:var(--ui-accent);color:white;border-color:var(--ui-accent)}
.ui-shell button:disabled{opacity:.55;cursor:default}.ui-shell button:focus-visible{outline:3px solid #78b797;outline-offset:2px}
.ui-shell h1,.ui-shell h2,.ui-shell h3,.ui-shell p{margin:0}.ui-shell h1{font-size:36px;font-weight:500;line-height:1.45}.ui-shell h2{font-size:21px;font-weight:500}.ui-shell h3{font-size:16px;font-weight:500}.ui-shell small{font-size:12px;color:var(--ui-muted)}
.ui-header{padding:14px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-line);gap:12px;background:var(--ui-paper);flex-wrap:wrap}.ui-brand{font-size:19px;color:var(--ui-accent)}.ui-tag{font-size:12px;padding:3px 8px;border-radius:4px;background:var(--ui-soft)}
.ui-hero{max-width:980px;margin:auto;padding:65px 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.ui-kicker{color:var(--ui-accent);font-size:12px;letter-spacing:.1em;margin-bottom:18px}.ui-hero p{margin:20px 0;color:var(--ui-muted)}.ui-entrances{display:grid;gap:12px;max-width:380px}.ui-entrances button{padding:15px;font-size:16px}.ui-hero-example{padding:30px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-paper)}.ui-house-art{height:170px;display:grid;place-content:center;font-size:72px;color:var(--ui-accent)}
.ui-work{padding:20px 26px 40px}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:15px}.ui-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ui-mode{display:flex;gap:3px}.ui-mode-note{font-size:12px;color:var(--ui-muted)}
.ui-pinned{position:sticky;top:0;z-index:100;background:var(--ui-paper);border-bottom:1px solid var(--ui-line);padding:12px 26px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 4px 10px #223b3208}.ui-pinned-values{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.ui-pinned strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.ui-difference{color:var(--ui-accent)}.ui-status{color:var(--ui-muted);font-size:12px}.ui-announcement{padding:8px 26px;color:var(--ui-accent);background:var(--ui-soft)}
.ui-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:22px;align-items:start}.ui-inputs,.ui-results{min-width:0}.ui-results{position:sticky;top:calc(var(--ui-top) + 12px);padding:22px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-paper)}.ui-results .ui-peak{font-size:38px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums}.ui-results .ui-peak small{font-size:16px}.ui-plot{height:240px;margin:15px 0}.ui-parts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;border-top:1px solid var(--ui-line);padding:14px 0}.ui-parts strong{display:block;font-size:18px;font-weight:500}.ui-result-actions{padding-top:12px;border-top:1px solid var(--ui-line)}
.ui-nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.ui-nav button{font-size:13px;padding:8px 10px}.ui-section-title{margin:6px 0 12px!important}.ui-panel{min-width:0}.ui-shell .calc-card{background:var(--ui-paper)!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;margin:0 0 14px!important;padding:16px!important;box-shadow:none!important;min-width:0}.ui-shell .calc-card>h2,.ui-shell .calc-card>h3{font-size:16px!important;color:var(--ui-text)!important}.ui-shell .calc-card .card-description{font-size:12px;margin:10px 0}.ui-shell .calc-card .card-description summary{cursor:pointer;color:var(--ui-muted)}
.ui-shell .input-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0}.ui-shell input:not([type=checkbox]):not([type=radio]):not([type=range]),.ui-shell select,.ui-shell textarea{max-width:100%!important;min-width:0!important;font-size:16px!important;box-sizing:border-box;color:var(--ui-text)}.ui-shell .input-group{min-width:0}.ui-shell .detail-settings{border-left:3px solid var(--ui-line);padding-left:12px}.ui-shell[data-mode=detailed] .detail-settings{display:block!important}.ui-shell[data-mode=simple] .detail-settings{display:none!important}.ui-shell .detail-hint{display:none!important}.ui-shell .window-row{max-width:100%;min-width:0}.ui-shell .wall-direction-grid{max-width:100%}.ui-scroll-table{max-width:100%;overflow-x:auto}.ui-shell .tooltiptext{max-width:min(300px,80vw)!important;white-space:normal!important}
.ui-shell .calc-card [data-toggle]{display:none!important}.ui-legacy-store{display:none!important}.ui-note{font-size:12px;color:var(--ui-muted);margin:10px 0!important}.ui-reference{padding:11px 14px;border-left:3px solid var(--ui-accent);background:var(--ui-soft);font-size:13px;margin-bottom:14px}.ui-warning{color:#963b20!important}.ui-peek{flex-basis:100%;height:190px}.ui-peek canvas{max-height:190px}.ui-shell .chart-container{max-width:100%!important}.ui-shell .calc-card canvas{max-width:100%}.ui-shell details>summary{cursor:pointer}
.ui-shell .windows-table-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.ui-shell .window-row{box-shadow:none!important}.ui-shell .window-row>div{flex-wrap:wrap!important;gap:8px!important}.ui-shell .direction-buttons{min-width:0;flex:1 1 210px}.ui-shell .direction-buttons>div{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:5px!important}.ui-shell .direction-btn{min-width:44px!important;flex:1;padding:6px!important}.ui-shell[data-mode=simple] [data-ui-advanced]{display:none!important}
.ui-shell[data-mode=detailed] .ui-window-detail-button{display:none}.ui-shell .ui-window-detail-button{margin-top:8px;color:var(--ui-accent)}html{scroll-padding-top:calc(var(--ui-top) + 12px)}
.ui-shell input,.ui-shell select,.ui-shell label,.ui-shell textarea{font-family:inherit!important}.ui-shell .direction-btn.selected{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}.ui-shell .direction-btn:not(.selected){background:#f4f7f3!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}.ui-shell .window-row{border-color:var(--ui-line)!important;border-radius:10px!important}.ui-shell .window-row .size-input{flex-basis:100px!important}.ui-shell .window-row input[readonly]{min-width:82px!important}
@media(max-width:900px){.ui-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}.ui-shell .input-grid-2{grid-template-columns:1fr!important}.ui-work{padding:16px}.ui-results{padding:15px}.ui-header{padding:14px 16px}}
@media(max-width:700px){.ui-hero{grid-template-columns:1fr;padding:34px 20px;gap:20px}.ui-hero-example{display:none}.ui-shell h1{font-size:29px}.ui-entrances{max-width:none}.ui-grid{display:flex;flex-direction:column;gap:18px}.ui-inputs{width:100%}.ui-results{position:static;width:100%;order:-1}.ui-results.ui-compact{display:none}.ui-work{padding:14px 12px 30px}.ui-pinned{padding:9px 12px;gap:6px}.ui-pinned-values{gap:3px 10px;flex:1}.ui-pinned-values>small{flex-basis:100%}.ui-pinned strong{font-size:20px}.ui-pinned .ui-difference{font-size:12px}.ui-pinned button{padding:8px 10px;min-height:44px}.ui-shell button{min-height:44px}.ui-toolbar{gap:10px}.ui-nav{gap:5px}.ui-nav button{padding:7px 10px}.ui-shell .calc-card{padding:12px!important}.ui-shell .input-grid-2{grid-template-columns:1fr!important}.ui-shell .direction-buttons{flex-wrap:wrap!important}.ui-shell .window-row{overflow-wrap:anywhere}.ui-shell .wall-direction-grid{overflow-x:auto}.ui-shell .ui-status{font-size:11px}.ui-plot{height:200px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Shared wiki chrome is preserved on the integrated page. */
.calc-ui-page .layout-wrapper{gap:14px}.calc-ui-page .main{padding:0}.calc-ui-page .wiki-content,.calc-ui-page .calc-ua-wrapper{padding:0!important;overflow:visible!important;background:var(--ui-bg)}
.calc-ui-page .ui-pinned{top:var(--header-h,52px)}.calc-ui-page .ui-results{top:calc(var(--header-h,52px) + var(--ui-top) + 12px)}
.calc-ui-page .ui-shell{container-type:inline-size}.calc-ui-page .ui-work{padding:16px}.calc-ui-page .ui-hero{gap:28px;padding:40px 24px}.calc-ui-page .ui-shell .calc-card label{color:var(--ui-text)!important}.ui-shell .calc-card .input-group>label{font-weight:500!important}
.ui-shell .calc-card input,.ui-shell .calc-card select{border-color:var(--ui-line)!important;border-radius:6px!important}.ui-shell .calc-card .card-description{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;border-left-color:var(--ui-accent)!important}.ui-shell .window-row>div>strong{color:var(--ui-accent)!important}
@container(max-width:850px){.calc-ui-page .ui-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}.calc-ui-page .input-grid-2{grid-template-columns:1fr!important}.calc-ui-page .ui-actions{gap:5px}.calc-ui-page .ui-results{padding:14px}}
@container(max-width:620px){.calc-ui-page .ui-grid{display:flex;flex-direction:column}.calc-ui-page .ui-inputs{width:100%}.calc-ui-page .ui-results{position:static;width:100%;order:-1}.calc-ui-page .ui-hero{grid-template-columns:1fr}.calc-ui-page .ui-hero-example{display:none}}