:root{color:#252525;font-synthesis:none;--border:#e6e6e6;--muted:#767676;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}body.composing{overflow:hidden}button,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-underline-offset:3px}[hidden]{display:none!important}:focus-visible{outline:2px solid #727272;outline-offset:3px}#studio,#home{height:100vh;display:grid;grid-template-rows:calc(56px + env(safe-area-inset-top))minmax(0,1fr)calc(40px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);height:100dvh}.navbar{display:flex;padding:0 20px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);justify-content:space-between;align-items: center}.brand{text-decoration:none;font-size:14px;font-weight:600}.type-picker{overflow:auto;width:min(420px,100%);margin:0 auto;padding:56px 24px}.type-picker h1{margin:0 0 24px;font-size:20px;font-weight:600}.type-option{display:flex;border:1px solid var(--border);text-decoration:none;border-radius:6px;justify-content:space-between;align-items: center;min-height:64px;padding:18px;font-size:15px}.type-option:hover{background:#fafafa}.type-extension{color:var(--muted);font:12px var(--mono)}.studio-footer.home-footer{justify-content:flex-end}.navbar-actions{display:flex;align-items: center;gap:12px}#qr-info{color:var(--muted);font:11px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}#qr-info.invalid{color:#a13c2c}#show-qr{min-width:44px}.button{display:inline-flex;color:#252525;text-decoration:none;background:#fff;border:1px solid #d9d9d9;border-radius:5px;justify-content:center;align-items: center;padding:9px 14px;font-size:12px;line-height:1.3}.button:hover:not(:disabled){background:#f1f1f1}.button.primary{color:#fff;background:#252525;border-color:#252525}.button.primary:hover:not(:disabled){background:#444}.workspace{display:grid;grid-template-columns:1fr 1fr;min-height:0}.editor-pane,.preview-pane{min-width:0;min-height:0}.editor-pane{border-right:1px solid var(--border);background:#fafafa}#message{display:block;resize:none;color:#383838;font:14px/1.8 var(--mono);tab-size:2;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:28px}#message::placeholder{color:#aaa}#message:focus{outline:none;box-shadow:inset 2px 0 #c8c8c8}.preview-pane{overflow:auto;overscroll-behavior:contain;padding:28px}.studio-footer{display:flex;padding:0 14px 0 20px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);justify-content:space-between;align-items: center}#editor-status{color:#a13c2c;margin:0;font-size:11px}.help-button{display:grid;border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:50%;flex-shrink:0;place-items: center;width:28px;height:28px;padding:0;font-size:13px}.help-button:hover{background:#f5f5f5}.markdown{overflow-wrap:anywhere;font-size:16px;line-height:1.75}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{letter-spacing:-.025em;margin:1.4em 0 .6em;font-weight:600;line-height:1.25}.markdown h1{font-size:2em}.markdown h2{font-size:1.5em}.markdown h3{font-size:1.2em}.markdown p{margin:.9em 0}.markdown blockquote{color:#666;border-left:3px solid #ddd;margin:1.3em 0;padding:0 18px}.markdown ul,.markdown ol{padding-left:1.5em}.markdown li{margin:.25em 0}.markdown pre{overflow:auto;background:#f5f5f5;border-radius:4px;padding:16px;font-size:.85em}.markdown code{font:.9em var(--mono);background:#f3f3f3;border-radius:3px;padding:.15em .3em}.markdown pre code{background:0 0;padding:0;line-height:1.6}.markdown img{max-width:100%;height:auto}.markdown table{display:block;overflow:auto;border-collapse:collapse;margin:1em 0}.markdown td,.markdown th{border:1px solid var(--border);text-align:left;padding:8px 12px}.markdown hr{border:0;border-top:1px solid var(--border);margin:2em 0}.reader-content,.error-content{min-height:100vh;padding:clamp(24px,4vw,64px);padding-top:max(clamp(24px,4vw,64px),env(safe-area-inset-top));padding-left:max(clamp(24px,4vw,64px),env(safe-area-inset-left));padding-right:max(clamp(24px,4vw,64px),env(safe-area-inset-right));min-height:100svh}.reader-footer{display:flex;padding:48px 24px;padding-bottom:calc(48px + env(safe-area-inset-bottom));color:var(--muted);justify-content:center;align-items: center;gap:20px;font-size:12px}.reader-footer a{text-decoration:none}.reader-footer a:hover{text-decoration:underline}.text-button{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.text-button:hover{text-decoration:underline}.error-content h1{font-size:22px;font-weight:600}.error-content p{color:#666;line-height:1.6}dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;color:#252525;background:#fff;border:1px solid #ddd;border-radius:10px;width:min(420px,100vw - 32px);margin:auto;padding:24px;box-shadow:0 16px 64px #0002}dialog::backdrop{background:#0005}.dialog-header{display:flex;justify-content:space-between;align-items: center;gap:20px}.dialog-header h2{margin:0;font-size:15px;font-weight:600}.close-button{color:#777;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:24px;line-height:1}#qr-status{color:var(--muted);font-size:13px}#qr-status:empty{display:none}#qr-image{display:block;width:100%;height:auto;margin:16px 0}.dialog-actions{display:flex;gap:10px}.dialog-actions .button{flex:1}.message-link{display:block;color:var(--muted);width:-moz-fit-content;width:fit-content;margin:18px auto 0;font-size:12px}.error{color:#a13c2c;font-size:13px;line-height:1.6}.about-content{color:#555;font-size:14px;line-height:1.7}.about-content p{margin:16px 0 0}#print-qr{display:none}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@media (max-width:700px),(pointer:coarse){#studio,#home{grid-template-rows:calc(60px + env(safe-area-inset-top))minmax(0,1fr)calc(52px + env(safe-area-inset-bottom))}.button,.help-button,.close-button{min-height:44px}.help-button,.close-button{min-width:44px}.button{font-size:14px}#message{font-size:16px}.reader-footer a,.reader-footer .text-button,.message-link{display:inline-flex;justify-content:center;align-items: center;min-width:44px;min-height:44px}.reader-footer{font-size:14px}.message-link{display:flex;font-size:14px}}@media (max-width:700px){.navbar-actions{gap:8px}.navbar{padding:0 14px;padding-top:env(safe-area-inset-top)}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr)minmax(180px,1fr);overflow:auto}.editor-pane{border-right:0;border-bottom:1px solid var(--border)}#message{padding:18px 16px;line-height:1.65}.preview-pane{padding:18px 16px}.preview-pane .markdown{font-size:16px}.studio-footer{padding-left:12px}dialog{padding:16px}}@media print{body{overflow:visible!important}.navbar,.studio-footer,.reader-footer,dialog{display:none!important}.reader-content{min-height:0;padding:0}body.printing-qr>:not(#print-qr){display:none!important}body.printing-qr #print-qr{justify-content:center;padding:15mm 0;display:flex!important}#print-image{width:140mm;max-width:100%;height:auto}@page{margin:15mm}}