.doc-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}
.doc-controls h2{margin-top:20px}.doc-controls h2:first-child{margin-top:0}
.doc-controls input[type=range]{accent-color:#08769c;padding:3px 0;cursor:pointer}
.doc-alt{background:#eaf0f7;color:#15364a;border:1px solid #b8cadb}.doc-alt:hover{background:#d8e8f3;color:#092b48}
.doc-preview{background:repeating-conic-gradient(#e4e8ee 0% 25%,#fff 0% 50%) 50%/22px 22px;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;min-height:370px}
.doc-preview canvas{max-width:100%;max-height:590px;box-shadow:0 8px 26px #14253c44;touch-action:none;cursor:grab;background:#fff}
.doc-preview canvas:active{cursor:grabbing}
.doc-status{border-left:4px solid #08769c;background:#eaf6fb;color:#174255;padding:12px 14px;border-radius:6px;margin:15px 0 0}
#doc-custom[hidden]{display:none!important}
@media(max-width:820px){.doc-layout{grid-template-columns:1fr}}