.wb{background:var(--ak-canvas);grid-template-columns:260px minmax(0,1fr);min-height:100vh;font-size:14px;display:grid}.wb-side{background:var(--ak-subtle);flex-direction:column;height:100vh;padding:10px;display:flex;position:sticky;top:0;overflow-y:auto}.wb-side-top{grid-template-columns:32px 1fr 32px;align-items:center;padding:6px 0 14px;display:grid}.wb-brand{grid-column:2;justify-self:center;line-height:0;display:block}.wb-brand img{width:auto;height:24px;display:block}.wb-side-top .wb-icon{grid-column:3}.wb-icon{width:32px;height:32px;color:var(--ak-muted);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.wb-icon:hover{background:var(--ak-subtle-hover);color:var(--ak-ink)}.wb-icon.is-ring{border-color:var(--ak-line);color:var(--ak-ink)}.wb-item{color:var(--ak-ink);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.wb-item:hover,.wb-item[aria-current=page]{background:var(--ak-subtle-hover);color:var(--ak-ink)}.wb-item svg{flex-shrink:0}.wb-convo span{flex:1;min-width:0;display:block}.wb-convo b{font-weight:var(--ak-weight-emphasis);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.wb-convo small{color:var(--ak-faint);margin-top:1px;font-size:12px;display:block}.wb-convo .wb-unread{background:var(--ak-ink);min-width:18px;height:18px;color:var(--ak-canvas);font-size:11px;font-weight:var(--ak-weight-emphasis);text-align:center;border-radius:9px;flex:none;padding:0 5px;line-height:18px}.wb-side-label{color:var(--ak-faint);padding:18px 10px 6px;font-size:12px}.wb-side-empty{color:var(--ak-faint);padding:8px 10px;font-size:13px;line-height:1.6}.wb-side-bottom{margin-top:auto;padding-top:12px}.wb-side-card{padding:12px 10px 6px}.wb-side-card b{font-size:14px;font-weight:var(--ak-weight-emphasis);margin-bottom:4px;display:block}.wb-side-card p{color:var(--ak-muted);margin-bottom:10px;font-size:13px;line-height:1.5}.wb-user{color:var(--ak-ink);border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;text-decoration:none;display:flex}.wb-user:hover{background:var(--ak-subtle-hover);color:var(--ak-ink)}.wb-user span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-avatar{color:#333;background:#dadada;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:inline-flex;overflow:hidden}.wb-avatar.is-maker{background:var(--ak-surface);border:1px solid var(--ak-line)}.wb-avatar.is-maker img{width:18px;height:18px}.wb-avatar.is-engineer{background:var(--ak-tint);color:var(--ak-ink);font-weight:var(--ak-weight-emphasis)}.wb-avatar.is-engineer img{object-fit:cover;width:100%;height:100%}.wb-engineer-list{gap:4px;max-width:640px;display:grid}.wb-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.wb-top{justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 16px;display:flex}.wb-top .wb-title{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.wb-top .wb-title b{font-weight:var(--ak-weight-emphasis);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.wb-top .wb-title small{color:var(--ak-faint);font-size:13px}.wb-top .wb-r{flex-shrink:0;align-items:center;gap:8px;display:flex}.wb-menu{display:none}.wb-top-brand{line-height:0;display:none}.wb-top-brand img{width:auto;height:22px}.wb-pill{border:1px solid var(--ak-line);background:var(--ak-surface);height:36px;color:var(--ak-ink);font-size:14px;font-weight:var(--ak-weight-emphasis);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.wb-pill:hover:not(:disabled){background:var(--ak-tint);color:var(--ak-ink)}.wb-pill.is-dark{background:var(--ak-brand);color:var(--ak-on-brand);border-color:#0000}.wb-pill.is-dark:hover:not(:disabled){background:var(--ak-brand-hover);color:var(--ak-on-brand)}.wb-pill.is-sm{height:30px;padding:0 12px;font-size:13px}.wb-pill.is-full{width:100%}.wb-status{color:var(--ak-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.wb-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.wb-status.is-attention{color:var(--ak-status-waiting)}.wb-status.is-quiet{color:var(--ak-status-progress)}.wb-status.is-ready{color:var(--ak-status-success)}.wb-status.is-closed{color:var(--ak-faint)}.wb-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px 60px;display:flex}.wb-hero-mark{width:44px;height:44px;margin-bottom:18px}.wb-hero h1{font-size:var(--ak-type-hero);font-weight:var(--ak-weight-regular);letter-spacing:.01em;line-height:var(--ak-leading-display);margin:0 0 22px}.wb-notice{text-align:left;width:100%;max-width:680px;margin-bottom:16px}.wb-composer{background:var(--ak-surface);text-align:left;border:1px solid #0000001a;border-radius:28px;width:100%;max-width:680px;padding:14px 14px 10px 18px;box-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a,0 4px 80px 8px #00000006}.wb-composer:focus-within{border-color:#0003}.wb-composer textarea{resize:none;width:100%;min-height:26px;max-height:200px;color:var(--ak-ink);background:0 0;border:0;outline:0;padding:2px 0;font-size:16px;line-height:1.5;display:block}.wb-composer textarea::placeholder{color:var(--ak-faint)}.wb-composer-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.wb-composer-left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.wb-send{background:var(--ak-brand);width:32px;height:32px;color:var(--ak-on-brand);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.wb-send:hover:not(:disabled){background:var(--ak-brand-hover)}.wb-send:disabled{opacity:.35;cursor:not-allowed}.wb-file{background:var(--ak-tint);height:32px;color:var(--ak-ink);border-radius:9999px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:0 6px 0 8px;font-size:13px;display:inline-flex}.wb-file b{font-weight:var(--ak-weight-emphasis);white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.wb-file small{color:var(--ak-faint);white-space:nowrap}.wb-file .wb-file-ic{background:var(--ak-ink);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:inline-flex}.wb-file button{width:22px;height:22px;color:var(--ak-muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.wb-file button:hover{background:var(--ak-subtle-hover);color:var(--ak-ink)}.wb-sugg{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.wb-sugg a{border:1px solid var(--ak-line);height:32px;color:var(--ak-muted);background:0 0;border-radius:9999px;align-items:center;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex}.wb-sugg a:hover{background:var(--ak-tint);color:var(--ak-ink)}.wb-foot{text-align:center;color:var(--ak-faint);padding:0 16px 14px;font-size:12px}.wb-foot a{color:var(--ak-faint)}.wb-foot a:hover{color:var(--ak-ink)}.wb-progress{width:100%;max-width:680px;color:var(--ak-muted);text-align:left;margin-top:14px;font-size:13px}.wb-progress progress{width:100%;height:4px;accent-color:var(--ak-ink);margin-top:6px}.wb-thread{flex-direction:column;flex:1;gap:22px;width:100%;max-width:760px;margin:0 auto;padding:8px 24px 16px;display:flex}.wb-m{gap:12px;min-width:0;font-size:15px;line-height:1.65;display:flex}.wb-m>div{min-width:0}.wb-m.is-me{justify-content:flex-end}.wb-m.is-me .wb-b{background:var(--ak-tint);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:72%;padding:10px 16px}.wb-m .wb-text{white-space:pre-wrap;overflow-wrap:anywhere}.wb-who{color:var(--ak-faint);margin-bottom:4px;font-size:13px}.wb-att{border:1px solid var(--ak-line);background:var(--ak-surface);color:var(--ak-ink);border-radius:12px;align-items:center;gap:8px;max-width:100%;margin-top:8px;margin-right:8px;padding:8px 12px 8px 8px;font-size:13px;text-decoration:none;display:inline-flex}.wb-att:hover{background:var(--ak-tint);color:var(--ak-ink)}.wb-att .wb-file-ic{background:var(--ak-ink);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.wb-att small{color:var(--ak-faint)}.wb-card{border:1px solid var(--ak-line);border-radius:var(--ak-radius-card);background:var(--ak-surface);padding:18px 20px}.wb-card h3{font-size:16px;font-weight:var(--ak-weight-emphasis);margin:0 0 4px}.wb-card .wb-lead{color:var(--ak-muted);margin:0 0 14px;font-size:13px}.wb-card .notice{margin-top:12px}.wb-seg{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.wb-seg button{border:1px solid var(--ak-line);height:40px;color:var(--ak-ink);background:0 0;border-radius:9999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:inline-flex}.wb-seg button b{font-weight:var(--ak-weight-emphasis)}.wb-seg button s{color:var(--ak-faint);font-size:12px}.wb-seg button[aria-checked=true]{background:var(--ak-brand);color:var(--ak-on-brand);border-color:#0000}.wb-seg button[aria-checked=true] s{color:#fff9}.wb-seg button:disabled{opacity:.5}.wb-fields{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px;display:grid}.wb-fields .field{margin:0}.wb-fields label{color:var(--ak-faint);margin-bottom:4px;font-size:12px;display:block}.wb-fields select,.wb-select{border:1px solid var(--ak-line);height:36px;color:var(--ak-ink);background:0 0;border-radius:9999px;width:100%;max-width:100%;padding:0 12px;font-size:13px}.wb-consent{color:var(--ak-muted);align-items:flex-start;gap:8px;margin-bottom:12px;font-size:13px;line-height:1.5;display:flex}.wb-consent input{accent-color:var(--ak-ink);margin-top:3px}.wb-consent a{color:var(--ak-ink);text-underline-offset:3px;text-decoration:underline}.wb-lrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wb-lrow .wb-select{width:auto}.wb-total{color:var(--ak-muted);font-size:13px}.wb-total b{font-size:18px;font-weight:var(--ak-weight-emphasis);color:var(--ak-ink);margin-left:6px}.wb-row{flex-wrap:wrap;gap:8px;display:flex}.wb-deliver{max-width:560px}.wb-meta{color:var(--ak-faint);margin-top:10px;font-size:12px}.wb-bottom{width:100%;max-width:760px;margin:0 auto;padding:0 24px 12px}.wb-bottom .wb-composer{max-width:none}.wb-empty{color:var(--ak-faint);text-align:center;padding:40px 0 10px;font-size:14px}.wb-menu-list{gap:6px;display:grid}.wb-menu-list a,.wb-menu-list button{color:var(--ak-ink);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.wb-menu-list a:hover,.wb-menu-list button:hover{background:var(--ak-tint);color:var(--ak-ink)}.wb-order-facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.wb-order-facts dt{color:var(--ak-faint)}.wb-order-facts dd{color:var(--ak-ink);overflow-wrap:anywhere;margin:0}.wb-page{width:100%;max-width:760px;margin:0 auto;padding:16px 24px 40px}@media (max-width:860px){.wb{grid-template-columns:1fr}.wb-side{z-index:30;width:min(300px,86vw);box-shadow:none;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.wb-side.is-open{transform:none;box-shadow:0 0 0 100vmax #00000040}.wb-menu,.wb-top-brand{display:inline-flex}.wb-top{padding:0 12px}.wb-hero{padding:24px 16px 40px}.wb-thread,.wb-bottom{padding-left:14px;padding-right:14px}.wb-m.is-me .wb-b{max-width:84%}.wb-composer{padding:12px 10px 8px 14px}.wb-file b{max-width:150px}}@media (prefers-reduced-motion:reduce){.wb-side{transition:none}}.wb-danger{color:var(--ak-danger)}.wb-ref{box-sizing:border-box;width:100%;max-width:720px;color:var(--ak-muted);align-items:center;gap:8px;margin:0 auto 10px;padding:0 6px;font-size:13px;display:flex}.wb-ref span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wb-ref button{color:var(--ak-muted);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:13px}.wb-ref button:hover{color:var(--ak-ink)}.wb-ref-note{color:var(--ak-muted);margin:0 4px;font-size:13px}.wb-stage{border-top:1px solid var(--ak-line);margin-top:14px;padding-top:12px}.wb-stage>p{margin:0 0 6px}.wb-stage-reason{box-sizing:border-box;border:1px solid var(--ak-line);background:var(--ak-surface);width:100%;color:var(--ak-ink);font:inherit;resize:vertical;border-radius:12px;margin-bottom:8px;padding:8px 10px;font-size:14px}
