.fb-tool-shell .tool-app,.fb-tool-shell .tool-panel,.fb-tool-shell .tool-app :is(pre,output,.tool-output,.tool-result,.tool-preview){min-width:0;max-width:100%}.fb-tool-shell .tool-app pre{overflow-x:auto;white-space:pre}.tool-app{--tool-line:#cbd9ee;--tool-tint:#edf3ff;color:var(--fb-ink);overflow-wrap:anywhere}.tool-panel{border:1px solid var(--tool-line);border-radius:var(--fb-radius);background:var(--fb-surface);padding:clamp(1rem,3vw,2rem);box-shadow:0 14px 32px -28px #183d87}.tool-app h2{font-size:clamp(1.35rem,2vw,1.8rem);margin-bottom:.5rem}.tool-app h3{font-size:1.1rem;margin-block:1.5rem .55rem}.tool-app p{color:var(--fb-muted)}.tool-app label{display:block;margin:.8rem 0 .35rem;font-size:.87rem;font-weight:750;color:var(--fb-ink)}.tool-fields{display:grid;grid-template-columns:1fr;gap:.4rem 1rem;min-width:0}.tool-fields>*{min-width:0}.tool-app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.tool-app select,.tool-app textarea{display:block;width:100%;max-width:100%;min-height:44px;padding:.7rem .85rem;border:1px solid #aebfdb;border-radius:8px;background:#fff;color:var(--fb-ink)}.tool-app textarea{min-height:180px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;tab-size:2}.tool-app input[type=range]{width:100%;accent-color:var(--fb-primary);min-height:44px}.tool-app input[type=color]{width:64px;height:44px;padding:2px;border:1px solid #aebfdb;border-radius:8px;background:#fff}.tool-app input[type=checkbox],.tool-app input[type=radio]{accent-color:var(--fb-primary);width:18px;height:18px;vertical-align:middle}.tool-app fieldset{border:1px solid var(--fb-border);border-radius:10px;margin:1rem 0;padding:1rem}.tool-app legend{padding-inline:.4rem;font-weight:800;color:var(--fb-primary-dark)}.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-block:1.15rem}.tool-app button{min-height:44px;padding:.55rem 1rem;border:1px solid #b7c8e8;border-radius:8px;background:#eef4ff;color:var(--fb-primary-dark);font-size:.88rem;font-weight:750;transition:transform .2s,background .2s}.tool-app button:hover:not(:disabled){background:#dce9ff;transform:translateY(-1px)}.tool-app button:disabled{cursor:not-allowed;opacity:.52}.tool-app button[type=submit],.tool-actions button:first-child{background:var(--fb-primary);border-color:var(--fb-primary);color:#fff}.tool-app button[type=submit]:hover,.tool-actions button:first-child:hover{background:var(--fb-primary-dark)}.tool-app [aria-live]{min-height:1.5rem}.tool-app [role=alert]{padding:.75rem 1rem;border-left:3px solid var(--fb-danger);background:#fff3f2;border-radius:4px;color:#8f2525}.tool-app pre,.tool-app code{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.tool-app pre{max-width:100%;overflow-x:auto;background:#10203c;color:#e3edff;border-radius:8px;padding:1rem}.tool-app output{display:block;overflow-wrap:anywhere}.tool-app :is(.tool-output,.tool-result,.tool-preview){max-width:100%;overflow-x:auto}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--fb-border);border-radius:9px;margin-block:1rem}.table-scroll table{border-collapse:collapse;width:100%;min-width:600px;font-size:.85rem}.table-scroll th,.table-scroll td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--fb-border);vertical-align:top}.table-scroll thead{background:var(--tool-tint)}.table-scroll tbody tr:nth-child(2n){background:#f8faff}.tool-app details{border-bottom:1px solid var(--fb-border);padding:.8rem 0}.tool-app summary{cursor:pointer;font-weight:750}.tool-app small{color:var(--fb-muted)}@media(min-width:768px){.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.tool-app button{transition:none}}