hr{border:0;border-top:1px solid #e2e8f0;margin:10px 0 20px}.Email-Signature-Tool{display:flex;flex-wrap:wrap;gap:25px}.Email-Signature-Tool h2{font-size:24px}.Email-Signature-Tool h2,.Email-Signature-Tool h3{border-bottom:2px solid #e2e8f0;color:#2c5282;font-weight:700;margin-bottom:20px;padding-bottom:10px}.Email-Signature-Tool h3{font-size:18px}.form-panel,.sticky-wrapper{background:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1),0 0 15px rgba(100,150,255,.2);padding:30px;transition:all .3s ease}.form-panel{flex:1 1 45%;min-width:300px}.preview-panel{flex:1 1 45%;padding:0;position:relative}.sticky-wrapper{box-shadow:0 8px 25px rgba(0,0,0,.1),0 0 15px rgba(100,150,255,.2);margin:0;position:sticky;top:20px}.signature-preview-section{margin-top:0}.signature-preview{background:#fdfdfd;border:1px dashed #a7bedc;border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);min-height:150px;overflow:auto;padding:20px}.input-grid{display:grid;gap:15px 20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.input-group{margin:0}.input-group label{color:#4a5568;display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.input-group input:not([type=color]):not([type=range]):not([type=checkbox]),.input-group select{background-color:#f8fafc;border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;padding:10px 12px;transition:all .3s ease;width:100%}.input-group input:focus,.input-group select:focus{background-color:#fff;border-color:#63b3ed;box-shadow:0 0 0 3px rgba(99,179,237,.4);outline:none}.checkbox-group{align-items:center;display:flex;height:100%}.checkbox-group label{font-weight:400;margin-bottom:0;margin-left:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;left:auto;opacity:1;position:relative;width:20px}.color-picker-container{align-items:center;display:flex}.color-picker-container input[type=color]{border:none;border-radius:5px;cursor:pointer;height:35px;margin-right:10px;padding:0;width:50px}.slider-container{align-items:center;display:flex;margin-top:5px}.slider-container input[type=range]{flex-grow:1;margin-right:10px}.slider-container span{color:#4a5568;font-size:.9rem;font-weight:600;text-align:right;width:40px}.button-container{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;text-align:right}button{background:#4299e1;border:none;border-radius:8px;box-shadow:0 4px 10px rgba(66,153,225,.3);color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}button:hover{background:#3182ce;box-shadow:0 6px 15px rgba(66,153,225,.4);transform:translateY(-2px)}#copyButton.copied{background-color:#48bb78;box-shadow:0 4px 10px rgba(72,187,120,.4)}@media (max-width:900px){.container{flex-direction:column;gap:20px;padding:15px}.form-panel,.preview-panel{flex:1 1 100%;min-width:unset}.sticky-wrapper{margin-top:0;position:static;top:auto}.input-grid{gap:15px;grid-template-columns:1fr}.button-container{flex-direction:column;gap:10px;text-align:center}button{width:100%}}