.font-view-con {
            max-width: 100%;
            margin: 0 auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        }
        
        #font-view {
            margin-bottom: 0px;
            text-align: center;
            background-color: #fff;
            /*padding: 20px;*/
            height: 94px;
            width:840px;
            border-radius: 0px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            display: flex; justify-content: center; align-items: center;
        }
        
        #font-view img {
            max-width: 100%;
            height: auto;
            pointer-events: none; cursor: default;
        }
        #font-view a {
            pointer-events: none; 
            cursor: default;
        }
        
        .fontprew {
            display: flex;
            flex-direction: row;
            gap: 15px;
            background: white;
        }
        
        .fontprew__tr {
            display: flex;
            gap: 0px;
        }
        
        .fontprew__td1 {
            flex: 1;
        }
        
        .fontprew__td2 {
            display: flex;
            gap: 0px;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .fontprew__input {
            flex: 1;
        }
        
        .fontprew__input input {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 0px;
            font-size: 14px;
            box-sizing: border-box;
        }
        
        .color-picker-container {
            position: relative;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .color-picker-label {
            font-size: 14px;
            color: #333;
        }
        
        .color-picker-preview {
            width: 24px;
            height: 24px;
            border-radius: 4px;
            border: 1px solid #ddd;
            cursor: pointer;
            position: relative;
        }
        
        .color-format-toggle {
            margin-left: 8px;
            padding: 4px 8px;
            font-size: 12px;
            background: #f0f0f0;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            display:none;
        }
        
        .opacity-control {
            display: flex;
            align-items: center;
            /*gap: 8px;*/
        }
        
        .opacity-slider {
            flex: 1;
        }
        
        .opacity-value {
            width: 40px;
            text-align: center;
            font-size: 12px;
        }
        
        .fontprew__fontweight,
        .fontprew__fontsize {
            position: relative;
        }
        
        .fontprew__fontweight select{
            padding: 10px 2px;
            border: 1px solid #ddd;
            border-radius: 0px;
            font-size: 14px;
            appearance: auto;
            background-color: #fff;
            cursor: pointer;
            width:180px;
            height:47px;
        }
        .fontprew__fontsize select {
            padding: 10px 2px;
            border: 1px solid #ddd;
            border-radius: 0px;
            font-size: 14px;
            appearance: auto;
            background-color: #fff;
            cursor: pointer;
            height:47px;
        }
        
        .fontprew__operBtn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #6a1b9a;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
            display:none;
        }
        
        .fontprew__operBtn:hover {
            background-color: #51117a;
        }
        
        .fontprew__downloadBtn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #fa7198;
            color: white;
            border: none;
            border-radius: 0px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
            margin-left: 0px;
            height:47px;
        }
        
        .fontprew__downloadBtn:hover {
            background-color: #fbb715;
        }
        
        @media (max-width: 768px) {
            .fontprew__tr {
                flex-direction: column;
            }
            
            .fontprew__td2 > * {
                flex: 1;
                min-width: calc(50% - 8px);
            }
        }