*{box-sizing:border-box}body{margin:0;background:#f4f2e9;color:#233f39;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}main{max-width:1400px;margin:auto;padding:28px}header,.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-family:Georgia,serif;font-size:42px;line-height:1.15;margin:8px 0}h2{font-size:21px;line-height:1.35}h3{font:36px/1.3 Georgia,serif}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:750}.badge,.save{background:#e0ece5;padding:10px 16px;border-radius:12px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;margin-top:24px}section{background:#fffefa;border:1px solid #d7ddd3;border-radius:18px;padding:24px;margin-bottom:20px}button,select,.file{font:inherit;min-height:48px;border-radius:10px;border:1px solid #b8c9bd;padding:10px 14px;background:#fff;color:#234c42}button{cursor:pointer;margin:4px 6px 4px 0}button[aria-pressed=true]{background:#245c54;color:#fff}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b15b2c;outline-offset:3px}label{display:block;margin:10px 0}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}input[type=file]{display:block;max-width:100%;margin-top:8px}.file{display:block;background:#f2f5ee}select{display:block;max-width:100%}textarea{width:100%;min-height:230px;resize:vertical;padding:16px;font:inherit;border:1px solid #b8c9bd;border-radius:12px;background:#fbfaf4}.paper{position:relative;width:100%;background:#fff;border:1px solid #cdd5cb;overflow:hidden}.source{width:100%;height:100%;position:absolute;inset:0}.paper svg{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y pinch-zoom}.synthetic{padding:10%;font:20px/1.6 Georgia,serif}.synthetic>p:first-child{font:12px system-ui;letter-spacing:.1em}.seed{font-size:48px;margin:30px 0;color:#a85836}.caption,footer{font-size:14px;color:#51655e}.hash{overflow-wrap:anywhere}.missing{padding:30px;color:#864321}footer{padding:24px;text-align:center}[role=alert]{background:#fff0df;padding:16px;border:1px solid #ab5c2d;border-radius:10px}@media(max-width:850px){main{padding:16px}.workspace{grid-template-columns:1fr}header{align-items:flex-start}h1{font-size:34px}section{padding:16px}.badge{font-size:12px}.synthetic{font-size:17px}.synthetic h3{font-size:28px}}
