:root{font-family:Arial,Helvetica,sans-serif;color:#f1ecdc;background:#182c2c;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file-button{cursor:pointer;border:1px solid #6d817a;background:transparent;color:inherit;border-radius:4px;padding:11px 15px;min-height:44px}button:hover,.file-button:hover{background:#ffffff12}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-button:focus-within{outline:3px solid #ffbc74;outline-offset:3px}main{max-width:1600px;margin:auto;padding:0 4vw}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;padding:24px 0;gap:20px}.brand{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.brand small{display:block;color:#a8bdb3;margin-left:24px;font-size:10px}.seal{font-size:28px;border:1px solid #a8bdb3;border-radius:50%;width:43px;height:43px;text-align:center;line-height:40px}.header-actions{display:flex;gap:8px}.intro{display:flex;justify-content:space-between;align-items:end;padding:43px 0 34px;gap:25px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#b7cbbf;margin:0 0 15px}h1{font-family:Georgia,serif;font-size:clamp(32px,3.9vw,62px);line-height:1.04;font-weight:400;margin:0}h1 span{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;display:block;margin-top:16px;color:#bdc8bd}h1 span br{display:none}.intro-note{max-width:300px;color:#bdc8bd;line-height:1.65;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:38px}.letter{background:#f0e5cc;color:#283d38;position:relative;padding:25px 30px;box-shadow:0 12px 30px #0003;border-radius:2px;overflow:hidden;min-height:410px}.letter:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 4px,#816c4b14 4px 5px)}.paper-top{display:flex;justify-content:space-between;align-items:start;font-size:9px;letter-spacing:.18em}.stamp{border:2px dashed #c26f54;padding:9px 12px;color:#a34c35;text-align:center;transform:rotate(8deg);font-size:9px}.stamp b{display:block;font-size:26px}.title-label{display:block;font-size:8px;letter-spacing:.18em;margin-top:-20px;padding-right:80px}.title-label input{display:block;width:100%;border:0;border-bottom:1px solid #78857760;background:transparent;color:#33473c;font-family:Georgia,serif;font-size:clamp(17px,2vw,27px);padding:10px 0;margin-bottom:32px}.fold-mark{position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed #827e6538;pointer-events:none}.edition{position:relative;max-width:75%;z-index:1}.edition span{font-size:9px;letter-spacing:.18em;color:#9a533c}.edition h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:14px 0}.edition p{font-size:12px;line-height:1.5;max-width:290px}.wave-row{display:flex;align-items:center;gap:14px}.wave-row span{font-size:8px;letter-spacing:.12em;width:35px}.wave-row svg{height:49px;flex:1;width:0}.letter-bottom{display:flex;justify-content:space-between;border-top:1px solid #87927d66;padding-top:14px;margin-top:18px;font-size:9px;letter-spacing:.08em}.mono .wave-row svg{height:98px}.control-panel{padding:4px 0}.mode-switch{display:flex;gap:8px}.mode-switch button{flex:1;text-align:left;font-weight:700;padding:14px}.mode-switch small{display:block;font-weight:400;font-size:11px;margin-top:6px}.mode-switch button[aria-pressed=true]{background:#d8e2cf;color:#233d35;border-color:#d8e2cf}.transport{display:flex;gap:10px;margin-top:18px}.primary{background:#d47f60;border-color:#d47f60;color:#172d28;font-weight:700;flex:1}.primary:hover{background:#e19a7e}.status{font-size:11px;color:#bdd1c5;min-height:28px;line-height:1.5}.explanation{display:flex;gap:12px;margin:19px 0}.mini-seal{border:1px solid #79998b;color:#c9e2d5;width:28px;height:28px;flex-shrink:0;border-radius:50%;line-height:26px;text-align:center;font-family:Georgia,serif}.mini-seal.side{color:#f2ba9d;border-color:#c98366}.explanation h3{font-family:Georgia,serif;font-size:17px;font-weight:400;margin:0 0 5px}.explanation p,.safety{font-size:11px;line-height:1.6;color:#bdc9be;margin:0}.safety{border-top:1px solid #ffffff20;padding-top:14px}.layers{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:20px}h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0}.section-heading p:last-child,.exports p{font-size:12px;color:#b9c8bb;line-height:1.6}.layer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.layer{border:1px solid #5b746855;background:#203735;padding:18px;border-top:2px solid #a9d4c4}.layer.side{border-top-color:#dca185}.layer-head{display:flex;align-items:center;gap:10px}.number{color:#98afa0;font:12px Georgia,serif}.layer-head input{width:100%;min-width:0;border:0;background:transparent;color:#f1ecdc;font-family:Georgia,serif;font-size:18px;padding:5px 0}.route-dot{width:7px;height:7px;flex-shrink:0;background:#afd5c7;border-radius:50%}.side .route-dot{background:#e7ab8d}.route-buttons{display:flex;margin:13px 0 0}.route-buttons button{font-size:10px;padding:8px;min-height:36px;flex:1;border-radius:0;border-color:#78928760}.route-buttons button[aria-pressed=true]{background:#c0d9c322;color:#e2efde}.layer svg{width:100%;height:58px;margin:4px 0}.layer label{display:block;font-size:10px;color:#b8cbbf;margin:11px 0}.layer output{float:right}select{background:#182c2c;color:#eee7d8;border:1px solid #718a7b66;padding:7px;width:100%;margin-top:7px;min-height:36px}.layer input[type=range]{display:block;width:100%;accent-color:#b9d4bc;margin:9px 0;height:19px}.side input[type=range]{accent-color:#e6ac8f}.timing{display:flex;gap:12px}.timing label{width:50%}.timing input{background:#182c2c;color:#eee7d8;border:1px solid #718a7b66;width:100%;padding:8px;margin-top:7px;min-height:40px}.exports{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20;border-top:1px solid #ffffff20;margin-top:34px;padding:28px 0;gap:25px}.export-buttons{display:flex;gap:9px;flex-wrap:wrap}.exports .eyebrow{font-size:10px;margin-bottom:8px}footer{padding:24px 0 35px;font-size:11px;color:#becbbb}.storage{display:flex;gap:9px;flex-wrap:wrap}.storage button,.file-button{font-size:11px}.file-button{display:inline-flex;align-items:center;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}details{margin-top:22px;max-width:900px;line-height:1.6}summary{cursor:pointer;min-height:30px}details button{margin:8px 8px 8px 0;font-size:11px}.colophon{font-size:9px;letter-spacing:.14em;line-height:1.8;margin:25px 0 0;color:#8fa99b}@media(min-width:1400px){.letter{min-height:440px}.edition{margin-bottom:20px}}@media(max-width:1000px){.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand small{display:none}.workspace{gap:20px}.intro-note{max-width:250px}.exports{align-items:start;flex-direction:column}}@media(max-width:700px){main{padding:0 20px}header{align-items:start}.brand{font-size:9px;letter-spacing:.08em;max-width:160px}.header-actions{flex-direction:column}.header-actions button{font-size:10px;padding:6px 10px;min-height:34px}.intro{display:block;padding:29px 0}.intro-note{max-width:100%;font-size:12px;margin-top:20px}.workspace{grid-template-columns:1fr}.letter{padding:20px;min-height:400px}.control-panel{padding-top:15px}.section-heading{display:block}.layer-grid{grid-template-columns:1fr}.layer-head input{font-size:22px}.layer{padding:20px}.layer svg{height:70px}.exports h2{font-size:27px}.edition{max-width:95%}.title-label input{font-size:20px}.letter-bottom{font-size:8px;gap:12px}.layer input[type=range]{height:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}