.tool-app .t2p{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.tool-app .t2p-editor,.tool-app .t2p-settings{background:var(--zl-surface);border:1px solid var(--zl-line);border-radius:var(--zl-r);padding:16px}
.tool-app .t2p-editor{display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,background .15s ease}
.tool-app .t2p-editor.dragover{border-color:var(--zl-accent);background:var(--zl-tint)}
.tool-app .t2p-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tool-app .t2p-label,.tool-app .t2p-field label{font:500 15px/1.3 var(--zl-font-head);color:var(--zl-ink)}
.tool-app .t2p-editor-head .btn-outline{min-height:44px}
.tool-app #textInput{width:100%;min-height:380px;resize:vertical;padding:14px 16px;line-height:1.6;font-size:16px;box-sizing:border-box}
.tool-app .t2p-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--zl-muted);font-size:14px}
.tool-app .t2p-stats #pageEstimate,.tool-app .t2p-stats #wordCount{font-family:var(--zl-font-head);font-weight:500;color:var(--zl-ink)}
.tool-app .t2p-file{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.tool-app .t2p-warning{margin:0;padding:10px 14px;border-radius:12px;background:var(--zl-warning-soft);color:var(--zl-note-ink);font-size:14px;line-height:1.5}
.tool-app .t2p-settings{display:flex;flex-direction:column;gap:12px;position:sticky;top:84px}
.tool-app .t2p-field{display:flex;flex-direction:column;gap:6px}
.tool-app .t2p-field select{width:100%;min-height:46px;padding:0 12px;font-size:16px}
.tool-app .t2p-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--zl-line)}
.tool-app .t2p-actions button{width:100%}
.tool-app .t2p-status{margin:0;min-height:1.4em;color:var(--zl-muted);font-size:14px}
.tool-app .t2p-status.is-error{color:var(--zl-danger)}
@media (max-width:860px){
  .tool-app .t2p{grid-template-columns:1fr}
  .tool-app .t2p-settings{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .tool-app .t2p-actions,.tool-app .t2p-status{grid-column:1/-1}
  .tool-app #textInput{min-height:280px}
}
@media (max-width:420px){
  .tool-app .t2p-editor,.tool-app .t2p-settings{padding:12px}
  .tool-app .t2p-editor-head .btn-outline{width:100%}
  .tool-app .t2p-file{max-width:100%;margin-left:0}
}