/* journal-controls/v1 — canonical controls for owned experiments, not imported works. */
:root{color-scheme:light;--jc-bg:#f4f7f5;--jc-surface:#fcfefd;--jc-ink:#3d5143;--jc-muted:#738579;--jc-accent:#648976;--jc-warn:#ad8055;--jc-radius:12px;--jc-space:16px}
.journal-component{margin:0;padding:24px;background:var(--jc-bg);color:var(--jc-ink);font:14px/1.65 system-ui,'PingFang SC',sans-serif}.journal-component *{box-sizing:border-box}.journal-component h1{font-size:19px;line-height:1.5;font-weight:600;margin:0 0 8px}.journal-component p{color:var(--jc-muted);margin:0 0 20px}.journal-component button,.journal-component select{font:inherit;font-size:12px;color:var(--jc-ink);background:var(--jc-surface);border:0;padding:8px 13px;border-radius:9px;cursor:pointer}.journal-component button:hover{background:#e8efeb}.journal-component button:active{transform:translateY(1px)}.journal-component button[aria-pressed=true]{background:#dce9e0;color:#344f3f}.journal-component .jc-primary{background:var(--jc-accent);color:#fff}.journal-component .jc-primary:hover{background:#557c67}.journal-component :focus-visible{outline:2px solid var(--jc-accent);outline-offset:3px}.journal-component input{accent-color:var(--jc-accent)}.journal-component input[type=range]{width:100%}.journal-component .jc-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.journal-component .jc-presets{gap:8px;margin:18px 0 24px}.journal-component .jc-presets button{border-radius:999px;padding:5px 11px}.journal-component .jc-stage{background:var(--jc-surface);border:0;border-radius:var(--jc-radius);padding:22px;overflow:hidden;box-shadow:none}.journal-component .jc-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;font-variant-numeric:tabular-nums;margin:22px 0}.journal-component .jc-readout dt{font-size:11px;color:var(--jc-muted)}.journal-component .jc-readout dd{font-size:18px;margin:0}.journal-component .jc-status{font-size:12px;color:var(--jc-muted);min-height:1.65em;margin:18px 0 0}@media(prefers-reduced-motion:reduce){.journal-component *{animation-duration:0.001ms!important;transition-duration:0.001ms!important}}
