.visual-page{background:#f7f9fb;color:#27343f}.visual-page button{font:inherit;cursor:pointer}.visual-intro{max-width:1184px;margin:28px auto 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.visual-intro h1{margin:0 0 8px;font-size:25px}.visual-intro p{margin:0;font-size:13px;color:#7c8b97;line-height:1.8}.visual-intro .eyebrow{font-size:10px;color:#4f82c9;margin-bottom:9px}.visual-draft{font-size:11px;color:#7f94a6;white-space:nowrap}.visual-page .tool-tabs{margin-bottom:22px}.visual-app{max-width:1184px;margin:0 auto;background:#fff;border:1px solid #e3eaf1;box-shadow:0 5px 24px #36587905;border-radius:12px;padding:23px}.usage-hint{padding:13px 16px;background:#f3f8ff;border-radius:8px;color:#4677b5;font-size:12px;line-height:1.9;margin-bottom:17px}.usage-hint strong{display:block;font-size:12px;margin-bottom:2px}.usage-hint p{margin:0}.editor-frame{border:1px solid #dfe6ed;background:#fff}.format-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 10px;border-bottom:1px solid #e5ebf1;background:#fbfcfe;min-height:43px}.format-toolbar button{border:0;background:transparent;border-radius:4px;padding:7px 11px;color:#687d90;font-size:12px;min-height:30px}.format-toolbar button:hover,.format-toolbar button[aria-pressed=true]{background:#eaf2ff;color:#3b75d0}.format-toolbar button:disabled{opacity:.3;cursor:default}.format-toolbar .format-bold{font:bold 16px Georgia,serif}.format-toolbar .format-italic{font:italic 17px Georgia,serif}.toolbar-divider{height:16px;width:1px;background:#d9e3ed;margin:0 7px}.visual-field{position:relative;min-height:315px;padding:17px 18px;outline:none;font-size:15px;line-height:1.9;color:#354b5e;overflow-wrap:anywhere;white-space:pre-wrap}.visual-field:focus{box-shadow:inset 0 0 0 2px #dceaff}.visual-field[data-empty=true]::before{content:attr(data-placeholder);position:absolute;left:18px;top:17px;color:#a6b3c0;pointer-events:none;font-size:13px}.visual-field p{margin:0 0 10px}.visual-field ul,.visual-field ol{margin:8px 0;padding-left:28px}.visual-field[hidden],.html-field[hidden]{display:none}.html-field{display:block;width:100%;min-height:315px;border:0;outline:0;padding:17px 18px;resize:vertical;font:13px/1.9 Consolas,monospace;color:#435d79;background:#fbfdff}.editor-bottom{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0}.char-counter{font-size:12px;color:#8998a7;margin-right:2px}.char-counter strong{color:#4382df;font-weight:500}.visual-primary,.visual-secondary{border-radius:5px;font-size:12px;padding:9px 15px;min-height:34px}.visual-primary{background:#3d86ed;border:1px solid #3d86ed;color:#fff}.visual-primary:hover{background:#2e71d3}.visual-secondary{background:#fff;border:1px solid #d7e3f0;color:#4d79b0}.visual-primary[hidden]{display:none}.editor-status{min-height:18px;font-size:11px;color:#7890aa;line-height:1.7;margin:0 0 15px}.symbol-head{display:flex;align-items:center;justify-content:space-between;background:#f4f8fc;border-radius:5px;padding:12px 15px;margin-bottom:13px}.symbol-head h2{font-size:14px;color:#425b74;margin:0}.symbol-head button{border:0;background:none;color:#6f88a4;font-size:11px;padding:0}.symbol-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 15px}.symbol-cell{border:1px solid #d9e3ef;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;gap:8px;min-width:0}.symbol-value{border:0;background:transparent;color:#344d66;font-size:14px;flex:1;text-align:left;padding:0 5px;min-height:21px}.symbol-copy{font-size:10px!important;color:#fff;background:#4387ed;border:0;border-radius:3px;padding:3px 7px;white-space:nowrap}.symbol-note{font-size:11px;color:#98a8b8;margin:13px 0 0;line-height:1.8}.visual-note{max-width:1184px;margin:18px auto;color:#8799aa;font-size:11px;line-height:1.8}.visual-note a{color:#5e83b3}.copy-fallback{padding:12px;border:1px solid #e0e8f1;border-radius:7px;margin:0 0 18px;font-size:12px;color:#7389a3}.copy-fallback[hidden]{display:none}.copy-fallback textarea{display:block;width:100%;height:140px;margin-top:8px;border:1px solid #d4e1ed;padding:9px;resize:vertical;font-size:12px}.visual-page .site-footer{margin-top:25px}.visual-page .tool-tab{white-space:nowrap;font-size:13px}.visual-page .tool-tab b{font-size:11px}@media(max-width:1240px){.visual-intro,.visual-app,.visual-note{margin-left:20px;margin-right:20px}.visual-page .tool-tabs{margin-left:20px;margin-right:20px}}@media(max-width:760px){.visual-intro{margin:23px 16px 19px;align-items:flex-start;flex-direction:column;gap:10px}.visual-intro h1{font-size:23px}.visual-intro p{font-size:12px}.visual-draft{font-size:10px}.visual-page .tool-tabs{margin-left:14px;margin-right:14px}.visual-page .tool-tab{padding:12px 3px;font-size:11px}.visual-app{margin:0 14px;padding:14px}.usage-hint{font-size:11px;padding:11px 12px;line-height:1.9}.format-toolbar{gap:0;padding:5px}.format-toolbar button{padding:7px 9px;font-size:11px}.toolbar-divider{margin:0 4px}.visual-field{min-height:260px;padding:14px;font-size:14px}.visual-field[data-empty=true]::before{left:14px;top:14px}.html-field{min-height:260px;padding:14px;font-size:11px}.editor-bottom{gap:8px;padding:14px 0}.char-counter{font-size:11px;width:100%;margin-bottom:2px}.visual-primary,.visual-secondary{font-size:11px;padding:8px 12px}.symbol-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.symbol-cell{padding:5px 6px;gap:4px}.symbol-value{padding:0 2px}.symbol-copy{padding:3px 5px}.visual-note{margin:15px 16px;font-size:10px}.editor-status{font-size:10px}}

.editor-bottom{padding:0 0 16px}.visual-field>p,.visual-field>div{margin-bottom:20px}.visual-field>p:last-child,.visual-field>div:last-child{margin-bottom:0}.html-field{line-height:2;tab-size:2}@media(max-width:760px){.editor-bottom{padding:0 0 14px}}