.wb{padding-top:36px;padding-bottom:60px}.wb h1{font:700 38px/1.1 var(--font-display);margin:0 0 10px}.wb .lead{color:var(--muted);max-width:760px;margin:0 0 26px;font-size:16px}.wb-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-gap:24px;gap:24px;align-items:start}.wb-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.wb-kinds button{text-align:left;display:grid;grid-gap:3px;gap:3px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font:inherit;cursor:pointer}.wb-kinds button b{font:700 14.5px var(--font-display)}.wb-kinds button small{color:var(--muted);font-size:12px;line-height:1.35}.wb-kinds button.on{border-color:var(--accent);background:var(--accent-glow)}.wb-form{display:grid;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-solid)}.wb-form label{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:12.5px}.wb-form input,.wb-form select{height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);font:500 14px var(--font-ui);min-width:0;width:100%}.wb-form input:focus,.wb-form select:focus{outline:none;border-color:var(--accent)}.wb-form label.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13.5px}.wb-form label.check input{width:16px;height:16px;accent-color:var(--accent)}.wb-checks{display:grid;grid-gap:8px;gap:8px}.wb-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.wb-pins{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px 12px;margin:0;min-width:0}.wb-pins legend{padding:0 6px;color:var(--muted);font-size:12.5px}.wb-pin{display:grid;grid-template-columns:70px 70px minmax(0,1fr) 118px 34px;grid-gap:6px;gap:6px;margin-bottom:6px}.wb-pin button,.wb-pinbar button,.wb-snip button{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);font:600 13px var(--font-ui);cursor:pointer}.wb-pin button{padding:0}.wb-pin button:hover,.wb-pinbar button:hover:not(:disabled),.wb-snip button:hover{border-color:var(--accent);color:var(--accent)}.wb-pinbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wb-pinbar input{flex:1 1 200px}.wb-pinbar button:disabled{opacity:.5;cursor:default}.wb-hint{color:var(--faint);font-size:12.5px;margin:6px 0 0;line-height:1.45}.wb-side{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:16px;min-width:0}.wb-preview{border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:var(--bg-2)}.wb-preview iframe{display:block;width:100%;height:100%;border:0}.wb-snip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-solid);min-width:0}.wb-snip .head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 0 12px}.wb-snip .head b{font-size:13px}.wb-snip pre{margin:8px 12px;padding:10px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:#bfe9de;font:500 12px/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.wb-snip .wb-hint{margin:0 12px 10px}.wb-notes{margin-top:44px;max-width:760px}.wb-notes h2{font:700 22px var(--font-display)}.wb-notes li{color:var(--muted);margin:6px 0}.wb-notes li b{color:var(--text)}@media (max-width:900px){.wb-grid{grid-template-columns:minmax(0,1fr)}.wb-side{position:static}.wb h1{font-size:30px}}@media (max-width:520px){.wb-kinds{grid-template-columns:minmax(0,1fr)}.wb-pin{grid-template-columns:1fr 1fr 34px}.wb-pin button{grid-column:3;grid-row:1}.wb-pin input[aria-label=label],.wb-pin select{grid-column:1/-1}.wb-row3{grid-template-columns:1fr}}