.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}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.result-item{background-color:var(--color-surface-hover);border-radius:var(--border-radius);padding:16px;text-align:center}.result-item:first-child{grid-column:1 / -1}.result-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.result-value{font-size:20px;font-weight:700;color:var(--color-text)}.result-item:first-child .result-value{font-size:28px;color:var(--color-accent)}.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}.result-grid{grid-template-columns:repeat(3,1fr)}.result-item:first-child{grid-column:1 / -1}}