.tool-content { max-width:1120px; }
.tool-intro,.tool-section p,.app-intro p { line-height:1.85; margin:12px 0; }
.tool-nav,.tool-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.tool-nav a { padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:var(--paper); font-weight:800; }
.tool-section { border-top:1px solid var(--line); margin:40px 0; padding-top:30px; scroll-margin-top:100px; }
.tool-section h2,.app-intro h2 { font-size:25px; margin-bottom:16px; }
.tool-section h3 { margin:20px 0 12px; font-size:19px; }
.editor-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:28px; align-items:start; }
.tool-form,.tool-field { display:grid; gap:14px; }
.tool-form label,.tool-field { display:grid; gap:7px; font-weight:700; margin:10px 0; }
.tool-content :is(input:not([type=checkbox]),select,textarea) { width:100%; min-width:0; padding:11px; min-height:44px; border:1px solid var(--line); border-radius:10px; font:inherit; color:var(--ink); background:var(--paper); }
.tool-content textarea { resize:vertical; line-height:1.7; }
.tool-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.edit-preview { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--paper); }
.edit-preview img { display:block; width:100%; height:200px; object-fit:cover; }
.edit-preview > div { padding:22px; overflow-wrap:anywhere; }
.edit-preview a { text-decoration:underline; }
.draft-list { display:grid; gap:10px; }
.draft-card { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:15px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.draft-card > div { flex:1; min-width:150px; overflow-wrap:anywhere; }
.draft-card p { font-size:13px; }
.export-panel { border:1px solid var(--line); border-radius:16px; padding:22px; margin-top:24px; }
.check-label { display:flex; align-items:center; gap:10px; min-height:44px; }
.tool-content input[type=checkbox] { width:22px; height:22px; flex-shrink:0; accent-color:#704520; }
#checklist-progress { width:100%; height:18px; accent-color:#704520; }
.checklist-card { border:1px solid var(--line); border-radius:12px; padding:20px; margin:14px 0; background:var(--paper); }
.checklist-card > label:first-child { display:flex; align-items:center; gap:12px; min-height:44px; }
.checklist-card > label:last-child { display:grid; gap:8px; font-size:13px; }
.diagnostic-list { list-style:none; padding:0; display:grid; gap:12px; margin:20px 0; }
.diagnostic-list li { border-left:4px solid #3b7853; padding:12px 16px; background:var(--paper); overflow-wrap:anywhere; }
.diagnostic-list li.diagnostic-info { border-color:#477eae; }
.diagnostic-list li.diagnostic-check { border-color:#ab4526; }
.app-intro { padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--paper); margin-bottom:28px; }
.app-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:28px; }
.app-shortcuts a { border:1px solid var(--line); border-radius:18px; padding:24px; background:var(--paper); }
.app-shortcuts h2 { font-size:21px; margin-bottom:10px; }
.app-shortcuts p { line-height:1.8; }
@media(max-width:760px) { .editor-layout { grid-template-columns:1fr; } .app-shortcuts { grid-template-columns:1fr; } .tool-two { grid-template-columns:1fr; } .export-panel { padding:16px; } }