/* Shared, scoped workbench for refreshed developer and converter tools. */
.tw-page{max-width:1160px;margin:24px auto;padding:clamp(16px,3vw,32px);color:#eef0ff;background:linear-gradient(135deg,var(--tool-surface,#171a30),var(--tool-surface,#111827));border:1px solid var(--tool-border,#38415d);border-radius:24px;box-shadow:0 16px 48px #0003;overflow-wrap:anywhere}
.tw-page *{box-sizing:border-box}.tw-page h1{margin:0 0 16px}.tw-intro{color:#c2cbe0;line-height:1.7;max-width:78ch}.tw-panel{border:1px solid var(--tool-border,#3a425e);border-radius:16px;padding:20px;margin:20px 0;background:var(--tool-panel,#1b2238)}.tw-panel h2{margin-top:0;font-size:1.25rem}.tw-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tw-page label{display:block;margin:8px 0;color:#dbe4ff;font-weight:600}.tw-page label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px;font-weight:400}.tw-page input:not([type=checkbox]):not([type=color]):not([type=range]),.tw-page select,.tw-page textarea{width:100%;color:#f1f5ff;background:var(--tool-input,#10182b);border:1px solid var(--tool-border,#52627d);padding:12px;border-radius:10px;font:inherit}.tw-page textarea{resize:vertical;min-height:140px;line-height:1.65}.tw-page .tw-code{font:14px/1.7 ui-monospace,Consolas,monospace;min-height:320px;tab-size:2;white-space:pre;overflow:auto}.tw-page button,.tw-page .tw-download{border:1px solid var(--tool-border,#7c86b5);border-radius:10px;padding:11px 17px;min-height:44px;color:#fff;background:var(--tool-action,#343653);cursor:pointer;font:inherit;text-decoration:none}.tw-page button.tw-primary{background:#6255cf;border-color:#a59afb}.tw-page button:disabled{opacity:.45;cursor:default}.tw-page :focus-visible{outline:3px solid #bfabff;outline-offset:3px}.tw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.tw-status{padding:14px;border:1px solid var(--tool-border,#485973);border-radius:10px;color:#d9e9ff;white-space:pre-wrap;line-height:1.6}.tw-status[data-error=true]{border-color:#ff829a;color:#ffc0cb}.tw-stats{display:flex;flex-wrap:wrap;gap:12px;color:#c6d2f0;padding:12px 0}.tw-stats span{padding:8px 14px;border-radius:9px;background:var(--tool-panel,#252e48)}.tw-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.tw-page [hidden]{display:none!important}.tw-page iframe{width:100%;height:320px;background:#fff;border:0;border-radius:10px}.tw-page details{margin:18px 0}.tw-page summary{padding:12px;cursor:pointer;font-weight:600}.tw-page img{max-width:100%;height:auto}.tw-page table{border-collapse:collapse;width:100%}.tw-page th,.tw-page td{padding:10px;text-align:left;border-bottom:1px solid var(--tool-border,#404a68)}.tw-page ul,.tw-page ol{line-height:1.8}.tw-page a:not(.tw-download){color:#c7b8ff}.tw-result{font-size:1.2rem}.tw-tabs{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.tw-grid{grid-template-columns:1fr}.tw-panel{padding:14px}.tw-page{border-radius:16px;margin:16px 8px;padding:16px}.tw-page .tw-code{min-height:230px}.tw-actions button{flex:1 1 auto}}
/* Standalone actions need their own spacing; grouped actions use their container gap. */
.tw-page > button,.tw-page .tw-panel > button{margin-block:12px;margin-inline-end:8px}