/* UPLOAD file */
.word-upload-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,.06)}.word-drop-zone{min-height:250px;height:100%;border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;transition:all .2s ease}.word-drop-zone.dragover,.word-drop-zone:hover{border-color:#3838ff;background:#f7faff}.word-upload-icon{font-size:42px;margin-bottom:10px}.word-drop-zone h3{margin:0;font-size:20px;color:#1e293b}.word-drop-zone p{margin:5px 0;color:#64748b}.word-upload-info{display:block;margin-top:14px;font-size:13px;color:#94a3b8}
/* SELECTED FILE */
.selected-file{margin-top:18px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc;max-width:420px}.selected-file-icon{font-size:20px}#selectedFileName{flex:1;font-size:14px;color:#334155;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#removeFile{width:28px;height:28px;border:0;border-radius:50%;background:#fee2e2;color:#dc2626;cursor:pointer;font-size:18px;line-height:1}
/* OR DIVIDER */
.word-or-divider{display:flex;align-items:center;gap:15px;margin:30px 0}.word-or-divider::after,.word-or-divider::before{content:"";height:1px;background:#dfe5ee;flex:1}.word-or-divider span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #dfe5ee;font-size:12px;font-weight:600;color:#64748b}
/* EDITOR */
.word-editor-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.06)}
/* TOOLBAR */
.word-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:10px;background:#f8fafc;border-bottom:1px solid #e5eaf1}.word-editor-toolbar button,.word-editor-toolbar select{height:34px;border:1px solid #d7dee8;border-radius:6px;background:#fff;cursor:pointer;color:#334155}.word-editor-toolbar button{min-width:34px;padding:0 8px;font-size:14px}.word-editor-toolbar button:hover{background:#eef4ff;border-color:#3838ff;color:#3838ff}.word-editor-toolbar select{padding:0 8px;font-size:13px;max-width:160px}.toolbar-divider{width:1px;height:24px;background:#d7dee8;margin:0 4px}
/* COLOR PICKERS */
.editor-color{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #d7dee8;border-radius:6px;background:#fff;font-weight:700;cursor:pointer}.editor-color:hover{border-color:#3838ff}.editor-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
/* EDITABLE AREA */
.word-editor{height:450px;overflow-y:auto;overflow-x:hidden;padding:20px;outline:0;color:#1e293b;font-family:Arial,sans-serif;font-size:16px;line-height:1.7;box-sizing:border-box}.word-editor:focus{outline:0}.word-editor p{margin:0 0 12px}.word-editor h1,.word-editor h2,.word-editor h3,.word-editor h4,.word-editor h5,.word-editor h6{margin-top:20px;margin-bottom:12px}.word-editor ol,.word-editor ul{padding-left:30px}.word-editor img{max-width:100%}
/* OUTPUT SECTION */
.word-output-section{margin-top:40px}.word-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.word-output-header h2{margin:0;font-size:24px;color:#172033}.word-output-actions{display:flex;gap:10px}.word-output-actions button{padding:10px 18px;border:0;border-radius:7px;background:#3838ff;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.word-output-actions button:hover{background:#000}
/* OUTPUT GRID */
.word-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.word-output-card{background:#fff;border:1px solid #dfe5ee;border-radius:12px;overflow:hidden}.word-output-card-header{padding:14px 18px;border-bottom:1px solid #e5eaf1;font-size:15px;font-weight:600;color:#334155}.word-code-editor{display:flex;width:100%;height:500px;background:#0d1117;color:#e6edf3;overflow:hidden;box-sizing:border-box;font-family:Consolas,Monaco,"Courier New",monospace;font-size:13px;line-height:1.6}.word-code-line-numbers{width:50px;min-width:50px;height:100%;padding:20px 10px;box-sizing:border-box;background:#161b22;border-right:1px solid #30363d;color:#6e7681;text-align:right;user-select:none;overflow:hidden}.word-code-content{flex:1;width:calc(100% - 50px);height:100%;margin:0;padding:20px;box-sizing:border-box;background:#0d1117;color:#e6edf3;overflow:auto;white-space:pre}.word-code-content code{display:block;margin:0;padding:0;background:0 0;color:#e6edf3;font-family:Consolas,Monaco,"Courier New",monospace;font-size:13px;line-height:1.6}.html-tag{color:#ff7b72}.html-attribute{color:#79c0ff}.html-value{color:#a5d6ff}.html-comment{color:#8b949e;font-style:italic}.html-doctype{color:#d2a8ff}.word-html-preview{height:500px;box-sizing:border-box;padding:25px;overflow-y:auto;color:#1e293b;line-height:1.7}.word-html-preview img{max-width:100%}.word-html-preview table{width:100%;border-collapse:collapse}.word-html-preview td,.word-html-preview th{border:1px solid #cbd5e1;padding:8px}@media (max-width:900px){.word-output-grid{grid-template-columns:1fr}}@media (max-width:768px){.word-html-tool{padding:45px 0}.word-html-header h1{font-size:28px}.word-editor-toolbar{padding:8px}.word-editor{height:350px;min-height:0;padding:20px;overflow-y:auto}.word-output-header{flex-direction:column;align-items:flex-start;gap:15px}.word-output-actions{width:100%}.word-output-actions button{flex:1}}
/* UPLOAD + EDITOR ROW */
.word-input-row{display:grid;grid-template-columns:1fr 50px 1fr;align-items:stretch;gap:20px}.word-editor-card,.word-upload-card{height:100%}
/* OR DIVIDER  */
.word-or-divider{display:flex;align-items:center;justify-content:center;gap:0;margin:0}.word-or-divider::after,.word-or-divider::before{display:none}.word-or-divider span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #dfe5ee;font-size:12px;font-weight:600;color:#64748b}@media (max-width:900px){.word-input-row{grid-template-columns:1fr;gap:20px}.word-or-divider{height:40px}.word-or-divider::after,.word-or-divider::before{display:block;height:1px;background:#dfe5ee;flex:1}.word-or-divider{gap:15px}}
/* Benefits of Viewing Website css */
.g-suite-lists .g_s_l-box{margin-bottom:20px}.g-suite-lists .g-list-box{display:inline-block;position:relative;padding-left:60px}.g-suite-lists .g-list-box span{font-weight:400;font-size:16px;color:#202020}.list-num{position:absolute;left:0;top:0;line-height:40px;border-radius:50%;background:#3838ff;color:#fff!important;text-align:center;font-size:20px;font-weight:500!important;width:40px;height:40px}.g-suite-lists .g-list-title{margin:0 0 6px;font-size:20px;font-weight:500}.g-suite-lists .g-list-box span{font-weight:400;font-size:16px;color:#202020}.domain-transfer{text-align:center;background-color:#f0f0ff}.steps-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.step-box{cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:90px;margin:0 10px}.step-box span{margin-top:10px;font-size:14px}.step-icon{width:80px;height:80px;border-radius:50%;border:2px solid #a8a8a8;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;padding:15px}.step-box.active .step-icon{border-color:#3737ff;color:#3737ff}.step-box.active span{color:#3737ff;font-weight:600}.line{width:210px;height:1px;background:#a8a8a8;margin-bottom:25px}.step-content h3{font-size:20px;font-weight:600;margin-bottom:8px;transition:color .3s}.step-content p{font-size:14px;color:#080808}@media (max-width:576px){.step-icon{width:60px;height:60px;font-size:20px}.step-box{margin:0}.tool-wrapper{padding:20px}.shot-button{padding:8px 20px;font-size:14px}}
/* more tool css */
.more-tools .mt-row{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.more-tools .mt-track{width:max-content;animation:mt-scroll 55s linear infinite}.more-tools .mt-rev .mt-track{animation-direction:reverse;animation-duration:65s}.more-tools .mt-row:hover .mt-track{animation-play-state:paused}.more-tools .mt-card{min-width:300px;transition:.25s}.more-tools .mt-card:hover{border-color:#3737ff!important;transform:translateY(-4px);box-shadow:0 12px 18px -14px rgba(55,55,255,.5)}.more-tools .mt-icon{width:48px;height:48px;background:#f0f0ff;color:#3737ff;transition:.3s}.more-tools .mt-card:hover .mt-icon{background:#3737ff;color:#fff;transform:rotate(-8deg)}.more-tools .mt-go{opacity:0;transition:.25s}.more-tools .mt-card:hover .mt-go{opacity:1}@keyframes mt-scroll{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.more-tools .mt-track{animation:none}}