.kohaku-demo-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 6%;background:#e8eddf;border-bottom:1px solid #d0dac5;font-size:13px;color:var(--forest)}
.kohaku-demo-notice strong{font-weight:600}.kohaku-demo-notice a{border-bottom:1px solid #84987c;white-space:nowrap}
.koi-article .koi-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);max-width:1600px;gap:4%;align-items:center}
.kohaku-viewer{min-width:0;margin:0;position:relative;background:radial-gradient(ellipse at 65% 20%,#fafbf5,#e7eddf 75%);border:1px solid #d7e0cf;border-radius:32px;overflow:hidden}
.kohaku-viewer-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 0;font-size:11px;letter-spacing:1.6px;color:#64765f;font-weight:600}
.kohaku-viewer-head>span:last-child{letter-spacing:.4px;padding:4px 9px;background:#fff8;border-radius:20px;font-size:10px}
.kohaku-stage{position:relative;height:420px;isolation:isolate;cursor:grab}.kohaku-viewer[data-dragging=true] .kohaku-stage{cursor:grabbing}.kohaku-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px}
.kohaku-fallback{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center}.kohaku-fallback[hidden]{display:none}.kohaku-fallback .koi-fish{width:180px}
.kohaku-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:0 18px 16px}.kohaku-tools button{border:1px solid #bdcdb5;border-radius:6px;background:#ffffff85;color:var(--forest);font:600 12px var(--sans);padding:9px 11px;min-height:38px;cursor:pointer}.kohaku-tools button:hover{background:#fff}.kohaku-tools button[data-swim]{background:var(--forest);color:#fff;border-color:var(--forest)}.kohaku-tools .kohaku-zoom{display:flex;gap:4px}.kohaku-tools .kohaku-zoom button{width:36px;padding:6px;font-size:18px;font-weight:400}
.kohaku-viewer figcaption{font:12px/1.65 var(--sans);color:#64715e;text-align:center;padding:0 24px 22px}.kohaku-viewer figcaption span{display:block}.kohaku-viewer figcaption span:last-child{font-size:11px;color:#7c8776;margin-top:7px}
@media(max-width:1100px){.koi-article .koi-hero{grid-template-columns:1fr 1.2fr;gap:3%}.kohaku-stage{height:340px}.kohaku-viewer-head{padding:20px 18px 0;letter-spacing:1px}.kohaku-tools button{font-size:11px}}
@media(max-width:750px){.koi-article .koi-hero{grid-template-columns:1fr;gap:28px}.kohaku-viewer{border-radius:24px}.kohaku-stage{height:340px}.kohaku-demo-notice{font-size:11px;align-items:flex-start}.kohaku-viewer-head{font-size:10px}.kohaku-viewer figcaption{font-size:11px;padding-inline:16px}.kohaku-tools{gap:6px;padding-inline:12px}.kohaku-tools button{min-height:42px;padding:10px 9px}}
@media(max-width:360px){.kohaku-stage{height:300px}.kohaku-tools button{font-size:10px}.kohaku-tools{gap:5px}}

.kohaku-tools[hidden]{display:none!important}.kohaku-stage canvas[hidden]{display:none!important}

.kohaku-credit a{text-decoration:underline;text-underline-offset:2px}.kohaku-credit a:hover{color:var(--forest)}