.wb{--wb-bg:var(--br-bg,#f5f2ea);--wb-surface:var(--br-surface,#fffdf8);--wb-ink:var(--br-ink,#17150f);--wb-muted:var(--br-muted,#5a5446);--wb-line:var(--br-line,#e2dccb);--wb-signal:var(--br-signal,#ffd60a);--wb-input:#7d7563;--wb-url:#0b6b3a;--wb-warn:#b42318;display:grid;gap:16px;grid-template-columns:minmax(0,1fr);padding:8px 0 48px;color:var(--wb-ink)}@media(min-width:1000px){.wb.wb-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.wb-side{position:sticky;top:84px}}.wb .card,.wb>*{min-width:0;max-width:100%}.wb .card{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:16px;padding:18px}.wb h2{font-size:1.25rem;margin:0 0 8px;letter-spacing:-.01em}.wb h3{font-size:1rem;margin:0}.wb .muted{color:var(--wb-muted)}.wb-hl{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--br-signal,#ffd60a) 70%,transparent) 55%);padding:0 2px}.wb label{display:block;font-weight:600;font-size:.92rem;margin-top:10px}.wb input:not([type=color]):not([type=checkbox]):not([type=radio]),.wb select,.wb textarea{display:block;width:100%;margin-top:4px;min-height:44px;padding:8px 10px;border:1px solid var(--wb-input);border-radius:10px;background:var(--wb-surface);color:var(--wb-ink);font:inherit}.wb :is(input,select,textarea,button,summary,a):focus-visible{outline:3px solid var(--wb-ink);outline-offset:2px}.wb input[type=color]{width:56px;height:44px;border:1px solid var(--wb-input);border-radius:10px;padding:2px;background:var(--wb-surface);display:block;margin-top:4px}.wb-hint{display:block;font-weight:400;font-size:.82rem;color:var(--wb-muted);margin-top:2px}.wb-grid2{display:grid;gap:0 12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.wb details{border-top:1px solid var(--wb-line);padding:10px 0}.wb summary{cursor:pointer;font-weight:800;font-size:1.02rem;display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:44px;list-style:none}.wb summary::-webkit-details-marker{display:none}.wb summary:after{content:"+";font-weight:400;font-size:1.3rem}.wb details[open]>summary:after{content:"–"}.wb-count{font-weight:600;font-size:.82rem;color:var(--wb-muted);margin-left:auto}.wb-row{border:1px solid var(--wb-line);border-radius:12px;padding:10px 12px 12px;margin-top:10px;background:var(--wb-bg)}.wb-rowhead{justify-content:space-between}.wb-actions,.wb-rowhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wb-actions{margin-top:10px}.wb button{min-height:44px;cursor:pointer}.wb .linkish{background:none;border:0;color:var(--wb-ink);text-decoration:underline;padding:0 4px;font:inherit;font-size:.88rem}.wb .wb-add{border:1px dashed var(--wb-input);background:transparent;color:var(--wb-ink);border-radius:10px;padding:8px 14px;font-weight:700;width:100%}.wb-badge{display:inline-block;font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--wb-ink);color:var(--wb-bg)}.wb-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.wb-check input{width:22px;height:22px;flex:none;margin-top:2px}.wb-note{border-left:4px solid var(--wb-signal);background:color-mix(in srgb,var(--wb-signal) 14%,var(--wb-surface));padding:10px 12px;border-radius:0 10px 10px 0;font-size:.9rem;margin:10px 0 0}.wb-seg{display:inline-flex;border:1px solid var(--wb-input);border-radius:999px;overflow:hidden;flex-wrap:wrap}.wb-seg button{border:0;background:transparent;color:var(--wb-ink);padding:6px 14px;font-weight:700;min-height:40px}.wb-seg button[aria-pressed=true]{background:var(--wb-ink);color:var(--wb-bg)}.wb-frame{margin:12px auto 0;border:1px solid var(--wb-line);border-radius:14px;background:#fff;display:block;width:100%;height:640px;transition:max-width .2s ease-out}.wb-frame[data-device=phone]{max-width:390px;border:10px solid var(--wb-ink);border-radius:28px}.wb-url{font-family:ui-monospace,monospace;color:var(--wb-url);overflow-wrap:anywhere}.wb-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.wb-list li{display:flex;gap:8px;align-items:flex-start;font-size:.92rem;flex-wrap:wrap}.wb-list .mk{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-weight:900;font-size:.8rem;border:2px solid var(--wb-ink)}.wb-list .ok .mk{background:var(--wb-ink);color:var(--wb-signal)}.wb-bad{color:var(--wb-warn);font-size:.88rem}.wb-types{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0;padding:0;list-style:none}.wb-type{display:block;height:100%;background:var(--wb-surface);border:2px solid var(--wb-ink);border-radius:16px;padding:16px;color:var(--wb-ink);text-decoration:none;text-align:left;font:inherit;width:100%}.wb-type:hover,.wb-type[aria-pressed=true]{background:var(--wb-signal)}.wb-type b{display:block;font-size:1.1rem;margin-bottom:4px}.wb-type span{font-size:.9rem}.wb-steps{counter-reset:s;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));list-style:none;padding:0}.wb-steps li{counter-increment:s;border-top:4px solid var(--wb-ink);padding-top:8px}.wb-steps li:before{content:counter(s) ". ";font-weight:900}@media(prefers-reduced-motion:reduce){.wb-frame{transition:none}}