*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.absolute{position:absolute}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.CodeMirror-foldmarker{color:#00f;text-shadow:#b9f 1px 1px 2px,#b9f -1px -1px 2px,#b9f 1px -1px 2px,#b9f -1px 1px 2px;font-family:arial;line-height:.3;cursor:pointer}.CodeMirror-foldgutter{width:.7em}.CodeMirror-foldgutter-open,.CodeMirror-foldgutter-folded{cursor:pointer}.CodeMirror-foldgutter-open:after{content:"▾"}.CodeMirror-foldgutter-folded:after{content:"▸"}.CodeMirror-dialog{position:absolute;left:0;right:0;background:inherit;z-index:15;padding:.1em .8em;overflow:hidden;color:inherit}.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}.CodeMirror-dialog input{border:none;outline:none;background:transparent;width:20em;color:inherit;font-family:monospace}.CodeMirror-dialog button{font-size:70%}:root{--content-max-width: 950px;--content-gutter: 16px}html,body{margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#21242b;margin:0;padding-top:50px;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto}#root{width:100%;min-height:calc(100vh - 50px);display:flex;flex-direction:column}.app-layout{width:100%;flex:1;display:flex;flex-direction:column}#editor-container{width:100%;height:calc(100vh - 140px);display:flex;flex-direction:column;max-width:var(--content-max-width);margin:45px auto 20px;box-sizing:border-box;overflow:hidden;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#top-bar{height:50px;min-height:50px;background-color:#4b5363;display:flex;justify-content:space-between;align-items:center;padding:0 10px;flex-shrink:0;border-top-left-radius:10px;border-top-right-radius:10px;gap:10px}.top-bar-primary{display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto}.top-bar-actions{display:flex;flex:1;align-items:center;gap:10px;min-width:0}.top-bar-search-mode{flex-shrink:0}#top-bar .right-controls{margin-left:auto}.toggle-container{box-sizing:border-box}.view-toggle{display:flex;background-color:#21252b;border-radius:5px;padding:2px}.view-toggle button{padding:6px 12px;background:none;border:none;color:#9da5b4;cursor:pointer;border-radius:4px;font-size:13px;transition:all .2s ease}.view-toggle button.active{background-color:#2c313a;color:#fff}.theme-toggle{background:none;border:none;color:#9da5b4;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center}.theme-toggle:hover{background-color:#ffffff1a}.theme-toggle svg{width:16px;height:16px}.button-group{display:flex;gap:10px;align-items:center}.right-controls{display:flex;align-items:center;gap:10px}.icon-button{background:none;border:none;color:#d4d4d4;cursor:pointer;display:flex;align-items:center;font-size:25px;padding:0 8px;border-radius:5px;transition:background-color .3s}.icon-button:hover{background-color:#ffffff1a}.icon-button:disabled{opacity:.5;cursor:not-allowed}.toggle-container{display:inline-flex;align-items:center;border-radius:6px;padding:2px;border:1px solid #4B5363;background-color:#282c34;box-shadow:0 1px 2px #0000000d}.toggle-switch{position:relative;width:120px;height:26px}.toggle-slider{position:absolute;top:2px;left:2px;width:58px;height:22px;background-color:#4b5363;border-radius:3px;transition:transform .2s ease-in-out;pointer-events:none}.toggle-labels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.toggle-label{display:flex;align-items:center;justify-content:center;width:50%;font-size:12px;font-weight:500;color:#9da5b4;transition:color .2s;cursor:pointer}.toggle-container[aria-pressed=true] .toggle-slider{transform:translate(58px)}.toggle-container[aria-pressed=false] .toggle-label:first-child,.toggle-container[aria-pressed=true] .toggle-label:last-child{color:#fff;cursor:default}.toggle-container--search .toggle-switch{width:200px}.toggle-container--search .toggle-slider{width:96px}.toggle-container--search[aria-pressed=true] .toggle-slider{transform:translate(96px)}.toggle-container--search .toggle-label{font-size:11px}#save-button{background-color:transparent;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:background-color .3s}#save-button:hover{background-color:#ffffff1a}#save-button svg{width:18px;height:18px}#fullscreen-button{display:none;background:none;border:none;color:#d4d4d4;cursor:pointer;padding:6px 8px;border-radius:5px;transition:background-color .3s;height:30px;align-items:center;justify-content:center}#fullscreen-button:hover{background-color:#ffffff1a}#fullscreen-button svg{width:18px;height:18px}.page-content{padding:80px 0 40px;max-width:var(--content-max-width);width:100%;margin:0 auto;min-height:calc(100vh - 180px);color:#d4d4d4;text-align:left;box-sizing:border-box}.content-column{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}@media(min-width:991px){.content-column{padding-left:0;padding-right:0}}.light-theme .page-content{color:#333}.light-theme .page-content.prose{color:inherit}.container{background-color:#282c34;border-radius:10px;padding:30px;color:#d4d4d4}.light-theme .container{background-color:#fff;color:#333}h1{margin-bottom:30px}p{line-height:1.6;margin-bottom:20px}@media(max-width:768px){.container{padding:20px}}#app-header{position:fixed;top:0;left:0;right:0;height:50px;background-color:#282c34;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000;border-bottom:1px solid #3e4451}.header-title{color:#d4d4d4;font-size:18px;font-weight:500;margin:0}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;justify-content:flex-end}#theme-toggle{background:none;border:none;color:#d4d4d4;cursor:pointer;padding:8px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}#theme-toggle:hover{background-color:#ffffff1a}#theme-toggle svg{width:20px;height:20px}.logo-container{height:25px;display:flex;align-items:center}.logo{height:100%;width:auto;display:none}.dark-logo{display:block}.light-logo,.light-theme .dark-logo{display:none}.light-theme .light-logo{display:block}.light-theme{background-color:#f1efe7}.light-theme #app-header{background-color:#f8f8f7;border-bottom:1px solid #e0e0e0}.light-theme .header-title,.light-theme #theme-toggle{color:#333}@media(max-width:767px){#app-header{padding:0 10px}}#app-footer{width:100%;align-self:stretch;box-sizing:border-box;background-color:#282c34;color:#d4d4d4;padding:15px 0;font-size:14px;border-top:1px solid #3e4451;margin-top:auto}.footer-content{max-width:950px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.footer-right{display:flex;gap:20px}#app-footer a{color:#d4d4d4;text-decoration:none;transition:color .3s}#app-footer a:hover{color:#8db472}@media(min-width:768px)and (max-width:1024px){.footer-content{padding:0 30px}.footer-right{gap:15px}}@media(max-width:767px){#app-footer{padding:20px 0}.footer-content{flex-direction:column;gap:20px;text-align:center;padding:0 15px}.footer-right{flex-wrap:wrap;justify-content:center;gap:15px;row-gap:10px}.footer-left{order:2}.footer-right{order:1}#app-footer a{padding:5px 10px}}@media(max-width:375px){.footer-right{flex-direction:column;gap:10px}#app-footer{font-size:13px}}.light-theme #editor-container .editor-pane>.CodeMirror{background-color:#fff;color:#333}.light-theme #editor-container .CodeMirror-gutters{background-color:#f5f5f5;border-right:1px solid #e0e0e0}.light-theme #editor-container .CodeMirror-linenumber{color:#999}.light-theme #editor-container .CodeMirror-cursor{border-left:1px solid #000000!important}.light-theme #editor-container .CodeMirror-dialog{background-color:#fff;color:#333;border:1px solid #e0e0e0}.light-theme #search-input{background-color:#f8f8f7;color:#333;border-color:#e0e0e0;border-right:none}.light-theme #search-button{background-color:#ded8c4;color:#333;border-color:#e0e0e0}.light-theme #search-button:hover{background-color:#c5bea4}.light-theme #top-bar{background-color:#f5f5f5;border:1px solid #e0e0e0}.light-theme .toggle-container{background-color:#fff;border-color:#e0e0e0}.light-theme .toggle-slider{background-color:#ded8c4}.light-theme .icon-button,.light-theme #save-button,.light-theme #fullscreen-button{color:#333}.light-theme #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar{width:12px}.light-theme #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar-track{background:#f8f8f7}.light-theme #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background-color:#ded8c4;border-radius:6px;border:3px solid #F8F8F7}.light-theme #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover{background-color:#c5bea4}.light-theme #editor-container .CodeMirror-vscrollbar{scrollbar-width:thin;scrollbar-color:#DED8C4 #F8F8F7}.light-theme .icon-button:hover,.light-theme #save-button:hover,.light-theme #theme-toggle:hover,.light-theme #fullscreen-button:hover{background-color:#ded8c44d}.light-theme .search-count{color:#22863a}.light-theme .highlighted-line{background-color:#ffe60059}.light-theme .search-match-highlight{background-color:#ffc80080}.light-theme .search-match-highlight.search-match-active{background-color:#ffa0008c;outline-color:#c8780099}.light-theme #app-footer{background-color:#f8f8f7;color:#333;border-top:1px solid #e0e0e0}.light-theme #app-footer a{color:#333}.light-theme #app-footer a:hover{color:#22863a}.light-theme .cm-s-custom .cm-comment{color:#6a737d}.light-theme .cm-s-custom .cm-punctuation{color:#24292e}.light-theme .cm-s-custom .cm-tag,.light-theme .cm-s-custom .cm-boolean,.light-theme .cm-s-custom .cm-constant,.light-theme .cm-s-custom .cm-symbol,.light-theme .cm-s-custom .cm-deleted{color:#d73a49}.light-theme .cm-s-custom .cm-selector,.light-theme .cm-s-custom .cm-string,.light-theme .cm-s-custom .cm-char,.light-theme .cm-s-custom .cm-builtin,.light-theme .cm-s-custom .cm-qualifier,.light-theme .cm-s-custom .cm-inserted{color:#22863a}.light-theme .cm-s-custom .cm-operator,.light-theme .cm-s-custom .cm-entity,.light-theme .cm-s-custom .cm-url,.light-theme .cm-s-custom .language-css .cm-string,.light-theme .cm-s-custom .cm-variable,.light-theme .cm-s-custom .cm-variable-2,.light-theme .style .cm-string{color:#24292e}.light-theme .cm-s-custom .cm-atrule,.light-theme .cm-s-custom .cm-keyword{color:#d73a49}.light-theme .cm-s-custom .cm-function,.light-theme .cm-s-custom .cm-property,.light-theme .cm-s-custom .cm-def{color:#005cc5}.light-theme #editor-container .CodeMirror-selected,.light-theme #editor-container .CodeMirror-focused .CodeMirror-selected{background-color:#f1efe7cc!important}.light-theme #editor-container .CodeMirror-line::selection,.light-theme #editor-container .CodeMirror-line>span::selection,.light-theme #editor-container .CodeMirror-line>span>span::selection{background-color:#f1efe7cc!important}.light-theme #editor-container .CodeMirror-line::-moz-selection,.light-theme #editor-container .CodeMirror-line>span::-moz-selection,.light-theme #editor-container .CodeMirror-line>span>span::-moz-selection{background-color:#f1efe7cc!important}html.light-theme body,body.light-theme{background-color:#f1efe7}.light-theme .icon-button{color:#333}.light-theme .icon-button:hover{background-color:#ded8c44d}#editor-container .editor-pane{flex:1 1 0;min-height:0;overflow:hidden;position:relative}#editor-container #code-editor,.editor-loading-hint{display:none}#editor-container .editor-pane>.CodeMirror{position:absolute;top:0;left:0;right:0;bottom:0;height:auto!important;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5}html:not(.light-theme) #editor-container .editor-pane>.CodeMirror{background-color:#282c34;color:#d4d4d4}#editor-container .editor-pane .CodeMirror-scroll{overflow:auto!important}html:not(.light-theme) #editor-container .CodeMirror-gutters{background-color:#282c34;border-right:1px solid #3e4451}html:not(.light-theme) #editor-container .CodeMirror-linenumber{color:#5c6370}.CodeMirror-indentguide{background:none;border-right:1px solid #3e4451}#code-area{white-space:pre;-moz-tab-size:4;-o-tab-size:4;tab-size:4}#editor-container .CodeMirror-vscrollbar::-webkit-scrollbar{width:12px}html:not(.light-theme) #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar-track{background:#282c34}html:not(.light-theme) #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;border:3px solid #282C34}html:not(.light-theme) #editor-container .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover{background:#555}html:not(.light-theme) #editor-container .CodeMirror-vscrollbar{scrollbar-width:thin;scrollbar-color:#888 #282C34}html:not(.light-theme) #editor-container .CodeMirror-selected{background-color:#f1efe733!important}html:not(.light-theme) #editor-container .CodeMirror-focused .CodeMirror-selected{background-color:#f1efe733!important}html:not(.light-theme) #editor-container .CodeMirror-cursor{border-left:1px solid #FFFFFF!important}.cm-s-custom .cm-comment{color:#5c6370}.cm-s-custom .cm-punctuation{color:#d4d4d4}.cm-s-custom .cm-tag,.cm-s-custom .cm-boolean,.cm-s-custom .cm-constant,.cm-s-custom .cm-symbol,.cm-s-custom .cm-deleted{color:#e06c75}.cm-s-custom .cm-selector,.cm-s-custom .cm-string,.cm-s-custom .cm-char,.cm-s-custom .cm-builtin,.cm-s-custom .cm-qualifier,.cm-s-custom .cm-inserted{color:#8db472}.cm-s-custom .cm-operator,.cm-s-custom .cm-entity,.cm-s-custom .cm-url,.cm-s-custom .language-css .cm-string,.cm-s-custom .cm-variable,.cm-s-custom .cm-variable-2,.style .cm-string{color:#d4d4d4}.cm-s-custom .cm-atrule,.cm-s-custom .cm-keyword{color:#c678dd}.cm-s-custom .cm-function,.cm-s-custom .cm-property,.cm-s-custom .cm-def,.cm-s-custom .cm-regex,.cm-s-custom .cm-important{color:#9cdcfe}.cm-s-custom .cm-attribute,.cm-s-custom .cm-number{color:#d19a66}html:not(.light-theme) #editor-container .CodeMirror-dialog{background-color:#282c34;color:#d4d4d4;border:1px solid #3e4451}#editor-container .editor-pane #preview-container{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;overflow:hidden}#search-container{--search-height: 44px;--search-font-size: 14px;--search-input-padding: 10px 12px;--search-button-min: 52px;--search-button-max: 80px;--search-button-ratio: 8.421%;--search-radius: 10px;display:flex;flex-shrink:0;align-items:stretch;gap:0;width:100%;box-sizing:border-box;padding:14px 0;background-color:transparent;position:relative}.search-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(var(--search-button-min),var(--search-button-ratio),var(--search-button-max));width:100%;align-items:stretch}#search-input{height:var(--search-height);min-height:var(--search-height);width:100%;min-width:0;padding:var(--search-input-padding);font-size:var(--search-font-size);line-height:1.4;box-sizing:border-box;border:1px solid #3e4451;border-right:none;border-top-left-radius:var(--search-radius);border-bottom-left-radius:var(--search-radius);border-top-right-radius:0;border-bottom-right-radius:0;background-color:#282c34;color:#d4d4d4}#search-input:focus{outline:none;box-shadow:none}#search-button{min-height:var(--search-height);height:var(--search-height);box-sizing:border-box;padding-block:10px;padding-inline:clamp(8px,2.1vw,20px);font-size:var(--search-font-size);background-color:#4b5363;color:#d4d4d4;border:1px solid #3e4451;border-left:1px solid #3e4451;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--search-radius);border-bottom-right-radius:var(--search-radius);cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;min-width:0;justify-content:center}#search-button svg{width:16px;height:16px;flex-shrink:0}#search-button:hover{background-color:#565f70}.search-count{color:#8db472;font-weight:500;margin-right:4px}.highlighted-line{background-color:#ff03}.search-match-highlight{background-color:#ffd60073;border-radius:2px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.search-match-highlight.search-match-active{background-color:#ffa500a6;outline:1px solid rgba(255,200,0,.8)}.contact-page .main-content{min-height:calc(100vh - 120px);padding:20px;display:flex;align-items:center;justify-content:center}.form-wrapper{width:100%;max-width:600px;background-color:#1e2227;border-radius:8px;padding:40px;margin:20px}.form-inner{width:100%}h1{color:#fff;margin:0 0 20px;font-size:24px}.form-description{color:#9da5b4;margin-bottom:30px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px;padding-right:20px}label{display:block;color:#9da5b4;margin-bottom:8px;font-size:14px}input,textarea{width:100%;padding:12px;background-color:#282c34;border:1px solid #3e4451;border-radius:4px;color:#fff;font-size:14px}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{outline:none;border-color:#8db472}button{background-color:#8db472;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}button:hover{background-color:#7a9c62}.light-theme .form-wrapper{background-color:#fff;box-shadow:0 2px 8px #0000001a}.light-theme h1{color:#333}.light-theme .form-description{color:#666}.light-theme label{color:#555}.light-theme input,.light-theme textarea{background-color:#f5f5f5;border-color:#ddd;color:#333}.light-theme input:focus,.light-theme textarea:focus{border-color:#22863a}.form-input.error,.form-textarea.error{border-color:#ff4646}.error-message{color:#ff4646;font-size:.8rem;margin-top:.25rem}.success-message{color:#8db472;text-align:left;padding:1rem;border:#8db472;border-radius:5px;background-color:#4bc17a1a;margin-bottom:1rem}@media(max-width:768px){.form-wrapper{margin:10px;padding:20px}.contact-page .main-content{padding:10px}}@media(max-width:480px){h1{font-size:20px}button{width:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-content:not(.prose){max-width:800px;margin:2rem auto;padding:1rem 1.5rem}.page-content.prose{--prose-fg: #e8eaed;--prose-muted: #9da5b4;--prose-accent: #8db472;--prose-accent-soft: rgba(141, 180, 114, .15);--prose-surface: #2c313a;--prose-surface-elevated: #353b45;--prose-border: rgba(255, 255, 255, .08);--prose-radius: 14px;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:1.0625rem;line-height:1.75;letter-spacing:-.01em;color:var(--prose-fg);max-width:var(--content-max-width);width:100%;text-align:left}.light-theme .page-content.prose{--prose-fg: #1a1d23;--prose-muted: #5c6370;--prose-accent: #5a8f47;--prose-accent-soft: rgba(90, 143, 71, .12);--prose-surface: #ffffff;--prose-surface-elevated: #ffffff;--prose-border: rgba(0, 0, 0, .1)}.prose-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--prose-border)}.prose-header--compact{margin-bottom:2rem;padding-bottom:1.5rem}.prose-header--compact h2{margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--prose-fg)}.prose-header--compact h2:before{display:none}.prose-badge{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--prose-accent);background:var(--prose-accent-soft);border-radius:999px}.prose-header h1{margin:0 0 .75rem;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--prose-fg)}.prose-lead{margin:0;max-width:none;font-size:1.125rem;line-height:1.65;color:var(--prose-muted);font-weight:500}.prose-block,.prose-panel{margin:0 0 1.25rem;padding:1.35rem 1.5rem;background:var(--prose-surface-elevated);border:1px solid var(--prose-border);border-radius:12px}.prose-block>*:last-child,.prose-panel>*:last-child{margin-bottom:0}.prose-block ul,.prose-panel ul{margin-bottom:0}.prose-block--steps{list-style:none;margin-bottom:1.25rem}.prose-block--steps li:last-child{margin-bottom:0}.faq-accordion{display:flex;flex-direction:column;gap:.75rem;margin:0 0 1.25rem}.faq-item{border:1px solid var(--prose-border);border-radius:12px;background:var(--prose-surface-elevated);overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:#8db47266}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;font-size:1rem;font-weight:600;color:var(--prose-fg);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question-text{flex:1;text-align:left;line-height:1.4}.faq-chevron{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:6px;background:var(--prose-accent-soft);position:relative;transition:transform .25s ease,background .2s}.faq-chevron:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-right:2px solid var(--prose-accent);border-bottom:2px solid var(--prose-accent);transform:rotate(45deg) translate(-2px,-2px)}.faq-item[open] .faq-chevron{transform:rotate(180deg);background:var(--prose-accent)}.faq-item[open] .faq-chevron:before{border-color:#fff}.faq-answer{padding:0 1.25rem 1.15rem;border-top:1px solid var(--prose-border)}.faq-answer p{margin:1rem 0 0;font-size:.975rem;line-height:1.65;color:var(--prose-muted);text-align:left}.prose-body h2{margin:2rem 0 .85rem;font-size:1.375rem;font-weight:650;letter-spacing:-.02em;color:var(--prose-fg);display:flex;align-items:center;gap:.5rem}.prose-body h2:before{content:"";display:inline-block;width:4px;height:1.1em;border-radius:2px;background:var(--prose-accent);flex-shrink:0}.prose-body h3{margin:1.75rem 0 .65rem;font-size:1.1rem;font-weight:600;color:var(--prose-fg)}.prose-body>h2+.faq-accordion{margin-top:.5rem}.prose-body p{margin:0 0 1.25rem;color:var(--prose-muted)}.prose-body p strong,.prose-body li strong{color:var(--prose-fg);font-weight:600}.prose-body a{color:var(--prose-accent);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.prose-body a:hover{opacity:.85}.prose-body ul:not(.prose-feature-grid),.prose-body ol:not(.prose-block--steps){margin:0 0 1.5rem;padding-left:0;list-style:none}.prose-body ol.prose-block--steps{margin:0 0 1.25rem;padding-left:0;list-style:none}.prose-body ul:not(.prose-feature-grid) li,.prose-body ol:not(.prose-block--steps) li{position:relative;margin-bottom:.65rem;padding-left:1.75rem;color:var(--prose-muted)}.prose-body ol.prose-block--steps li{position:relative;margin-bottom:.85rem;padding-left:3.25rem;color:var(--prose-muted)}.prose-body ul:not(.prose-feature-grid) li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--prose-accent);opacity:.85}.prose-body ol{counter-reset:prose-ol}.prose-body ol:not(.prose-block--steps) li{counter-increment:prose-ol}.prose-body ol:not(.prose-block--steps) li:before{content:counter(prose-ol);position:absolute;left:0;top:.1em;width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--prose-accent);background:var(--prose-accent-soft);border-radius:6px}.prose-body ol.prose-block--steps{counter-reset:prose-steps}.prose-body ol.prose-block--steps li{counter-increment:prose-steps}.prose-body ol.prose-block--steps li:before{content:counter(prose-steps);position:absolute;left:.35rem;top:.15em;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--prose-accent);background:var(--prose-accent-soft);border-radius:6px}.prose-body .section{margin:1.25rem 0 1.75rem;padding:1.25rem 1.5rem;background:var(--prose-surface-elevated);border:1px solid var(--prose-border);border-radius:var(--prose-radius)}.prose-body .last-updated{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--prose-muted);background:var(--prose-surface-elevated);border:1px solid var(--prose-border);border-radius:999px}.prose-body .last-updated:before{content:"";width:1rem;height:1rem;background:currentColor;opacity:.5;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center / contain no-repeat}.prose-callout,.important-notice{display:flex;gap:1rem;align-items:flex-start;margin:1.5rem 0;padding:1.15rem 1.35rem;background:var(--prose-accent-soft);border:1px solid rgba(141,180,114,.25);border-radius:var(--prose-radius);color:var(--prose-fg);font-size:.975rem;line-height:1.6}.light-theme .prose-callout,.light-theme .important-notice{border-color:#5a8f4740}.prose-callout:before,.important-notice:before{content:"";flex-shrink:0;width:1.35rem;height:1.35rem;margin-top:.1rem;background:var(--prose-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E") center / contain no-repeat}.prose-callout--warning{background:#ffb4541f;border-color:#ffb4544d}.prose-callout-content{flex:1}.prose-callout-content strong{color:var(--prose-fg)}.prose-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none}.prose-feature-card{display:flex;gap:1rem;align-items:flex-start;height:100%;min-height:7.5rem;padding:1.35rem 1.25rem;background:var(--prose-surface-elevated);border:1px solid var(--prose-border);border-radius:12px;transition:border-color .2s;box-sizing:border-box}.prose-feature-card:hover{border-color:#8db47266}.prose-feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:10px;background:var(--prose-accent-soft);color:var(--prose-accent)}.prose-icon-svg{width:1.25rem;height:1.25rem}.prose-feature-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.prose-feature-text strong{font-size:.95rem;font-weight:600;color:var(--prose-fg);line-height:1.35}.prose-feature-text span{font-size:.875rem;line-height:1.5;color:var(--prose-muted)}.prose-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;padding:0;list-style:none}.prose-highlight-item{display:flex;flex-direction:column;gap:.5rem;padding:1.35rem 1.25rem;background:var(--prose-surface-elevated);border:1px solid var(--prose-border);border-radius:12px}.prose-highlight-item .prose-feature-icon{width:2.25rem;height:2.25rem}.prose-highlight-item strong{font-size:.95rem;color:var(--prose-fg)}.prose-highlight-item span{font-size:.875rem;color:var(--prose-muted);line-height:1.5}.prose-form-card{margin-top:.5rem;padding:2rem;background:var(--prose-surface-elevated);border:1px solid var(--prose-border);border-radius:var(--prose-radius);box-shadow:0 12px 40px #0000001f}.light-theme .prose-form-card{box-shadow:0 8px 30px #0000000f}.page-content.prose .contact-form .form-group{margin-bottom:1.35rem}.page-content.prose .form-label{display:block;margin-bottom:.45rem;font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--prose-muted)}.page-content.prose .form-input,.page-content.prose .form-textarea{width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem;color:var(--prose-fg);background:var(--prose-surface);border:1px solid var(--prose-border);border-radius:10px;transition:border-color .2s,box-shadow .2s}.page-content.prose .form-textarea{min-height:140px;resize:vertical}.page-content.prose .form-input:focus,.page-content.prose .form-textarea:focus{outline:none;border-color:var(--prose-accent);box-shadow:0 0 0 3px var(--prose-accent-soft)}.page-content.prose .form-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1.75rem;font-family:inherit;font-size:.9375rem;font-weight:600;color:#fff;background:var(--prose-accent);border:none;border-radius:10px;cursor:pointer;transition:filter .2s,transform .15s}.page-content.prose .form-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.page-content.prose .form-submit:disabled{opacity:.65;cursor:not-allowed}.page-content.prose .success-message,.page-content.prose .error-message{margin-bottom:1.25rem;padding:1rem 1.15rem;border-radius:10px;font-size:.9375rem;font-weight:500}.page-content.prose .success-message{color:var(--prose-accent);background:var(--prose-accent-soft);border:1px solid rgba(141,180,114,.3)}.page-content.prose .error-message{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.25)}.seo-content.prose{margin-top:2rem;padding-top:2.5rem;border-top:1px solid var(--prose-border)}.seo-content.prose .prose-header--compact{text-align:left}@media(max-width:768px){.page-content.prose{font-size:1rem}.prose-header{margin-bottom:1.75rem;padding-bottom:1.5rem}.prose-form-card{padding:1.35rem}.prose-body .section{padding:1rem 1.15rem}}@media(max-width:560px){.prose-feature-grid{grid-template-columns:1fr}.prose-feature-card{min-height:0}}html{width:100%;-webkit-text-size-adjust:100%}body{padding-top:50px;width:100%;min-width:0;max-width:100%}#root,.app-layout,.page-home{width:100%;min-width:0;max-width:100%}html,body,.app-layout{overflow-x:hidden}.toggle-label-short{display:none}@media(max-width:768px){:root{--content-gutter: 20px;--editor-inset: 20px}#app-header{width:100%;padding-left:var(--content-gutter);padding-right:var(--content-gutter);box-sizing:border-box}#editor-container{width:calc(100% - var(--editor-inset) * 2);max-width:calc(100% - var(--editor-inset) * 2);margin:10px auto 14px;padding-left:0;padding-right:0;height:min(65vh,calc(100vh - 120px));min-height:220px;border-radius:12px;overflow:hidden;box-sizing:border-box}#search-container{width:100%;padding-left:0;padding-right:0}#top-bar{flex-direction:row;align-items:center;height:auto;min-height:42px;padding:8px 12px;gap:6px;border-top-left-radius:12px;border-top-right-radius:12px}.top-bar-actions{gap:6px}.top-bar-primary{flex:0 0 auto}#top-bar .button-group{gap:2px}.icon-button{font-size:18px;padding:4px 5px;line-height:1}#save-button svg{width:17px;height:17px}.top-bar-search-mode{flex:0 0 auto;min-width:0}.top-bar-search-mode .toggle-switch,.right-controls .toggle-switch{width:82px;height:24px}.top-bar-search-mode .toggle-slider,.right-controls .toggle-slider{width:39px;height:20px}.top-bar-search-mode .toggle-container--search[aria-pressed=true] .toggle-slider,.right-controls .toggle-container[aria-pressed=true] .toggle-slider{transform:translate(39px)}.top-bar-search-mode .toggle-container--search[aria-pressed=false] .toggle-slider,.right-controls .toggle-container[aria-pressed=false] .toggle-slider{transform:translate(0)}#top-bar .toggle-label{font-size:10px}#top-bar .right-controls{flex:0 0 auto;gap:6px;margin-left:auto}#top-bar .toggle-label-full{display:none}#top-bar .toggle-label-short{display:inline}.page-content,.page-content.prose,.seo-content{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.content-column{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}.page-content{padding-top:64px;padding-bottom:28px}.footer-content{max-width:100%;width:100%;padding-left:var(--content-gutter);padding-right:var(--content-gutter);box-sizing:border-box}.logo-link img{max-width:min(150px,48vw);height:auto}.prose-header h1{font-size:clamp(1.4rem,6vw,2rem)}.prose-header--compact h2{font-size:clamp(1.2rem,5vw,1.75rem)}.prose-lead{font-size:1rem}.prose-block,.prose-panel{padding:1.15rem 1.25rem}.prose-highlights,.prose-feature-grid{grid-template-columns:1fr}.seo-content.prose{margin-top:1.25rem;padding-top:1.5rem}#editor-container .editor-pane>.CodeMirror{font-size:13px}#editor-container .editor-pane>.CodeMirror .CodeMirror-gutters{min-width:36px}}@media(max-width:640px){.toggle-label-full{display:none}.toggle-label-short{display:inline}.toggle-label{font-size:11px}}@media(max-width:400px){:root{--content-gutter: 18px;--editor-inset: 18px}#top-bar{padding:8px 10px;gap:4px}.top-bar-actions{gap:4px}.icon-button{font-size:17px;padding:3px 4px}#save-button svg{width:16px;height:16px}.top-bar-search-mode .toggle-switch,.right-controls .toggle-switch{width:74px;height:22px}.top-bar-search-mode .toggle-slider,.right-controls .toggle-slider{width:35px;height:18px}.top-bar-search-mode .toggle-container--search[aria-pressed=true] .toggle-slider,.right-controls .toggle-container[aria-pressed=true] .toggle-slider{transform:translate(35px)}}