.tool-ui-shell{color:var(--color-ink-950,#0d1321);gap:1rem;display:grid}.tool-ui-panel{border:1px solid var(--color-line,#dce2ec);border-radius:var(--radius-lg,18px);background:#fffffff5;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 16px 45px #14234612}.tool-ui-grid{gap:1rem;display:grid}.tool-ui-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-ui-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-ui-field{gap:.45rem;min-width:0;display:grid}.tool-ui-field>span,.tool-ui-label{color:var(--color-ink-700,#364152);font-size:.82rem;font-weight:750}.tool-ui-input,.tool-ui-select,.tool-ui-textarea{border:1px solid var(--color-line-strong,#c9d1de);border-radius:var(--radius-md,12px);width:100%;min-height:2.9rem;color:inherit;background:#fff;padding:.72rem .8rem}.tool-ui-textarea{resize:vertical;min-height:8rem;line-height:1.55}.tool-ui-input:focus,.tool-ui-select:focus,.tool-ui-textarea:focus{border-color:var(--color-brand-500,#3b5bfd);outline:3px solid #3b5bfd26}.tool-ui-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.tool-ui-message{border-radius:12px;margin:0;padding:.8rem 1rem;font-size:.9rem}.tool-ui-message--error{color:#9f1d24;background:#fff0f0;border:1px solid #ffd0d3}.tool-ui-message--success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.tool-ui-help{color:var(--color-ink-600,#596579);margin:0;font-size:.82rem;line-height:1.55}.tool-ui-result{background:var(--color-canvas,#f4f7fb);border-radius:14px;gap:.55rem;padding:1rem;display:grid}.tool-ui-result strong{overflow-wrap:anywhere}.tool-ui-result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.tool-ui-stat{border:1px solid var(--color-line,#dce2ec);background:#fff;border-radius:12px;gap:.2rem;padding:.8rem;display:grid}.tool-ui-stat dt{color:var(--color-ink-600,#596579);font-size:.78rem}.tool-ui-stat dd{overflow-wrap:anywhere;margin:0;font-weight:780}.tool-ui-dropzone{border:1.5px dashed var(--color-line-strong,#c9d1de);text-align:center;border-radius:16px;place-items:center;gap:.55rem;padding:1.5rem;transition:border-color .15s,background .15s;display:grid}.tool-ui-dropzone[data-dragging=true]{border-color:var(--color-brand-500,#3b5bfd);background:#3b5bfd0f}.tool-ui-dropzone__label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:7rem;display:flex}.tool-ui-dropzone__label[aria-disabled=true]{cursor:not-allowed;opacity:.55}.tool-ui-dropzone__icon{background:var(--color-ink-950,#0d1321);color:#fff;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;display:grid}.tool-ui-preview{border:1px solid var(--color-line,#dce2ec);background-color:#fff;background-image:linear-gradient(45deg,#eef1f6 25%,#0000 25%),linear-gradient(-45deg,#eef1f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f6 75%),linear-gradient(-45deg,#0000 75%,#eef1f6 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:14px;place-items:center;min-height:14rem;display:grid;overflow:hidden}.tool-ui-preview img{object-fit:contain;width:auto;max-height:28rem}.tool-ui-range{width:100%;accent-color:var(--color-brand-600,#2948d7)}.tool-ui-switch{align-items:center;gap:.55rem;font-size:.9rem;display:flex}.tool-ui-canvas{border:1px solid var(--color-line,#dce2ec);background:#fff;border-radius:14px;place-items:center;min-height:15rem;padding:1rem;display:grid;overflow:auto}.tool-ui-canvas canvas{image-rendering:auto;max-width:100%;height:auto}.tool-ui-code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}@media (width<=760px){.tool-ui-grid--2,.tool-ui-grid--3{grid-template-columns:1fr}.tool-ui-actions .button{width:100%}}