.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}.base-input{font-family:Menlo,Consolas,monospace}.result-grid{display:flex;flex-direction:column;gap:12px}.result-item{background-color:var(--color-surface-hover);border-radius:var(--border-radius);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.result-label{font-size:13px;font-weight:600;color:var(--color-accent);white-space:nowrap;min-width:50px}.result-value{font-family:Menlo,Consolas,monospace;font-size:14px;color:var(--color-text);word-break:break-all;flex:1;text-align:right}.copy-item-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;flex-shrink:0;transition:color .2s}.copy-item-btn:hover{color:var(--color-accent)}.error-message{color:#dc2626;font-size:14px;padding:12px;background-color:#dc262614;border-radius:var(--border-radius)}.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}}