/*! on-codemerge v1.2.14 @author Pavel Kuzmin @license MIT @homepage https://s00d.github.io/on-codemerge/ @repository git+https://github.com/s00d/on-codemerge.git Copyright (c) 2025 Pavel Kuzmin - Built on 2025-09-02T12:37:26.743Z */
@charset "UTF-8";.viewport-indicator{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.viewport-indicator:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.viewport-indicator .viewport-icon{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.viewport-indicator .viewport-icon svg{height:1rem;width:1rem}.viewport-indicator .viewport-label{font-weight:600}.viewport-indicator .viewport-width{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.viewport-indicator:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px)}.viewport-indicator:active{transform:translateY(0)}.responsive-menu{width:100%;max-width:42rem}.responsive-menu .viewport-btn{width:100%;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.responsive-menu .viewport-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.responsive-menu .viewport-btn:active{transform:translateY(0)}.responsive-menu .viewport-btn svg{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.responsive-menu .viewport-btn .screen-preview{position:relative}.responsive-menu .viewport-btn .screen-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.25rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eef2ff var(--tw-gradient-to-position);opacity:.5}.responsive-menu .viewport-btn{animation:fadeInUp .3s ease-out}.responsive-menu .viewport-btn:nth-child(1){animation-delay:.05s}.responsive-menu .viewport-btn:nth-child(2){animation-delay:.1s}.responsive-menu .viewport-btn:nth-child(3){animation-delay:.15s}.responsive-menu .viewport-btn:nth-child(4){animation-delay:.2s}.responsive-menu .viewport-btn:nth-child(5){animation-delay:.25s}.responsive-menu .viewport-btn:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.html-editor{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);min-width:320px;transition-property:width,margin,max-width,padding;will-change:width,margin}.html-editor:not([style*="width: 100%"]){box-shadow:0 4px 20px #0000001a}@media (max-width: 768px){.viewport-indicator{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.viewport-indicator .viewport-width{display:none}.responsive-menu{max-width:24rem}.responsive-menu .viewport-btn{padding:.75rem}}@media (prefers-color-scheme: dark){.viewport-indicator{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.viewport-indicator:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.viewport-indicator .viewport-icon svg{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.viewport-indicator .viewport-width{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.responsive-menu .viewport-btn{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.responsive-menu .viewport-btn:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.responsive-menu .viewport-btn.border-blue-500{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}}.html-editor-table{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.html-editor-table.responsive-table{width:100%;overflow-x:auto}.viewport-btn{position:relative;overflow:hidden}.viewport-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.viewport-btn:hover:before{left:100%}.html-editor-responsive-resize-handle{position:absolute;top:0;right:-8px;width:16px;height:100%;cursor:ew-resize;z-index:20;display:flex;align-items:center;justify-content:center;background:transparent}.html-editor-responsive-resize-handle:after{content:"";display:block;width:4px;height:40px;border-radius:2px;background:#b3b3b3;opacity:.5;transition:background .2s}.html-editor-responsive-resize-handle:hover:after{background:#2563eb;opacity:.8}