*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app-container{--scrollbar-track:transparent;--scrollbar-thumb:#80808033;flex-direction:column;height:100vh;transition:background-color .3s,color .3s;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color,#80808066)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.tab-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#8080800d;border-bottom:1px solid #8080801a;align-items:center;height:60px;display:flex}@media (width<=768px){.tab-nav{height:70px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #8080801a;border-bottom:none;order:2}.nav-content{justify-content:center}.logo{display:none}.tab-buttons{justify-content:space-around;width:100%}.tab-btn{flex-direction:column;flex:1;gap:4px;padding:8px;font-size:11px}}.nav-content{justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.logo{letter-spacing:.1em;text-transform:uppercase;opacity:.8;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.tab-buttons{gap:8px;display:flex}.tab-btn{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{opacity:1;background:#8080800d}.tab-btn.active{opacity:1;background:#8080801a;border-color:#80808033}.tab-content{flex-grow:1;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.editor-container[data-v-d49399f9]{flex-direction:column;width:100%;height:calc(100vh - 60px);display:flex}textarea[data-v-d49399f9]{resize:none;width:100%;color:inherit;background-color:#0000;border:none;outline:none;flex:1;padding:40px;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;line-height:1.6}@media (width<=768px){textarea[data-v-d49399f9]{padding:20px;font-size:15px}}.editor-status[data-v-d49399f9]{opacity:.55;border-top:1px solid #8080801a;flex-shrink:0;align-items:center;gap:16px;padding:8px 40px;font-size:12px;display:flex}@media (width<=768px){.editor-status[data-v-d49399f9]{padding:8px 20px}}.status-hint[data-v-d49399f9]{text-transform:uppercase;letter-spacing:.08em}.agent-badge[data-v-d49399f9]{color:var(--accent-color,#d97757);opacity:1;font-weight:500}.agent-hint code[data-v-d49399f9]{background:#8080801a;border-radius:3px;padding:1px 5px;font-family:"ui-monospace",monospace;font-size:11px}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.render-container[data-v-d5768646]{height:calc(100vh - 60px);transition:background-color .3s,color .3s;display:flex;position:relative;overflow:hidden}.sidebar-wrapper[data-v-d5768646]{z-index:20;flex-shrink:0;height:100%;transition:width .3s;display:flex;position:relative}@media (width<=768px){.sidebar-wrapper[data-v-d5768646]{z-index:200;background:#00000080;height:calc(100% - 70px);transition:background .3s;position:fixed;top:0;left:0;width:100%!important}.sidebar-wrapper.is-closed[data-v-d5768646]{pointer-events:none;background:0 0;width:0!important}.sidebar[data-v-d5768646]{border-right:1px solid #80808033;transition:transform .3s;background-color:var(--theme-bg)!important;width:85%!important}.sidebar-wrapper.is-closed .sidebar[data-v-d5768646]{transform:translate(-100%)}.toggle-btn[data-v-d5768646]{pointer-events:auto;bottom:20px;right:20px;box-shadow:0 4px 12px #0003;color:#fff!important;background:#333!important;top:auto!important;left:auto!important;transform:none!important}}.sidebar[data-v-d5768646]{background-color:var(--theme-bg);border-right:1px solid #8080801a;height:100%;overflow:hidden;box-shadow:4px 0 12px #0000000d}.sidebar-wrapper.is-closed .sidebar[data-v-d5768646]{border-right-color:#0000;width:0!important}.resize-handle[data-v-d5768646]{cursor:col-resize;background:0 0;width:4px;height:100%;transition:background .2s;position:absolute;top:0;right:0}.resize-handle[data-v-d5768646]:hover{background:#80808033}.sidebar-content[data-v-d5768646]{width:100%;height:100%;padding:30px 20px;overflow-y:auto}.sidebar h3[data-v-d5768646]{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:20px;font-size:14px}.sidebar ul[data-v-d5768646]{padding:0;list-style:none}.sidebar li[data-v-d5768646]{cursor:pointer;opacity:.7;white-space:nowrap;text-overflow:ellipsis;padding:6px 0;font-size:14px;transition:opacity .2s,color .2s;overflow:hidden}.sidebar li[data-v-d5768646]:hover{opacity:1;color:var(--accent-color)}.toggle-btn[data-v-d5768646]{top:20px;left:var(--v64bf960f);background:var(--theme-bg);width:32px;height:32px;color:inherit;cursor:pointer;z-index:210;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #80808033;border-radius:50%;justify-content:center;align-items:center;transition:left .3s,transform .3s,background .3s;display:flex;position:absolute;transform:translate(-50%)}.toggle-btn.is-sidebar-closed[data-v-d5768646]{transform:translate(10px)}@media (width<=768px){.toggle-btn[data-v-d5768646]{bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d;color:#fff!important;background:#333!important;top:auto!important;left:auto!important;transform:none!important}}.content-wrapper[data-v-d5768646]{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:64px 64px;flex-direction:column;flex-grow:1;align-items:center;height:100%;padding:60px 40px;display:flex;position:relative;overflow-y:auto}@media (width>=1401px){.content-wrapper[data-v-d5768646]{padding-right:360px}}@media (width<=768px){.content-wrapper[data-v-d5768646]{padding:40px 20px}}.home-hook[data-v-d5768646]{width:100%;max-width:var(--d6bc8054);color:var(--accent-color);text-align:left;margin-bottom:2rem;font-size:2.5rem;font-weight:700;line-height:1.2}.home-hook span[data-v-d5768646]{opacity:.8;margin-top:.5rem;font-size:1.5rem;font-weight:400;display:block}@media (width<=768px){.home-hook[data-v-d5768646]{font-size:1.8rem}.home-hook span[data-v-d5768646]{font-size:1.2rem}}.export-controls[data-v-d5768646]{opacity:.3;gap:10px;transition:opacity .2s;display:flex;position:absolute;top:20px;right:20px}.export-controls[data-v-d5768646]:hover{opacity:1}.export-controls button[data-v-d5768646]{color:inherit;cursor:pointer;background:#8080801a;border:1px solid #80808033;border-radius:6px;padding:8px}.progress-indicator[data-v-d5768646]{pointer-events:none;opacity:.15;z-index:5;flex-direction:column;align-items:flex-end;max-width:300px;transition:opacity .3s;display:flex;position:fixed;top:50%;right:40px;transform:translateY(-50%)}.progress-indicator[data-v-d5768646]:hover{opacity:.4}.progress-percent[data-v-d5768646]{letter-spacing:-.05em;font-size:150px;font-weight:100;line-height:.8}.progress-message[data-v-d5768646]{text-transform:lowercase;letter-spacing:.05em;text-align:right;margin-top:10px;font-size:24px;font-weight:300}@media (width<=1400px){.progress-indicator[data-v-d5768646]{display:none}}.prose[data-v-d5768646]{text-align:left;width:100%;color:var(--heading-color)}[data-v-d5768646] .prose h1{color:var(--h1-color);font-weight:var(--heading-weight);font-family:var(--header-font);margin-top:2em;margin-bottom:1em;line-height:1.2}[data-v-d5768646] .prose h2{color:var(--h2-color);font-weight:var(--heading-weight);font-family:var(--header-font);margin-top:2em;margin-bottom:1em;line-height:1.2}[data-v-d5768646] .prose h3{color:var(--h3-color);font-weight:var(--heading-weight);font-family:var(--header-font);margin-top:2em;margin-bottom:1em;line-height:1.2}[data-v-d5768646] .prose h4{color:var(--h4-color);font-weight:var(--heading-weight);font-family:var(--header-font);margin-top:2em;margin-bottom:1em;line-height:1.2}[data-v-d5768646] .prose h5{color:var(--h5-color);font-weight:var(--heading-weight);font-family:var(--header-font);margin-top:2em;margin-bottom:1em;line-height:1.2}[data-v-d5768646] .prose h6{color:var(--h6-color);font-weight:var(--heading-weight);font-family:var(--header-font);margin-top:2em;margin-bottom:1em;line-height:1.2}[data-v-d5768646] .prose p,[data-v-d5768646] .prose li,[data-v-d5768646] .prose blockquote,[data-v-d5768646] .prose table{opacity:var(--body-opacity)}[data-v-d5768646] .prose a{color:var(--accent-color);text-decoration:none}[data-v-d5768646] .prose a:hover{text-decoration:underline}[data-v-d5768646] .prose p{margin-bottom:1.5em}[data-v-d5768646] .prose img{border-radius:8px;max-width:100%}[data-v-d5768646] .prose pre{border-radius:8px;margin:2em 0;padding:1.5em;overflow-x:auto;background:#8080800d!important}[data-v-d5768646] .prose blockquote{border-left:4px solid var(--accent-color);opacity:.8;margin-left:0;padding-left:1.5em;font-style:italic}[data-v-d5768646] .prose table{border-collapse:collapse;width:100%;margin:2em 0}[data-v-d5768646] .prose th,[data-v-d5768646] .prose td{text-align:left;border:1px solid #80808033;padding:12px}[data-v-d5768646] .agent-context{display:none}.customize-container[data-v-a4432d64]{max-width:900px;height:calc(100vh - 60px);margin:0 auto;padding:40px;overflow-y:auto}@media (width<=768px){.customize-container[data-v-a4432d64]{height:calc(100vh - 70px);padding:20px}}.settings-grid[data-v-a4432d64]{flex-direction:column;gap:30px;display:flex}.settings-card[data-v-a4432d64]{background:#8080800d;border:1px solid #8080801a;border-radius:12px;padding:24px}@media (width<=768px){.settings-card[data-v-a4432d64]{padding:16px}}h3[data-v-a4432d64]{opacity:.8;margin-top:0;margin-bottom:20px;font-size:16px}.preset-grid[data-v-a4432d64]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (width<=480px){.preset-grid[data-v-a4432d64]{grid-template-columns:1fr 1fr}}.preset-btn[data-v-a4432d64]{color:inherit;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #80808033;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.preset-btn[data-v-a4432d64]:hover{background:#8080801a;border-color:#80808066;transform:translateY(-1px)}.preset-btn.active[data-v-a4432d64]{border-color:var(--p-accent,var(--accent-color,#333));box-shadow:0 0 0 1px var(--p-accent,var(--accent-color,#333)), 0 4px 12px #00000026;background:#ffffff0f}.preset-swatch[data-v-a4432d64]{border:1px solid #80808033;border-radius:6px;flex-shrink:0;grid-template-rows:1fr 4px;width:28px;height:28px;display:grid;overflow:hidden}.swatch-bg[data-v-a4432d64],.swatch-accent[data-v-a4432d64]{display:block}.preset-label[data-v-a4432d64]{letter-spacing:.01em;font-weight:500}.control-group[data-v-a4432d64]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}label[data-v-a4432d64]{opacity:.7;font-size:13px}select[data-v-a4432d64],textarea[data-v-a4432d64]{color:inherit;background:#8080800d;border:1px solid #80808033;border-radius:8px;padding:12px;font-family:inherit}.import-box[data-v-a4432d64]{flex-direction:column;gap:10px;display:flex}.import-box textarea[data-v-a4432d64]{resize:none;height:80px;font-size:12px}.import-btn[data-v-a4432d64]{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:12px;font-weight:500}.slider-row[data-v-a4432d64]{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.slider-row[data-v-a4432d64]{grid-template-columns:1fr;gap:0}}.color-grid[data-v-a4432d64]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=480px){.color-grid[data-v-a4432d64]{grid-template-columns:1fr}}.color-grid-advanced[data-v-a4432d64]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:20px;display:grid}@media (width<=480px){.color-grid-advanced[data-v-a4432d64]{grid-template-columns:1fr 1fr}}input[type=range][data-v-a4432d64]{width:100%;accent-color:var(--accent-color,#333)}input[type=color][data-v-a4432d64]{cursor:pointer;background:0 0;border:2px solid #8080801a;border-radius:8px;width:100%;height:45px}.advanced-toggle[data-v-a4432d64]{cursor:pointer;opacity:.6;border-top:1px solid #8080801a;align-items:center;gap:8px;margin-top:25px;padding-top:20px;font-size:14px;transition:opacity .2s;display:flex}.advanced-toggle[data-v-a4432d64]:hover{opacity:1}.color-input-wrapper[data-v-a4432d64]{align-items:center;gap:5px;display:flex}.reset-btn[data-v-a4432d64]{color:inherit;cursor:pointer;background:#8080801a;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.reset-btn[data-v-a4432d64]:hover{background:#80808033}.blog-list-container[data-v-4d5f18ea]{max-width:800px;height:calc(100vh - 60px);margin:0 auto;padding:80px 40px;overflow-y:auto}@media (width<=768px){.blog-list-container[data-v-4d5f18ea]{height:calc(100vh - 70px);padding:40px 20px}}.blog-header[data-v-4d5f18ea]{text-align:center;margin-bottom:60px}.icon[data-v-4d5f18ea]{opacity:.5;margin-bottom:20px}h1[data-v-4d5f18ea]{letter-spacing:-.02em;margin-bottom:10px;font-size:42px;font-weight:200}p[data-v-4d5f18ea]{opacity:.6;font-size:18px;font-weight:300}.list-wrapper[data-v-4d5f18ea]{flex-direction:column;gap:15px;display:flex}.blog-card[data-v-4d5f18ea]{cursor:pointer;background:#8080800d;border:1px solid #8080801a;border-radius:12px;justify-content:space-between;align-items:center;padding:24px 30px;transition:all .2s;display:flex}.blog-card[data-v-4d5f18ea]:hover{border-color:var(--accent-color,#666);background:#80808014;transform:translateY(-2px)}.blog-info[data-v-4d5f18ea]{flex-direction:column;gap:4px;display:flex}.blog-title[data-v-4d5f18ea]{font-size:20px;font-weight:500}.blog-path[data-v-4d5f18ea]{opacity:.4;font-family:ui-monospace,monospace;font-size:12px}.arrow[data-v-4d5f18ea]{opacity:.3;font-size:24px;transition:transform .2s}.blog-card:hover .arrow[data-v-4d5f18ea]{opacity:1;color:var(--accent-color);transform:translate(5px)}