:root{--ink:#173f38;--paper:#f5f5eb;--line:#d2ded2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}.shell{max-width:1180px;padding:30px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:750;color:#4d7669}h1{font-size:clamp(28px,4vw,44px);font-weight:760;max-width:820px}h2{font-size:24px;font-weight:720}header>p:not(.eyebrow){max-width:850px;color:#546b60}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.btn-dark{background:#155e4c;border-color:#155e4c}.btn{min-height:44px}.panel{padding:24px;border:1px solid var(--line);background:white;border-radius:18px;margin-top:20px;min-width:0}#scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}#scenarios button{padding:12px;text-align:left;min-height:54px;border-radius:10px;background:#e8eee0;border:1px solid #d6dfd1;color:var(--ink);font-weight:650}#scenarios button[aria-pressed=true]{background:#145647;color:white}.controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:16px;background:#f0f4e9;border-radius:12px;margin:20px 0}.controls>label{max-width:100%;min-width:0}.controls select{margin-top:6px}.switch{display:flex;gap:8px;align-items:center;min-height:44px}.switch input{width:20px;height:20px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery figure{margin:0;min-width:0}.gallery a{display:block;border-radius:12px;overflow:hidden;background:#e8eee5}.gallery img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;display:block}.gallery figcaption{padding:10px 2px;line-height:1.5;font-size:14px}.gallery figcaption strong{display:block;font-size:16px}.gallery.editorial{grid-template-columns:1fr}.gallery.editorial figure{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.gallery.editorial figcaption{font-size:16px}.hint{font-size:14px;color:#5b6e64;margin-top:18px}#gallery-status{font-weight:650}#programmatic{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#programmatic[hidden]{display:none}#start-image{width:auto;max-width:100%}pre{background:#103a31;color:#f0f6dd;border-radius:12px;max-height:480px;overflow:auto;padding:20px;font-size:13px;white-space:pre;tab-size:2}#events{max-height:240px;overflow:auto;background:#f2f5ed;border-radius:12px;padding:12px 12px 12px 36px;font:13px/1.7 monospace}#export-status{font-size:14px}summary{cursor:pointer;font-weight:650;padding:12px 0}:focus-visible{outline:3px solid #d7a92e!important;outline-offset:4px}.pswp__custom-caption{position:absolute;left:5%;right:5%;bottom:18px;color:white;background:rgba(0,20,16,.87);padding:10px 16px;border-radius:10px;font:14px/1.5 system-ui;max-height:22vh;overflow:auto;pointer-events:auto}.pswp__download{display:flex;align-items:center;align-self:center;color:#fff!important;padding:9px 12px;margin:0 8px;border:1px solid #8bb8ad;border-radius:7px;text-decoration:none;font:14px system-ui}.pswp__button--download{width:auto}.pswp__counter{color:white}.pswp{--pswp-bg:#001d18}.pswp__img{max-width:none} @media(max-width:700px){.shell{padding:16px}#scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery.editorial figure{grid-template-columns:1fr;gap:0}.controls{gap:10px;padding:12px}.controls>label:not(.switch){width:100%}.pswp__custom-caption{bottom:8px;left:8px;right:8px;font-size:12px}h2{font-size:22px}.header-actions .btn{white-space:normal}pre{padding:12px;font-size:12px}}@media(max-width:340px){.gallery{grid-template-columns:1fr}#scenarios button{font-size:13px;padding:10px}.pswp__download{padding:8px;font-size:12px;margin:0} .shell{padding:12px}}
