:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #F2F2F7;--card-bg: #FFFFFF;--text-primary: #1C1C1E;--text-secondary: #8E8E93;--accent-color: #007AFF}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}textarea{font-family:inherit}._container_cjxgv_1{width:100%;max-width:800px;margin:0 auto;padding:20px;height:100%;display:flex;flex-direction:column}._textarea_cjxgv_11{width:100%;flex:1;border:none;background:transparent;resize:none;font-size:1rem;line-height:1.6;color:var(--text-primary);outline:none;padding-bottom:40px}._wrapper_t4vv6_1{display:flex;justify-content:center;align-items:flex-start;padding:60px 20px;min-height:100%;transition:background .3s ease,color .3s ease;width:100%;--p-bg-color: #F2F2F7;--p-card-bg: #FFFFFF;--p-text-primary: #1d1d1f;--p-text-secondary: #3a3a3c;--p-accent: #007AFF;--p-font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--p-code-bg: #f5f5f7;--p-shadow: 0 40px 80px -20px rgba(0, 0, 0, .15), 0 20px 40px -20px rgba(0, 0, 0, .1);--p-card-radius: 24px;--p-heading-color: #1d1d1f}._wrapper_t4vv6_1[data-theme=elegant]{--p-bg-color: #F6F4EF;--p-card-bg: #FDFBF7;--p-text-primary: #2C2C2A;--p-text-secondary: #5C5C5A;--p-accent: #D4AF37;--p-font-family: "Playfair Display", Georgia, serif;--p-code-bg: #EAE8E0;--p-shadow: 0 20px 60px -10px rgba(60, 50, 40, .1);--p-heading-color: #1A1A18}._wrapper_t4vv6_1[data-theme=midnight]{--p-bg-color: #000000;--p-card-bg: #1C1C1E;--p-text-primary: #FFFFFF;--p-text-secondary: #EBEBF5;--p-accent: #0A84FF;--p-font-family: "Inter", sans-serif;--p-code-bg: #2C2C2E;--p-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 20px 60px rgba(0, 0, 0, .5);--p-heading-color: #FFFFFF}._wrapper_t4vv6_1[data-theme=cyber]{--p-bg-color: #0F0F1A;--p-card-bg: #181926;--p-text-primary: #E0E0E0;--p-text-secondary: #A0A0B0;--p-accent: #FF00FF;--p-font-family: "JetBrains Mono", "Courier New", monospace;--p-code-bg: #222336;--p-shadow: 0 0 30px rgba(255, 0, 255, .15);--p-card-radius: 4px;--p-heading-color: #00FFFF}._wrapper_t4vv6_1[data-theme=nature]{--p-bg-color: #E3EBD3;--p-card-bg: #FAFCF8;--p-text-primary: #1A3C28;--p-text-secondary: #4A6C58;--p-accent: #5F8D4E;--p-font-family: "Outfit", sans-serif;--p-code-bg: #EDF2E8;--p-shadow: 0 30px 60px -15px rgba(26, 60, 40, .15);--p-heading-color: #285430}._wrapper_t4vv6_1[data-theme=sunset]{--p-bg-color: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);--p-card-bg: rgba(255, 255, 255, .95);--p-text-primary: #2D1B4E;--p-text-secondary: #564175;--p-accent: #FF6B6B;--p-font-family: "Inter", sans-serif;--p-code-bg: #FFF0F0;--p-shadow: 0 30px 60px -15px rgba(45, 27, 78, .2);--p-heading-color: #2D1B4E}._wrapper_t4vv6_1[data-theme=oceanic]{--p-bg-color: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);--p-card-bg: #FFFFFF;--p-text-primary: #1C3D5A;--p-text-secondary: #4A6C8C;--p-accent: #00B4D8;--p-font-family: "Avenir Next", "Inter", sans-serif;--p-code-bg: #F0F9FF;--p-shadow: 0 20px 40px -10px rgba(0, 119, 182, .15);--p-heading-color: #023E8A}._wrapper_t4vv6_1[data-theme=lavender]{--p-bg-color: #E6E6FA;--p-card-bg: #FDF9FF;--p-text-primary: #4A306D;--p-text-secondary: #7A609D;--p-accent: #9D4EDD;--p-font-family: "Quicksand", sans-serif;--p-code-bg: #F3E6FF;--p-shadow: 0 20px 60px -10px rgba(74, 48, 109, .1);--p-heading-color: #3C096C}._wrapper_t4vv6_1[data-theme=terminal]{--p-bg-color: #0D0D0D;--p-card-bg: #1A1A1A;--p-text-primary: #33FF00;--p-text-secondary: #22AA00;--p-accent: #00FF00;--p-font-family: "Fira Code", "Courier Prime", monospace;--p-code-bg: #112211;--p-shadow: 0 0 20px rgba(51, 255, 0, .2);--p-card-radius: 4px;--p-heading-color: #33FF00}._wrapper_t4vv6_1[data-theme=swiss]{--p-bg-color: #EE0000;--p-card-bg: #FFFFFF;--p-text-primary: #000000;--p-text-secondary: #333333;--p-accent: #FF0000;--p-font-family: "Helvetica Neue", "Arial", sans-serif;--p-code-bg: #F0F0F0;--p-shadow: 20px 20px 0px rgba(0, 0, 0, .2);--p-heading-color: #000000}._wrapper_t4vv6_1[data-theme=coffee]{--p-bg-color: #D2B48C;--p-card-bg: #FFF8E7;--p-text-primary: #4B3621;--p-text-secondary: #6F4E37;--p-accent: #A0522D;--p-font-family: "Georgia", serif;--p-code-bg: #F5E6D3;--p-shadow: 0 20px 40px -10px rgba(75, 54, 33, .2);--p-heading-color: #3E2723}._wrapper_t4vv6_1[data-theme=wireframe]{--p-bg-color: #F0F0FF;--p-card-bg: #FFFFFF;--p-text-primary: #000000;--p-text-secondary: #444444;--p-accent: #003366;--p-font-family: "Anonymous Pro", monospace;--p-code-bg: #E6E6FA;--p-shadow: 8px 8px 0px #003366;--p-card-radius: 0;--p-heading-color: #003366;background-image:linear-gradient(#e5e5f7 1px,transparent 1px),linear-gradient(90deg,#e5e5f7 1px,transparent 1px);background-size:20px 20px}._wrapper_t4vv6_1{background:var(--p-bg-color)}._card_t4vv6_184{background:var(--p-card-bg);width:100%;max-width:680px;padding:4rem;border-radius:var(--p-card-radius);box-shadow:var(--p-shadow);font-family:var(--p-font-family);color:var(--p-text-primary);position:relative;box-sizing:border-box}._content_t4vv6_197 h1{font-size:2.2rem;font-weight:700;margin-bottom:.5em;line-height:1.1;letter-spacing:-.02em;color:var(--p-heading-color)}._content_t4vv6_197 h2{font-size:1.5rem;font-weight:600;margin-top:1.5em;margin-bottom:.75em;letter-spacing:-.01em;color:var(--p-heading-color)}._content_t4vv6_197 h3{font-size:1.25rem;font-weight:600;margin-top:1.25em;margin-bottom:.5em;color:var(--p-heading-color)}._content_t4vv6_197 p{font-size:1rem;line-height:1.6;margin-bottom:1em;color:var(--p-text-secondary)}._content_t4vv6_197 ul,._content_t4vv6_197 ol{margin-bottom:1em;padding-left:1.5em;color:var(--p-text-secondary)}._content_t4vv6_197 li{margin-bottom:.5em;line-height:1.6;font-size:1rem}._content_t4vv6_197 blockquote{border-left:4px solid var(--p-accent);background:var(--p-code-bg);padding:1rem 1.5rem;border-radius:0 12px 12px 0;font-style:italic;color:var(--p-text-primary);margin:1.5em 0}._content_t4vv6_197 pre{background:var(--p-code-bg);padding:1.25rem;border-radius:12px;overflow-x:auto;margin:1.5em 0}._content_t4vv6_197 code{font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em}._content_t4vv6_197 :not(pre)>code{background:var(--p-code-bg);padding:.2em .4em;border-radius:6px;color:var(--p-accent)}._content_t4vv6_197 img{border-radius:12px;max-width:100%;height:auto;display:block;margin:1.5em 0;box-shadow:0 10px 30px -10px #0000001a}._content_t4vv6_197 hr{border:0;height:1px;background:var(--p-text-secondary);opacity:.2;margin:2em 0}._content_t4vv6_197 a{color:var(--p-accent);text-decoration:none;font-weight:500}._content_t4vv6_197 a:hover{text-decoration:underline}._content_t4vv6_197 input[type=checkbox]{margin-right:.5em;transform:scale(1.2)}._watermark_t4vv6_305{margin-top:2rem;text-align:right;font-size:.85rem;font-weight:500;color:var(--p-text-secondary);opacity:.6;letter-spacing:.05em;font-family:var(--p-font-family)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{width:80px;background:#fff;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;padding:1rem 0;z-index:20}.logo-small{font-weight:800;font-size:1.5rem;margin-bottom:2rem;color:#111;text-align:center}.theme-list{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center;flex:1;overflow-y:auto;padding:0 .5rem;scrollbar-width:none;-ms-overflow-style:none}.theme-list::-webkit-scrollbar{display:none}.theme-item{width:48px;height:48px;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s;position:relative}.theme-item:hover{transform:scale(1.05)}.theme-item.active{border-color:#000;transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.theme-item[data-theme=default]{background:#f2f2f7;border:1px solid #e5e5e5}.theme-item[data-theme=elegant]{background:#f6f4ef;border:1px solid #d4af37}.theme-item[data-theme=midnight]{background:#1c1c1e;border:1px solid #333}.theme-item[data-theme=cyber]{background:#0f0f1a;border:1px solid #FF00FF}.theme-item[data-theme=nature]{background:#e3ebd3}.theme-item[data-theme=sunset]{background:linear-gradient(120deg,#fccb90,#d57eeb)}.theme-item[data-theme=oceanic]{background:linear-gradient(to top,#accbee,#e7f0fd)}.theme-item[data-theme=lavender]{background:#e6e6fa}.theme-item[data-theme=terminal]{background:#0d0d0d;border:1px solid #33FF00}.theme-item[data-theme=swiss]{background:#e00;border:1px solid #fff}.theme-item[data-theme=coffee]{background:tan;border:1px solid #4B3621}.theme-item[data-theme=wireframe]{background:#f0f0ff;border:1px dashed #003366}.bottom-actions{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.main-content{flex:1;display:flex;flex-direction:row;height:100%;position:relative;background:var(--bg-color)}.toolbar{height:60px;display:flex;justify-content:flex-end;align-items:center;padding:0 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:absolute;top:0;right:0;left:0;z-index:10;pointer-events:none}.toolbar>*{pointer-events:auto}.editor-pane{flex:1;overflow-y:auto;background:#fff;padding-top:60px;border-right:1px solid rgba(0,0,0,.08);border-bottom:none;min-width:320px}.preview-pane{flex:1;overflow-y:auto;position:relative;background:#f5f5f7;display:flex;justify-content:center;padding:2rem;padding-top:calc(60px + 2rem)}button{cursor:pointer;border:none;font-family:inherit;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.icon-btn{background:transparent;color:#666;padding:.6rem;border-radius:12px}.icon-btn:hover{color:#111;background:#0000000d}.primary-btn{background:#000;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.9rem}.primary-btn:hover{background:#333}.lang-dropdown-container{position:relative;margin-right:auto}.lang-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px -10px #00000026;border:1px solid rgba(0,0,0,.05);padding:.5rem;display:flex;flex-direction:column;min-width:120px;z-index:100;margin-top:.5rem}.lang-option{background:transparent;border:none;text-align:left;padding:.6rem 1rem;font-size:.9rem;border-radius:8px;cursor:pointer;color:#333;width:100%;transition:background .2s}.lang-option:hover{background:#f5f5f7}.lang-option.active{background:#f0f0f0;font-weight:500}