/* PatternCube Tool Bridge — matches the astra-child tool styles. */
.pctb-bar{margin:28px 0 8px;padding:14px 16px;border:1px solid #e6e4dd;border-radius:12px;background:#faf9f6;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:.875rem;color:#4a4a48}
.pctb-label{font-weight:600;color:#222}
.pctb-row{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto}
.pctb-btn{-webkit-tap-highlight-color:transparent;padding:8px 14px;border:1px solid #e6e4dd;border-radius:8px;background:#fff;color:#4a4a48;font:inherit;font-size:.8125rem;line-height:1.2;cursor:pointer;transition:border-color .12s,color .12s,background .12s}
.pctb-btn:hover,.pctb-btn:focus-visible{border-color:#c9c7bf;color:#222;background:#faf9f6}
.pctb-btn:focus-visible,.pctb-chip:focus-visible,.pctb-toast button:focus-visible,.pctb-chips-x:focus-visible{outline:2px solid #4a4a48;outline-offset:2px}
.pctb-btn-accent{border-color:#4a4a48;color:#222;font-weight:600}
.pctb-btn-ghost{background:transparent}
.pctb-recent{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding-top:6px}
.pctb-recent[hidden]{display:none}
.pctb-empty{grid-column:1/-1;margin:0;color:#6b6b68}
.pctb-card{border:1px solid #e6e4dd;border-radius:10px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:8px}
.pctb-prev{height:72px;border-radius:6px;background:#f2f1ec;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pctb-prev img{max-width:100%;max-height:100%;object-fit:contain}
.pctb-prev.is-pal span{flex:1;height:100%}
.pctb-acts{display:flex;flex-wrap:wrap;gap:6px}
.pctb-acts .pctb-btn{padding:6px 10px;font-size:.75rem}
.pctb-chips{position:relative;margin:0 0 18px;padding:12px 40px 12px 14px;border:1px solid #e6e4dd;border-radius:12px;background:#faf9f6;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pctb-chips-note{flex-basis:100%;margin:0 0 2px;font-size:.8125rem;color:#4a4a48}
.pctb-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid #e6e4dd;border-radius:999px;background:#fff;font:inherit;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#222;cursor:pointer}
.pctb-chip::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pctb-chips-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;background:transparent;font-size:1.1rem;color:#6b6b68;cursor:pointer}
.pctb-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);max-width:min(92vw,520px);display:flex;align-items:center;gap:10px;padding:10px 8px 10px 16px;border-radius:10px;background:#222;color:#fff;font-size:.875rem;box-shadow:0 6px 24px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:99999}
.pctb-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.pctb-toast-btn{padding:6px 10px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:transparent;color:#fff;font:inherit;font-size:.8125rem;cursor:pointer;white-space:nowrap}
.pctb-toast-x{width:28px;height:28px;border:0;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer}
@media (max-width:600px){.pctb-bar{padding:12px}.pctb-row{flex-basis:100%}.pctb-btn{padding:10px 14px}}
@media (prefers-reduced-motion:reduce){.pctb-toast,.pctb-btn{transition:none}}