.letterhead-editor-page{display:grid;gap:18px}.page-heading a{display:inline-block;margin-bottom:12px;color:#087d7d;font-weight:700;text-decoration:none}.page-heading h2{margin:5px 0;font-size:30px;color:var(--navy)}.page-heading p{margin:0;color:var(--muted)}.letterhead-editor-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,380px);gap:18px;align-items:start}.letterhead-editor-panel{display:grid;gap:14px}.letterhead-editor-intro{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.letterhead-editor-intro strong{color:var(--navy)}.letterhead-paper{position:relative;width:min(100%,560px);aspect-ratio:210/297;margin:auto;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 14px 40px #0d2e4530;user-select:none}.letterhead-safe-area{position:absolute;border:2px dashed #00a9a3;background:#0ce5d90d;pointer-events:none}.letterhead-guide{position:absolute;z-index:2;left:0;width:100%;height:28px;transform:translateY(-50%);border:0;background:transparent;cursor:ns-resize}.letterhead-guide:before{content:"";position:absolute;top:13px;right:0;left:0;height:3px;background:#009f9c;box-shadow:0 0 0 1px #fff,0 2px 10px #007c78aa}.letterhead-guide span{position:absolute;left:10px;top:0;padding:4px 8px;border-radius:6px;background:#007e7b;color:#fff;font-size:11px;font-weight:800;box-shadow:0 2px 8px #003c3980}.letterhead-guide.bottom span{top:auto;bottom:0}.letterhead-guide:focus-visible:before{height:5px;background:#f1a900}.letterhead-editor-readout{margin:0;text-align:center;color:#50707c;font-size:13px}.letterhead-editor-form aside h3{margin:3px 0}.letterhead-editor-form output{float:right;color:#087d7d;font-weight:800}.letterhead-editor-form details summary{cursor:pointer;font-weight:700;color:#15374c}.letterhead-editor-form details .form-row{margin-top:12px}@media(max-width:850px){.letterhead-editor-layout{grid-template-columns:1fr}.letterhead-paper{max-width:460px}}@media(max-width:560px){.letterhead-editor-intro{align-items:flex-start;flex-direction:column}.letterhead-paper{width:100%}}