@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f3ec;--panel:#fcfbf6;--well:#eeeee4;--ink:#30382f;--muted:#73786b;--line:#dcdfd2;--green:#42654e;--green-dark:#314e3a;--green-pale:#e6eddf;font:13px/1.45 "Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit;color:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,.source-view:focus-visible{outline:2px solid var(--green);outline-offset:2px}button{border:1px solid #d0d7c8;border-radius:4px;background:var(--panel)}button:not(:disabled):hover{background:var(--green-pale);border-color:#b7c9a8}a{color:var(--green);text-underline-offset:3px}a:hover{color:var(--green-dark)}[hidden]{display:none!important}::selection{background:#d5e1cb}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.viewer-shell{height:100vh;height:100svh;min-height:0;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;min-height:60px;padding:13px 18px;border-bottom:1px solid var(--line)}.app-heading{display:flex;align-items:center;gap:9px}.app-heading img{display:block;flex:none}h1{margin:0;font:400 27px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.5px}.site-link{font-size:11px;color:var(--muted);text-decoration:none;white-space:nowrap}.site-link:hover{text-decoration:underline}.is-embedded .app-header{display:none}
.navigation-row{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line)}.history-controls{display:flex;flex:none;gap:3px}.icon-button{display:grid;place-items:center;width:30px;height:31px;padding:5px;border-color:transparent;background:transparent}.icon-button svg,.address-form svg,.file-button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.address-form{display:flex;align-items:stretch;gap:0;flex:1;min-width:150px;border:1px solid #c6d0bc;border-radius:5px;background:var(--panel);overflow:hidden}.address-form:focus-within{border-color:#829d73;outline:2px solid #73926335;outline-offset:1px}.address-form input{display:block;width:100%;min-width:0;flex:1;border:0;outline:none;background:transparent;padding:6px 9px;min-height:31px;font-size:12px}.address-form input::placeholder{color:#7d8377}.address-form #go{display:grid;place-items:center;flex:none;width:31px;border:0;border-left:1px solid #e0e4d8;border-radius:0;background:transparent;padding:5px}.file-button{position:relative;display:flex;align-items:center;justify-content:center;flex:none;gap:5px;min-height:33px;padding:5px 8px;border:1px solid #cfd6c7;border-radius:4px;background:var(--panel);font-size:11px;cursor:pointer;white-space:nowrap}.file-button:hover{background:var(--green-pale);border-color:#b7c9a8}.file-button:focus-within{outline:2px solid var(--green);outline-offset:2px}.file-button svg{width:16px;height:16px;color:#5c7753}
.html-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none;min-height:35px;padding:5px 13px;border-bottom:1px solid var(--line);background:#eeeee44d;font-size:11px}.script-option{display:flex;align-items:center;gap:5px;margin-right:3px;cursor:pointer;white-space:nowrap}.script-option input{margin:0;accent-color:var(--green);width:13px;height:13px}.html-controls button{min-height:25px;padding:3px 8px;font-size:11px}.html-controls button[aria-pressed="true"]{color:var(--green-dark);background:var(--green-pale);border-color:#9db38d}.html-controls a{margin-left:auto;text-decoration:none;font-size:10px;white-space:nowrap}.html-controls a:hover{text-decoration:underline}.html-controls a:not([href]){opacity:.4;pointer-events:none}.error-message{flex:none;margin:0;padding:7px 13px;border-bottom:1px solid #e1cfc0;background:#f2e6d9;color:#855238;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.viewport{position:relative;display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--panel)}.viewport.is-dragging::after,.viewport.drag-over::after{content:"Drop to load from Device";position:absolute;inset:9px;display:grid;place-items:center;z-index:5;border:2px dashed #8da478;border-radius:7px;background:#e6eddfed;color:var(--green-dark);font:400 24px Georgia,"Times New Roman",serif;pointer-events:none}.welcome{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;color:var(--muted)}.welcome-icon{display:block;width:57px;height:57px;margin-bottom:16px;fill:#f2f1e7;stroke:#8a9c7b;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.welcome h2{margin:0 0 9px;font:400 25px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.3px;color:#4f6245}.welcome p{margin:0 0 14px;font-size:12px;line-height:1.6}.file-types{font-size:10px;color:#8a9381;letter-spacing:.03em}.viewport iframe{display:block;width:100%;height:100%;min-width:0;min-height:0;flex:1;border:0;background:#fff}.source-view{width:100%;height:100%;min-height:0;min-width:0;margin:0;padding:17px 20px;overflow:auto;tab-size:4;white-space:pre;overscroll-behavior:contain;background:var(--panel);color:#374c3e;font:12px/1.65 Consolas,"Liberation Mono",Menlo,monospace;scrollbar-width:thin;scrollbar-color:#b9c4ad transparent}.viewer-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;padding:5px 13px;flex:none;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.viewer-status p{margin:0;min-width:0;overflow-wrap:anywhere}.viewer-status #document-name{min-width:0;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right}.no-script{margin:0;padding:8px 13px;color:#855238;font-size:11px}
@media(min-width:1000px){.navigation-row{padding-right:17px;padding-left:17px}.html-controls,.viewer-status{padding-right:18px;padding-left:18px}}
@media(max-width:480px){.app-header{padding:11px 13px;min-height:55px}h1{font-size:25px}.app-heading{gap:7px}.app-heading img{width:24px;height:24px}.site-link{font-size:10px}.navigation-row{gap:6px;padding:6px 9px}.history-controls{margin-right:auto}.address-form{flex-basis:100%;order:3}.file-button{min-height:30px}.icon-button{height:29px}.html-controls{padding:5px 10px;gap:6px}.html-controls button{font-size:10px}.html-controls a{font-size:9px}.script-option{font-size:10px;margin-right:0}.welcome{padding:25px 17px}.welcome h2{font-size:23px}.welcome p{font-size:11px}.welcome-icon{width:50px;height:50px;margin-bottom:14px}.source-view{padding:13px 12px;font-size:11px}.viewer-status{gap:8px;padding:5px 10px;font-size:9px}.error-message{padding:6px 10px}}
@media(prefers-reduced-motion:no-preference){button,a,.file-button{transition:background 100ms ease,border-color 100ms ease,color 100ms ease}}
.open-actions,.save-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.open-actions .computer-import{margin-left:3px;border-left:2px solid #b3bfa8}.save-actions #download-document{margin-left:3px;border-left:2px solid #b3bfa8}