.tool-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-accent);color:#fff}.back-link{color:#fff;text-decoration:none}.tool-title{font-size:18px;margin:0;font-weight:600}.share-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.section-title{font-size:16px;font-weight:600;color:var(--color-accent);margin:0 0 16px}.md-textarea{font-family:Menlo,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical}.md-preview{padding:16px;background-color:var(--color-surface-hover);border-radius:var(--border-radius);min-height:120px;line-height:1.8;font-size:14px;overflow-wrap:break-word}.md-preview h1{font-size:24px;font-weight:700;margin:0 0 12px;border-bottom:2px solid var(--border-color);padding-bottom:8px}.md-preview h2{font-size:20px;font-weight:600;margin:16px 0 8px;border-bottom:1px solid var(--border-color);padding-bottom:6px}.md-preview h3{font-size:17px;font-weight:600;margin:14px 0 6px}.md-preview h4{font-size:15px;font-weight:600;margin:12px 0 4px}.md-preview p{margin:0 0 12px}.md-preview ul,.md-preview ol{margin:0 0 12px;padding-left:24px}.md-preview li{margin-bottom:4px}.md-preview blockquote{border-left:4px solid var(--color-accent);padding:8px 16px;margin:0 0 12px;background-color:#8b5cf60f;color:var(--color-text-secondary)}.md-preview code{background-color:#8b5cf61a;padding:2px 6px;border-radius:4px;font-family:Menlo,Consolas,monospace;font-size:13px}.md-preview pre{background-color:#0000000f;padding:12px 16px;border-radius:var(--border-radius);margin:0 0 12px;overflow-x:auto}.md-preview pre code{background:none;padding:0}.md-preview hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.md-preview a{color:var(--color-accent);text-decoration:underline}.md-preview strong{font-weight:700}.md-preview em{font-style:italic}.md-preview del{text-decoration:line-through;color:var(--color-text-secondary)}.md-preview table{border-collapse:collapse;width:100%;margin:0 0 12px;font-size:13px}.md-preview th,.md-preview td{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.md-preview th{background-color:var(--color-surface-hover);font-weight:600}.md-preview img{max-width:100%;height:auto;border-radius:4px}[data-theme=dark] .md-preview pre{background-color:#ffffff0f}[data-theme=dark] .md-preview blockquote{background-color:#8b5cf61a}.action-buttons{display:flex;gap:12px}.action-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:var(--color-surface-hover);border:none;border-radius:var(--border-radius);font-size:14px;cursor:pointer;color:var(--color-text);transition:background-color .2s}.action-button:hover{background-color:var(--border-color)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(100px);background-color:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(min-width:768px){.tool-title{font-size:22px}}