:root{color-scheme:light;--bg:#f7f8fb;--surface:#ffffff;--surface-strong:#eef6f3;--text:#18201f;--muted:#60706b;--line:#dbe3e0;--primary:#176b5b;--primary-strong:#0f4f43;--accent:#b84d2f;--danger:#b42318;--shadow:0 18px 48px rgba(25,39,35,0.09);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}button,input,textarea{font:inherit}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:16px 0 40px}.page-shell.narrow{width:min(760px,calc(100% - 32px))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.brand{font-size:18px;font-weight:800;text-decoration:none}.topbar-status{color:var(--muted);font-size:14px}.intro{max-width:680px;padding:24px 0 16px}.content-page h1,.intro h1{margin:0;font-size:clamp(30px,8vw,52px);line-height:1.08;letter-spacing:0}.content-page p,.intro p{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.tool-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px}.panel-heading{margin-bottom:14px}.panel-heading.compact{margin-bottom:8px}.content-page h2,.panel h1,.panel h2{margin:0}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.field{display:grid;grid-gap:8px;gap:8px;margin:12px 0;font-weight:700}.compact-field{margin:0}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;color:var(--text);padding:12px;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,107,91,.15)}.segmented{border:0;padding:0;margin:16px 0}.segmented legend{margin-bottom:8px;font-weight:700}.segmented div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.button,.segmented button{min-height:44px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:800}.segmented button{background:#fbfcfd}.segmented button.selected{border-color:var(--primary);background:var(--surface-strong);color:var(--primary-strong)}.toggle{display:flex;align-items:center;gap:10px;margin:14px 0;font-weight:800}.toggle input{width:20px;height:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}.button.primary{width:100%;border-color:var(--primary);background:var(--primary);color:#fff}.button.primary:disabled{cursor:not-allowed;opacity:.55}.button.secondary{background:#fff;color:var(--primary-strong)}.button.full{width:100%}.inline-message,.muted,.notice{color:var(--muted);font-size:14px;line-height:1.5}.message{margin:12px 0;color:var(--primary-strong);font-weight:700}.message.error{color:var(--danger)}.viewer-empty{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.viewer-empty p{margin:0;color:var(--muted);line-height:1.55}.side-stack{display:grid;grid-gap:12px;gap:12px}.receive-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-gap:8px;gap:8px;align-items:end}.receive-message{margin:8px 0 0}.share-code{margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(40px,12vw,72px);font-weight:900;letter-spacing:0;overflow-wrap:anywhere}.copyable-code{display:grid;grid-gap:8px;gap:8px}.share-code-button{display:block;width:100%;min-height:64px;border:1px dashed var(--primary);border-radius:8px;background:var(--surface-strong);color:var(--primary-strong);cursor:pointer;padding:10px 12px;text-align:left;-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:manipulation}.share-code-button:focus-visible{outline:3px solid rgba(23,107,91,.28);outline-offset:2px}.tap-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.copy-control,.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.manual-copy{width:min(100%,260px);background:#fbfcfd;color:var(--text);padding:10px 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:16px}.manual-copy,.qr-image,.qr-placeholder{border:1px solid var(--line);border-radius:8px}.qr-image,.qr-placeholder{width:192px;height:192px;max-width:100%;margin-top:16px}.site-footer{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:20px 0 0;color:var(--muted);font-size:14px}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px}.site-footer a{font-weight:800;text-decoration:none}.site-footer p{margin:0}.qr-placeholder{display:grid;place-items:center;color:var(--muted)}.viewer-panel{margin-top:40px}.pin-form{margin-top:18px}.text-result{min-height:180px;max-height:50vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfd;padding:16px;font-family:SFMono-Regular,Consolas,monospace;line-height:1.55}.content-page,.text-result{border:1px solid var(--line);border-radius:8px}.content-page{margin-top:48px;background:var(--surface);padding:24px}.content-page h2{margin-top:28px;font-size:22px}@media (min-width:900px){.tool-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.send-panel{grid-column:1;grid-row:1/span 2}.receive-panel{grid-column:2;grid-row:1}.side-stack{grid-column:2;grid-row:2}.panel{padding:24px}.intro{padding:44px 0 28px}.field textarea{min-height:180px}.site-footer{flex-direction:row;align-items:center;justify-content:space-between;margin-top:40px}}