.tm-tool-module{--brand:#1677ff;--text:#172033;--muted:#667085;--line:#dce4ee;--panel:#fff;--ok:#067647;--danger:#b42318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);line-height:1.6}.tm-tool-module *{box-sizing:border-box}.tm-tool-module .tool-shell,.tm-tool-module .tm-tool-guide{max-width:1180px;margin:0 auto;padding:28px 20px}.tm-tool-module .tool-head{padding:24px;border:1px solid #dbe8f7;border-radius:18px;background:linear-gradient(135deg,#fff,#eef6ff);margin-bottom:18px}.tm-tool-module .tool-head h1{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:7px 0}.tm-tool-module .tool-head p{color:var(--muted);margin:0;max-width:850px}.tm-tool-module .pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef6ff;color:#0f5fd5;font-size:12px;font-weight:800}.tm-tool-module .card,.tm-tool-module .tm-content-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 26px rgba(30,60,90,.06)}.tm-tool-module .stack{display:grid;gap:14px}.tm-tool-module .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tm-tool-module .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.tm-tool-module label{display:grid;gap:6px;font-weight:700}.tm-tool-module input,.tm-tool-module select,.tm-tool-module textarea,.tm-tool-module button{font:inherit}.tm-tool-module input[type=text],.tm-tool-module input[type=number],.tm-tool-module input[type=url],.tm-tool-module input[type=password],.tm-tool-module input[type=email],.tm-tool-module select,.tm-tool-module textarea{width:100%;border:1px solid #c9d5e3;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text)}.tm-tool-module textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tm-tool-module .toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tm-tool-module .btn{border:1px solid #c9d5e3;border-radius:10px;background:#f7f9fc;color:var(--text);padding:9px 15px;font-weight:750;cursor:pointer}.tm-tool-module #pt-copy{background:#eaf3ff!important;border-color:#b6d4fe!important;color:#0b57d0!important}.tm-tool-module #pt-copy:hover{background:#dbeafe;border-color:#7db2ff;color:#084298}.tm-tool-module #pt-copy:focus-visible{outline:3px solid rgba(22,119,255,.22);outline-offset:2px}.tm-tool-module #pt-copy:disabled{opacity:.55;cursor:not-allowed}.tm-tool-module .btn-primary{background:#1677ff;border-color:#1677ff;color:#fff}.tm-tool-module .btn-danger{background:#fff3f2;border-color:#fecdca;color:#b42318}.tm-tool-module .status{padding:11px 13px;border:1px solid #dde6ef;border-radius:10px;background:#f3f6fa;color:#4b5b70}.tm-tool-module .status.ok{background:#ecfdf3;border-color:#abefc6;color:var(--ok)}.tm-tool-module .status.error{background:#fff3f2;border-color:#fecdca;color:var(--danger)}.tm-tool-module .output{white-space:pre-wrap;word-break:break-word;min-height:120px;padding:14px;border:1px solid #d9e3ef;border-radius:10px;background:#fbfdff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tm-tool-module .metric{font-size:28px;font-weight:850}.tm-tool-module .preview{min-height:220px;border:1px solid #d9e3ef;border-radius:12px;display:grid;place-items:center;overflow:auto;background:#fafcff;padding:14px}.tm-tool-module .preview img,.tm-tool-module .preview canvas,.tm-tool-module .preview video{max-width:100%;height:auto}.tm-tool-module .tm-guide-grid{display:grid;gap:18px}.tm-tool-module .tm-content-card h2{margin-top:0}.tm-tool-module .tm-faq details{border-top:1px solid var(--line);padding:12px 0}.tm-tool-module .tm-faq details:first-child{border-top:0}.tm-tool-module .tm-faq summary{font-weight:800;cursor:pointer}.tm-tool-module .notice{padding:12px 14px;border-left:4px solid #1677ff;background:#eef6ff;border-radius:8px}.tm-tool-module .test-surface{min-height:280px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;text-align:center;padding:18px;overflow:hidden}.tm-tool-module .key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.tm-tool-module .key{border:1px solid #cbd5e1;border-radius:8px;padding:9px;background:#fff}.tm-tool-module .key.active{background:#dbeafe;border-color:#60a5fa}.tm-tool-module table{width:100%;border-collapse:collapse}.tm-tool-module th,.tm-tool-module td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.tm-tool-module a{color:#1677ff}@media(max-width:760px){.tm-tool-module .grid{grid-template-columns:1fr}.tm-tool-module .tool-shell,.tm-tool-module .tm-tool-guide{padding:20px 14px}.tm-tool-module .card,.tm-tool-module .tm-content-card{padding:17px}}

/* TipsMake UI hardening v2 */
.tm-tool-module .grid{align-items:start!important}
.tm-tool-module .stack{min-width:0;align-content:start}
.tm-tool-module input:not([type]),
.tm-tool-module .text-input,
.tm-tool-module input[type=text],
.tm-tool-module input[type=number],
.tm-tool-module input[type=date],
.tm-tool-module input[type=datetime-local],
.tm-tool-module input[type=url],
.tm-tool-module input[type=password],
.tm-tool-module input[type=email],
.tm-tool-module select{min-height:44px!important;height:44px!important;line-height:1.25!important;padding:10px 12px!important}
.tm-tool-module textarea{height:auto!important}
.tm-tool-module .output-wrap{position:relative!important;min-width:0}
.tm-tool-module .output-wrap>label{padding-right:96px}
.tm-tool-module .copy-btn,
.tm-tool-module #pt-copy{position:absolute!important;right:10px!important;top:8px!important;z-index:5!important;min-width:74px}
.tm-tool-module .copy-btn.is-copied,
.tm-tool-module #pt-copy.is-copied{background:#ecfdf3!important;border-color:#abefc6!important;color:#067647!important}
.tm-tool-module .tm-related-list{align-items:stretch!important;margin-bottom:18px!important}
.tm-tool-module .tm-related-link{height:100%;overflow-wrap:anywhere;word-break:break-word}
.tm-tool-module .tm-related-list + .tm-note{margin-top:0!important;clear:both;position:relative;z-index:1}
.tm-tool-module .tm-guide-side .tm-content-card{overflow:visible}

/* TipsMake balanced standalone workspace v3 */
.tm-tool-module .planned-workspace.is-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.tm-tool-module .planned-input-pane,.tm-tool-module .planned-result-pane{min-width:0;align-content:start}
.tm-tool-module .planned-input-pane .toolbar{margin-top:0;padding-top:2px;align-items:center}
.tm-tool-module .planned-input-pane .toolbar .btn{min-height:44px}
.tm-tool-module .planned-result-pane .output-wrap,.tm-tool-module .planned-result-pane .preview{min-width:0}
.tm-tool-module .planned-workspace.is-split>.notice,.tm-tool-module .planned-workspace.is-split>.status{grid-column:1/-1}
.tm-tool-module .result-shell{position:relative;min-width:0}
.tm-tool-module .result-shell .output{margin:0;min-height:180px;padding:58px 14px 14px}
.tm-tool-module .result-shell .copy-btn,.tm-tool-module .result-shell #pt-copy{position:absolute!important;right:10px!important;top:10px!important;z-index:5!important;min-width:74px}
.tm-tool-module .output-wrap>label{padding-right:0}
.tm-tool-module .planned-workspace-single>.output-wrap{width:100%}
.tm-tool-module .tm-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;margin-bottom:18px!important;align-items:stretch!important}
.tm-tool-module .tm-related-link{position:relative;display:block;min-height:92px;height:100%;border:1px solid #dce5ef;border-radius:14px;padding:14px 36px 14px 15px;background:linear-gradient(180deg,#fff,#fbfdff);color:#1e2d42;font-weight:800;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;overflow-wrap:anywhere;word-break:break-word}
.tm-tool-module .tm-related-link::after{content:"→";position:absolute;right:14px;top:14px;color:#1677ff;font-size:18px}
.tm-tool-module .tm-related-link:hover{border-color:#9fc8ff;background:#f7fbff;box-shadow:0 8px 22px rgba(30,60,90,.08);transform:translateY(-1px);text-decoration:none}
.tm-tool-module .tm-related-link span{display:block;font-size:12.5px;line-height:1.45;font-weight:500;color:#6b778a;margin-top:5px}
.tm-tool-module .tm-note{margin-top:0!important;border:1px solid #cfe4ff;border-left:4px solid #1677ff;background:#f1f7ff;padding:12px 14px;border-radius:10px;color:#324a68;clear:both;position:relative;z-index:1}
@media(max-width:760px){.tm-tool-module .planned-workspace.is-split{grid-template-columns:1fr}.tm-tool-module .planned-workspace.is-split>.notice,.tm-tool-module .planned-workspace.is-split>.status{grid-column:1}.tm-tool-module .tm-related-list{grid-template-columns:1fr}}

/* TipsMake uniform standalone workspace v4 */
.tm-tool-module .planned-workspace.is-split{align-items:stretch!important}
.tm-tool-module .planned-input-pane{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:180px;height:100%}
.tm-tool-module .planned-result-pane{display:grid;gap:14px;grid-auto-rows:min-content;min-width:0;min-height:180px;height:100%;align-content:start}
.tm-tool-module .planned-input-pane>.toolbar{margin-top:auto!important;padding-top:8px!important;align-items:center}
.tm-tool-module .planned-result-pane>.output-wrap:only-child{height:100%}
.tm-tool-module .planned-result-pane>.output-wrap:only-child .result-shell{height:100%;min-height:180px}
.tm-tool-module .planned-result-pane>.output-wrap:only-child .result-shell .output{height:100%;min-height:180px}
.tm-tool-module input[type=file]{display:block;width:100%;max-width:100%;min-height:48px!important;height:48px!important;padding:5px 6px!important;border:1px solid #c9d5e3!important;border-radius:10px!important;background:#fbfdff!important;color:#526177!important;line-height:1.25!important;overflow:hidden}
.tm-tool-module input[type=file]::file-selector-button{min-height:36px;margin-right:12px;border:1px solid #b6d4fe;border-radius:8px;background:#eaf3ff;color:#0b57d0;padding:7px 12px;font:inherit;font-weight:750;cursor:pointer}
.tm-tool-module input[type=file]::-webkit-file-upload-button{min-height:36px;margin-right:12px;border:1px solid #b6d4fe;border-radius:8px;background:#eaf3ff;color:#0b57d0;padding:7px 12px;font:inherit;font-weight:750;cursor:pointer}
.tm-tool-module input[type=color]{width:100%;min-height:44px!important;height:44px!important;padding:4px!important;border:1px solid #c9d5e3!important;border-radius:10px!important;background:#fff!important}
@media(max-width:760px){.tm-tool-module .planned-input-pane,.tm-tool-module .planned-result-pane{min-height:0;height:auto}.tm-tool-module .planned-input-pane>.toolbar{margin-top:0!important}.tm-tool-module .planned-result-pane>.output-wrap:only-child,.tm-tool-module .planned-result-pane>.output-wrap:only-child .result-shell{height:auto}.tm-tool-module .planned-result-pane>.output-wrap:only-child .result-shell .output{height:auto}}