.watermark-app{max-width:1200px;margin:0 auto;padding:30px;font-family:Segoe UI,sans-serif}.header{text-align:center;margin-bottom:40px}.header h1{color:#4285f4;font-size:2.2rem;margin-bottom:10px}.header p{color:#666;font-size:1.1rem}.main-content{display:grid;grid-template-columns:1fr 350px;gap:30px}.preview-section{background:#f8f9fa;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.image-container{position:relative;margin-bottom:15px}.image-container img{max-width:100%;display:block;border-radius:8px}.image-container canvas{position:absolute;top:0;left:0;pointer-events:none}.preview-info{font-size:14px;color:#666;text-align:center}.control-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 15px rgba(0,0,0,.08)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-group input[type=text]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.slider-group{margin-bottom:30px}.slider-item{margin-bottom:20px}.slider-item label{display:block;margin-bottom:8px;font-size:14px;color:#444}.slider-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.slider-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#4285f4;cursor:pointer}.download-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,133,244,.3)}