:root{--header-h: 76px;--page: #f4f6f1;--surface: #ffffff;--surface-sunk: #f6f8f3;--hover: #eef3ec;--ink: #203a36;--ink-muted: #4f6359;--text-secondary: #596c5d;--accent: #225a4b;--line: #dfe5dc;--line-soft: #edf0e9;--control-border: #6f8a7c;--success-bg: #e6efe3;--success-ink: #386542;--danger: #a43d35;--danger-bg: #f9e9e1;--on-accent: #ffffff;color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:0;background:var(--accent);color:var(--on-accent);border-radius:9px;padding:12px 18px;font-size:14px;font-weight:600}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--control-border)}button.secondary:hover:not(:disabled){background:var(--hover)}button.compact{padding:7px 12px;font-size:13px}.quiet{background:transparent;color:var(--text-secondary);padding:8px;font-size:13px}a{color:inherit;text-decoration:none}.shell{max-width:1160px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:var(--page)}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:600}.brand span{font-size:18px;letter-spacing:-.5px}.intro{margin:52px 0 30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--ink-muted)}h1{font-size:48px;font-weight:500;letter-spacing:-2.4px;margin:12px 0}p{line-height:1.6}.intro p{color:var(--text-secondary);margin:0;font-size:16px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 18px #203a3604}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:17px;letter-spacing:-.4px;font-weight:600;margin:0}.count{font-size:12px;color:var(--text-secondary)}.over{font-size:13px;color:var(--danger)}textarea{width:100%;height:290px;resize:vertical;border:0;outline:none;padding:16px 12px;margin-top:10px;border-radius:10px;tab-size:4;font-size:17px;line-height:1.7;color:var(--ink);background:transparent}textarea:focus-visible{box-shadow:inset 0 -2px var(--accent)}.save-row{border-top:1px solid var(--line-soft);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.save-row>label{font-size:13px;color:var(--ink-muted)}select{margin-left:12px;background:var(--page);border:1px solid var(--line);border-radius:7px;padding:9px;color:var(--ink)}.hint{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:16px 0 0}.recent{padding:22px;align-self:start;min-height:400px}.recent .hint{margin-top:10px}.empty{text-align:center;color:var(--text-secondary);padding:67px 0}.empty span{font-size:32px;color:var(--text-secondary)}.empty p{font-size:13px;margin-bottom:4px}.empty small{font-size:13px;color:var(--text-secondary)}ul{list-style:none;margin:20px 0 0;padding:0}li{border-top:1px solid var(--line-soft)}.history-item{width:100%;text-align:left;background:none;color:var(--ink);border-radius:0;padding:15px 0}.history-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.history-item small{display:block;font-size:12px;color:var(--text-secondary);margin-top:8px;font-weight:400}.pickup{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px}.pickup h2{font-size:16px}.pickup p{font-size:13px;color:var(--text-secondary);margin:5px 0}.pickup button{font-size:13px}.lab-pickup{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.lab-pickup input{width:130px;min-width:0;text-transform:uppercase}.lab-pickup [role=status],.lab-pickup [role=alert]{flex-basis:100%}.lab-pickup .pickup-budget{flex-basis:auto;font-size:12px;color:var(--text-secondary)}.lab-pickup>p{flex-basis:100%}a.button-link{display:inline-block;background:var(--accent);color:var(--on-accent);border-radius:9px;padding:10px 16px;font-size:14px;font-weight:600}.pickup-code{display:block;font:700 32px/1.3 ui-monospace,monospace;letter-spacing:.12em;color:var(--ink)}.viewer pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:17px;line-height:1.7;tab-size:4;min-height:200px;max-height:500px;overflow:auto;margin:22px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.expiry{font-size:13px;color:var(--text-secondary)}input{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:7px;color:var(--text-secondary);font-size:14px;background:var(--surface-sunk)}.notice,.error,.status{padding:16px 20px;margin:16px 0;border-radius:10px;font-size:13px}.notice{background:var(--success-bg)}.notice p{font-size:14px}.notice button{margin:4px}.pending-preview{display:block;overflow-wrap:anywhere;color:var(--text-secondary)}.error{background:var(--danger-bg);color:var(--danger)}.status{background:var(--success-bg);color:var(--success-ink)}footer{margin:70px 0 28px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--text-secondary)}footer span:last-child{max-width:390px;text-align:right}@media(max-width:760px){.shell{padding:0 20px}.brand span{font-size:15px}.intro{margin-top:34px}h1{font-size:36px;letter-spacing:-1.5px}.columns{grid-template-columns:1fr}.card{padding:20px}.recent{min-height:240px}.empty{padding:34px 0}.pickup{align-items:flex-start;gap:12px}.pickup button{white-space:nowrap}textarea{height:240px}.save-row{gap:8px}select{margin-left:6px;padding:8px}footer{margin-top:38px;display:block}footer span{display:block;margin-bottom:8px}footer span:last-child{text-align:left}.quiet{font-size:13px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}.columns>div,.columns>aside{min-width:0}@media(max-width:760px){.columns{grid-template-columns:minmax(0,1fr);gap:14px}}.count,.hint,.history-item small,.expiry,.pickup p,.empty small,footer{color:var(--text-secondary)}.empty{color:var(--text-secondary)}textarea::placeholder{color:var(--text-secondary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,pre:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--surface);padding:12px 18px;border-radius:8px;color:var(--accent)}.skip-link:focus{top:12px}.help-page{max-width:800px;margin:auto}.help-content section+section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.help-content h2{font-size:20px}.help-content p{font-size:15px;color:var(--ink-muted);line-height:1.8}footer a{white-space:nowrap;text-decoration:underline;font-size:12px}input.share-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-code{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.share-code h3{font-size:14px;margin:0 0 4px}.share-code .hint{font-size:13px;margin:0 0 10px;color:var(--text-secondary)}.share-code .lab-pickup{margin:0}#text:focus-visible{outline:2px solid var(--accent);outline-offset:0}.link-row{display:flex;align-items:center;gap:8px;margin:8px 0 10px}.link-row input.share-link{flex:1;min-width:0;margin-top:0;cursor:text}.recent .show-all{margin-top:12px;width:100%}.brand .logo{flex:none;display:block}.pickup{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.lab-pickup.receive{display:grid;grid-template-columns:auto 150px auto;align-items:center;gap:8px;max-width:460px}.lab-pickup.receive label{font-size:13px;color:var(--ink-muted)}.lab-pickup.receive input{width:100%;margin-top:0}.lab-pickup.receive>p{grid-column:1 / -1;margin:4px 0 0}.empty .logo{width:36px;height:36px;margin:0 auto 6px;opacity:.85}footer a{display:inline-block;padding:5px 0}.quiet{min-height:32px}@media(max-width:760px){.pickup{grid-template-columns:1fr}.lab-pickup.receive{grid-template-columns:minmax(0,1fr) auto;max-width:none}.lab-pickup.receive label{grid-column:1 / -1}button,select,input{min-height:44px}input,select,textarea{font-size:16px}footer a{padding:12px 0}.quiet,a.quiet,.brand{min-height:44px}a.quiet{display:inline-flex;align-items:center}}.code-panel{margin-top:12px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-sunk)}.code-panel p{margin:6px 0}.code-panel .code-meta{font-size:14px;color:var(--ink-muted)}.code-panel .countdown{font-variant-numeric:tabular-nums;font-weight:600}.code-panel .code-note{font-size:13px;color:var(--text-secondary)}.code-panel .code-status{font-size:15px;font-weight:600}.code-panel button{margin-top:6px}.code-panel.ended .pickup-code{font-size:22px;text-decoration:line-through}.save-row button{white-space:nowrap}@media(max-width:760px){.copy-group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.copy-group .link-row,.copy-group .actions{display:contents}.save-row>label:not(.burn-option){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.save-row select{margin-left:0;width:100%}.save-row button{flex:none}.copy-group input.share-link{order:-1;flex:1 0 100%}.copy-group button{flex:1 1 auto}.pickup-code{font-size:28px}}@media(prefers-color-scheme:dark){:root{--page: #121a17;--surface: #1a2420;--surface-sunk: #141d19;--hover: #22302a;--ink: #e6efe9;--ink-muted: #bccbc2;--text-secondary: #a3b5aa;--accent: #7fc8ab;--line: #2c3a34;--line-soft: #233029;--control-border: #7d978a;--success-bg: #1e3326;--success-ink: #a8dcb8;--danger: #f2a094;--danger-bg: #3a1f1b;--on-accent: #0f1f19}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:18px 0 0;font-size:14px;color:var(--ink-muted)}.steps li{display:flex;align-items:center;gap:8px;border:0}.steps b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--success-bg);color:var(--accent);font-size:12px}.viewer pre:focus{outline:none}.viewer pre:focus-visible{outline:2px solid var(--line-soft);outline-offset:6px;border-radius:4px}.link-note{margin:0 0 12px}.share-again{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:14px}.share-again summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--accent);min-height:24px}.history-item[aria-current=true]{background:var(--hover);box-shadow:inset 3px 0 var(--accent);padding-left:10px}.confirm p{margin-top:0}.confirm button{margin-right:8px}.code-hint{margin:4px 0 0}@media(max-width:760px){textarea{height:180px}.viewer pre{min-height:120px}.intro{margin:26px 0 22px}.share-again summary{padding:11px 0}}.faq dl{margin:0}.faq dt{font-weight:600;margin-top:12px}.faq dd{margin:2px 0 0;color:var(--text-secondary);line-height:1.6}.devices{margin:14px 0;padding-top:12px;border-top:1px solid var(--line)}.devices h3{font-size:15px;margin:14px 0 2px}.devices .hint{margin:0 0 8px}.pairing.receive{display:grid;gap:8px;max-width:360px}.pairing .check{display:flex;align-items:center;gap:8px;font-size:14px;min-height:24px}.pairing .check input{width:18px;height:18px;min-height:0}.pairing-code{font-size:28px}.pairing-code{white-space:nowrap}@media(max-width:760px){.pairing-code{font-size:21px;letter-spacing:.06em}}.confirm-join{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.confirm-join h4{margin:0;font-size:15px}.confirm-join p{margin:0;font-size:14px}.confirm-join .warning{color:var(--ink);font-weight:600}.confirm-join .actions{gap:8px}.device-list ul{list-style:none;padding:0;margin:4px 0 8px}.device-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;font-size:14px}.device-list h3{margin-top:4px}.confirm-inline{display:inline-flex;gap:6px}.device-list .device{display:grid;gap:2px}.device-list .device small{color:var(--text-secondary);font-size:13px}.notice-inline{font-size:14px;margin:4px 0 8px}.device-list .wait{color:var(--text-secondary);font-size:13px;max-width:200px;text-align:right}.device-list h4{font-size:14px;margin:10px 0 0}.device-list .disconnected strong{font-weight:500}.spinner{display:inline-block;width:.9em;height:.9em;margin-right:.5em;vertical-align:-.12em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-right-color:currentColor;opacity:.5}}button[aria-busy=true]:disabled{opacity:1;cursor:progress}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:14px;background:var(--line-soft);border:1px solid var(--line);border-radius:12px}.mode-switch button{background:transparent;color:var(--text-secondary);padding:10px 14px;border-radius:9px;font-size:15px}.mode-switch button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.mode-switch button:hover:not([aria-selected=true]){color:var(--ink)}.chips{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.chips legend{float:left;margin-right:6px;font-size:14px;color:var(--text-secondary)}.chips label{position:relative}.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.chips span{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600}.chips input:checked+span{background:var(--success-bg);border-color:var(--accent);color:var(--accent)}.chips input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.chips:disabled span{opacity:.6}.link-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.qr-box{display:grid;justify-items:center;gap:8px;padding:16px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-sunk)}.qr{width:min(220px,70vw);height:auto;border-radius:8px}.receive{display:grid;gap:22px}.receive h2.eyebrow{margin:0}.receive-way{display:grid;gap:8px}.receive-way h3{margin:0;font-size:16px}.receive-way .hint{margin:0}.receive-way .link-row input{flex:1;min-width:0}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:10px;background:var(--ink);color:var(--page);font-size:14px;font-weight:600;box-shadow:0 8px 24px #0000002e}.drawer{position:fixed;top:var(--header-h);right:0;bottom:0;z-index:30;width:min(460px,100vw);overflow-y:auto;padding:20px 24px calc(28px + env(safe-area-inset-bottom,0px));background:var(--surface);border-left:1px solid var(--line);box-shadow:-12px 0 32px #0000001a}.drawer p{font-size:14px}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-top h2{margin:0;font-size:18px}@media(max-width:760px){:root{--header-h: 64px}.drawer{width:100vw;border-left:0;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.chips legend{float:none;width:100%;margin-bottom:2px}}@media(prefers-reduced-motion:no-preference){.drawer{animation:drawer-in .18s ease-out}.toast{animation:toast-in .18s ease-out}}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}}@keyframes toast-in{0%{transform:translate(-50%,8px);opacity:0}}main>h1.visually-hidden+*,main>h1.visually-hidden~.columns{margin-top:24px}.chips span{white-space:nowrap}@media(max-width:760px){.save-row{flex-wrap:wrap}.save-row .chips{flex:1 0 100%}.save-row>button{flex:1 0 100%}}.burn-option{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-muted);order:2}.burn-option input{width:24px;height:24px;accent-color:var(--accent);margin:0}.save-row{flex-wrap:wrap}.burn-note{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:var(--danger-bg);color:var(--ink);font-size:14px}.gate{display:grid;gap:12px}.gate h2{margin:0;font-size:20px}.gate p{margin:0}.history-item .hidden-text{font-style:italic;color:var(--text-secondary)}.disconnect-note{display:block;flex-basis:100%;color:var(--text-secondary);font-size:12px}.fresh-history{display:grid;gap:8px;margin:18px 0 8px}.fresh-history h3,.fresh-history p{margin:0}.disconnect-choice{flex:1 0 100%;display:grid;gap:14px;padding:10px 12px;border-radius:10px;background:var(--surface-sunk)}.disconnect-choice>div{display:grid;justify-items:start;gap:4px}.disconnect-choice small{color:var(--text-secondary);font-size:12px}.disconnect-choice>button.quiet{justify-self:start}.device-list .this-browser{font-weight:400;color:var(--text-secondary)}.drawer-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px}button.secondary.warn{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}button.secondary.warn:hover:not(:disabled){background:var(--danger-bg);filter:brightness(.97)}.device-list .wait{text-align:left}@media(max-width:480px){.device-list .wait{flex-basis:100%}}.row-actions{display:flex;flex-wrap:wrap;gap:4px 8px}.rename{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rename input{flex:1 1 180px;min-width:0}@media(max-width:600px){.drawer{top:0;width:100vw;padding-top:calc(16px + env(safe-area-inset-top,0px))}.device-list li{flex-direction:column;align-items:flex-start}.device-list li>button.quiet,.device-list .row-actions{margin-left:-8px}.disconnect-choice{align-self:stretch;gap:10px;padding:8px 10px}}.guide-tool{margin:0 0 8px}a.button{display:inline-block;background:var(--accent);color:var(--on-accent);border-radius:9px;padding:12px 18px;font-size:14px;font-weight:600}.guide-text{max-width:720px;margin-top:56px;color:var(--ink)}.guide-text h2{font-size:24px;letter-spacing:-.6px;margin:44px 0 12px}.guide-text h3{font-size:16px;font-weight:600;margin:22px 0 4px}.guide-text h3+p{margin-top:0}.guide-text ul,.guide-text ol{list-style:revert;margin:12px 0;padding-left:24px}.guide-text li{border:0;line-height:1.6;margin:6px 0}.guide-text li>ul{margin:6px 0}.guide-text hr{border:0;border-top:1px solid var(--line);margin:32px 0 0}.guide-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.guide-text code{font-size:.92em;background:var(--surface-sunk);border:1px solid var(--line-soft);border-radius:5px;padding:1px 5px}.table-scroll{overflow-x:auto}.guide-text table{border-collapse:collapse;width:100%;font-size:14px}.guide-text th,.guide-text td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.guide-footer{flex-wrap:wrap;align-items:flex-start}.guide-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}.guide-footer li{border:0}.guide-footer a{text-decoration:underline;text-underline-offset:2px}@media(max-width:600px){.guide-text{margin-top:40px}.guide-text h2{font-size:21px}.guide-footer ul{flex-direction:column}}.guide-links li{border:0;margin:6px 0}.guide-links a,.guide-footer a,.guide-text .link-item a{display:inline-block;min-height:24px;padding:3px 0;text-decoration:underline;text-underline-offset:2px}@media(max-width:760px){.guide-links a,.guide-footer a,.guide-text .link-item a{display:inline-flex;align-items:center;min-height:44px;padding:0}}button.connect-device{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;white-space:nowrap;background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:999px}button.connect-device:hover:not(:disabled){background:var(--hover)}.device-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;border-radius:999px;background:var(--success-bg);color:var(--success-ink);font-variant-numeric:tabular-nums}.connect-choices{display:grid;gap:12px;margin:8px 0 18px}.connect-choice{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface-sunk)}.connect-choice h4{margin:0 0 4px;font-size:15px}.connect-nudge{display:flex;gap:12px;align-items:flex-start;margin:14px 0 4px;padding:14px;border:1px dashed var(--control-border);border-radius:12px;color:var(--ink)}.connect-nudge>svg{flex:none;margin-top:2px;color:var(--accent)}.connect-nudge p{margin:0 0 10px;font-size:14px;line-height:1.5}.nudge-actions{display:flex;flex-wrap:wrap;gap:8px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}header .tagline{margin:0 auto 0 18px;padding-left:18px;border-left:1px solid var(--line);font-size:13px;color:var(--text-secondary);white-space:nowrap}footer:has(>.footer-links:only-child){justify-content:center}.tagline-below{display:none}@media(max-width:760px){header .tagline{display:none}.tagline.tagline-below{display:block;margin:10px 0 0;padding:0;border:0;font-size:13px;color:var(--text-secondary)}}pre.masked{letter-spacing:.2em;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.reveal-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 0}.reveal-row .hint{margin:0}.option-note{color:var(--text-secondary);font-size:13px;margin-left:-2px}.reveal-row button{display:inline-flex;align-items:center;gap:6px}.save-row{flex-wrap:wrap;justify-content:flex-start;column-gap:22px;row-gap:14px}.save-row .chips{order:1;flex:1 0 100%}.save-row>button{order:3;margin-left:auto}@media(max-width:760px){.burn-option{flex:1 0 100%}.save-row{row-gap:2px}.save-row .chips{margin-bottom:2px}.save-row>button{margin:4px 0 0}}.save-row{container-type:inline-size}@container (max-width: 680px){.save-row>button{flex:1 0 100%;margin-left:0}}.how{margin:44px 0 8px}.how h2{font-size:20px;margin:0 0 16px}.how-pictures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),520px));gap:20px}.how-picture{margin:0}.guide-text .how-picture{margin:20px 0 8px;max-width:560px}.how-picture img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.how-picture figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--text-secondary)}