.icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;transition:color var(--transition-fast)}.icon-small{width:16px;height:16px;font-size:16px}.icon-medium{width:20px;height:20px;font-size:20px}.icon-large{width:24px;height:24px;font-size:24px}.icon-xlarge{width:32px;height:32px;font-size:32px}.copy-button-copied{background:var(--accent)!important;color:var(--bg-primary)!important;border-color:var(--accent)!important}.copy-button-copied:hover{background:var(--accent-alt)!important;border-color:var(--accent-alt)!important}.result-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);animation:fadeSlideIn var(--transition-normal) ease-out}.result-box-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.result-box-content{color:var(--text-primary)}.result-box-value{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.result-box-text{font-family:var(--font-mono);font-size:1rem;word-break:break-all;flex:1}.result-box:hover{border-color:var(--accent);box-shadow:0 4px 12px #00f5a01a}@media(max-width:768px){.result-box{padding:var(--space-md);margin-bottom:var(--space-md)}.result-box-title{font-size:1.125rem}.result-box-value{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.result-box-text{text-align:center}}