.hb-box{border:1.5px solid rgb(var(--gold-rgb) / .55);background:var(--card);max-width:780px;box-shadow:0 0 0 6px rgb(var(--gold-rgb) / .07), 0 30px 80px rgb(var(--black-rgb) / .45);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:24px;margin-inline:auto;padding:12px 12px 10px 16px}.hb-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 6px rgb(var(--gold-rgb) / .16), 0 30px 80px rgb(var(--black-rgb) / .45)}.hb-box textarea{width:100%;min-height:52px;color:var(--fg);resize:none;background:0 0;border:0;outline:0;font-size:17px;line-height:1.45;display:block}.hb-box textarea::placeholder{color:var(--muted-fg)}@media not (max-width:767px){.hb-box{border-radius:26px;padding:14px 14px 12px 18px}.hb-box textarea{min-height:60px;font-size:18px}}.hb-attach{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.hb-chip{border:1px solid var(--line2);background:var(--card2);color:var(--fg-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.hb-thumb{border:1px solid var(--line2);cursor:pointer;border-radius:10px;width:48px;height:48px;display:block;position:relative;overflow:hidden}.hb-thumb img{object-fit:cover;width:100%;height:100%}.hb-thumb-x{background:rgb(var(--bg-rgb) / .8);width:18px;height:18px;color:var(--fg);border-radius:999px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.hb-bar{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:8px;padding-top:10px;display:flex}.hb-tool{border:1px solid var(--line2);background:var(--card2);min-height:48px;color:var(--fg);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.hb-tool:hover{border-color:var(--fg-soft)}.hb-tool:disabled{opacity:.4;cursor:default}.hb-kinds{min-width:0;color:var(--muted-fg);flex:1;font-size:13px}.hb-go{flex:1;justify-content:center;gap:8px;min-height:48px;padding:0 20px;font-size:16px}.hb-go:disabled{opacity:.6}@media (max-width:767px){.hb-kinds{display:none}}@media not (max-width:767px){.hb-go{flex:none;min-height:52px;margin-left:auto;padding:0 24px}}.hb-tool:focus-visible,.hb-thumb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hb-error{max-width:780px;color:var(--destructive-soft);margin:10px auto 0;font-size:13.5px}.hb-box[data-look=slide]{isolation:isolate;max-width:640px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:44px minmax(0,1fr);grid-template-areas:".attach""tool text""go go""kinds kinds";align-items:center;column-gap:6px;margin:0;padding:5px 5px 0;display:grid;position:relative}.hb-box[data-look=slide]:before{content:"";z-index:-1;border:1px solid rgb(var(--white-rgb) / .2);background:rgb(var(--ink2-rgb) / .72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:14px;grid-area:1/1/3/-1;position:absolute;inset:-5px}.hb-box[data-look=slide]:focus-within:before{border-color:rgb(var(--gold-rgb) / .6);box-shadow:0 0 0 4px rgb(var(--gold-rgb) / .14)}.hb-box[data-look=slide] .hb-bar{display:contents}.hb-box[data-look=slide] textarea{field-sizing:content;grid-area:text;min-height:44px;max-height:110px;padding:11px 4px;font-size:16px;line-height:22px}.hb-box[data-look=slide] textarea::placeholder{color:rgb(var(--fg-rgb) / .62)}.hb-box[data-look=slide] .hb-attach{grid-area:attach;gap:6px;margin:4px 0 0}.hb-box[data-look=slide] .hb-chip{background:rgb(var(--gold-rgb) / .16);color:var(--gold);border:0;padding:5px 10px;font-size:12px;font-weight:600}.hb-box[data-look=slide] .hb-thumb{border-color:rgb(var(--white-rgb) / .3);border-radius:9px;width:44px;height:44px}.hb-box[data-look=slide] .hb-tool{width:44px;height:44px;min-height:44px;color:rgb(var(--fg-rgb) / .78);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:0;grid-area:tool;justify-content:center;padding:0}.hb-box[data-look=slide] .hb-tool:hover{background:rgb(var(--white-rgb) / .08);color:var(--fg)}.hb-box[data-look=slide] .hb-tool span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-box[data-look=slide] .hb-go{width:auto;min-height:52px;box-shadow:0 10px 28px rgb(var(--gold-rgb) / .28);border-radius:14px;grid-area:go;margin:15px -5px 0;padding:0 20px}.hb-box[data-look=slide] .hb-kinds{color:rgb(var(--fg-rgb) / .62);text-align:center;grid-area:kinds;margin-top:10px;font-size:12.5px;display:block}.hb-box[data-look=slide]:has(+.hb-error) .hb-kinds{display:none}.hb-box[data-look=slide]+.hb-error{max-width:640px;color:var(--gold);text-align:center;margin:10px 0 0;font-size:12.5px}@media (min-width:640px){.hb-box[data-look=slide]{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:".attach go""tool text go""kinds kinds kinds";padding:6px 6px 0}.hb-box[data-look=slide]:before{border-radius:16px;inset:-6px}.hb-box[data-look=slide] .hb-go{width:auto;min-height:46px;box-shadow:none;border-radius:12px;margin:0 0 0 4px;padding:0 18px 0 20px;font-size:15px}.hb-box[data-look=slide] .hb-kinds,.hb-box[data-look=slide]+.hb-error{text-align:left;margin:14px 0 0 4px}}@media (prefers-reduced-motion:reduce){.hb-box[data-look=slide]:before,.hb-box[data-look=slide] .hb-tool{transition:none}}
/*# sourceMappingURL=0n14p8pucrg_q.css.map*/