@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&family=Inter:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}.container{padding:0 1rem}@media (prefers-color-scheme:dark){.w-tc-editor{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}}@media (prefers-color-scheme:light){.w-tc-editor{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}.w-tc-editor{background-color:var(--color-canvas-subtle);color:var(--color-fg-default);font-family:inherit;font-size:12px}.w-tc-editor-preview,.w-tc-editor-text{min-height:16px}.w-tc-editor-preview pre{font-family:inherit;font-size:inherit;margin:0;padding:0;white-space:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.property-access .token.method{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-value{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.selector .class{color:var(--color-prettylights-syntax-entity)}.landing-page{--landing-header-offset:5rem;color:var(--text-primary);font-family:Inter,Arial,sans-serif;line-height:1.6}.landing-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:0 auto;max-width:1200px;padding:.75rem 2rem}.landing-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);background-clip:text;-webkit-background-clip:text;background-color:initial;border:none;cursor:pointer;font-family:inherit;font-size:1.25rem;font-weight:800;line-height:1;padding:0;white-space:nowrap}.landing-nav{display:flex;flex:1 1;gap:1.5rem}.landing-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s ease;white-space:nowrap}.landing-nav a:hover{color:var(--text-accent)}.landing-header-actions{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;min-width:0}.landing-admin-btn{background:#0000;border:1px solid var(--text-accent);border-radius:8px;color:var(--text-accent);cursor:pointer;font-size:.85rem;font-weight:700;padding:.4rem .85rem;transition:all .2s ease;white-space:nowrap}.landing-admin-btn:hover{background:var(--text-accent);color:#fff}.features,.plans,.security-highlight{scroll-margin-top:var(--landing-header-offset)}.hero{align-items:center;align-items:safe center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);box-sizing:border-box;display:flex;min-height:calc(100vh - var(--landing-header-offset));min-height:calc(100svh - var(--landing-header-offset));overflow-x:hidden;padding:2rem 0 3rem;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='.5' fill='%23cbd5e1' opacity='.3'/%3E%3Ccircle cx='75' cy='75' r='.5' fill='%23cbd5e1' opacity='.2'/%3E%3Ccircle cx='50' cy='10' r='.3' fill='%23cbd5e1' opacity='.4'/%3E%3Ccircle cx='10' cy='60' r='.3' fill='%23cbd5e1' opacity='.25'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.hero-text{color:#1e293b}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);background-clip:text;-webkit-background-clip:text;font-weight:900;text-shadow:none}.hero-description{color:#64748b;font-size:1.2rem;margin-bottom:2rem;opacity:.8;text-shadow:none}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.cta-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button,.cta-button *,.cta-button.primary{color:#fff!important}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transform:translateY(0)}.cta-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:2px solid #3b82f659;box-shadow:none}.cta-button.secondary,.cta-button.secondary *{color:#1d4ed8!important}.cta-button.secondary:hover{background:#3b82f62e;border-color:#3b82f68c;transform:translateY(-2px)}.cta-button.large{font-size:1.3rem;padding:1.25rem 3rem}.cta-button.large,.cta-section .cta-button,.cta-section .cta-button *{color:#fff!important}.hero-demo{perspective:1000px}.demo-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.demo-window:hover{transform:rotateY(0deg) rotateX(0deg)}.demo-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;gap:1rem;padding:1rem}.demo-dots{display:flex;gap:.5rem}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.demo-title{color:#fff;font-size:1rem;font-weight:600}.demo-content{max-height:400px;overflow:hidden}.demo-code{background:linear-gradient(180deg,#f7fafc,#edf2f7);color:#2d3748;font-family:Fira Mono,monospace;font-size:.85rem;line-height:1.5;margin:0;padding:1.5rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.features,.use-cases{background:var(--bg-secondary);padding:6rem 0}.use-cases{background:var(--bg-primary)}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-md);padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{align-items:center;color:var(--text-accent);display:flex;font-size:3rem;justify-content:center;margin-bottom:1.5rem}.feature-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:var(--text-secondary);line-height:1.6}.use-cases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.use-case{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:all .3s ease}.use-case:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.use-case-icon{align-items:center;color:var(--text-accent);display:flex;font-size:2.5rem;justify-content:center;margin-bottom:1rem}.use-case h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.use-case p{color:var(--text-secondary);line-height:1.5}.plans{background:var(--bg-secondary);padding:6rem 0}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px}.plan-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.plan-card--pro{border:2px solid #3b82f6;box-shadow:0 20px 40px #3b82f626}.plan-card--business{border:2px solid #0f766e;box-shadow:0 20px 40px #0f766e26}.plan-card--light{border:2px solid #8b5cf6;box-shadow:0 20px 40px #8b5cf61f}.plan-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;left:50%;padding:.25rem 1rem;position:absolute;top:-.875rem;transform:translateX(-50%);white-space:nowrap}.plan-card--light .plan-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.plan-card--business .plan-badge{background:linear-gradient(135deg,#0d9488,#0f766e)}.plan-name{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.plan-price{color:var(--text-accent);font-size:1.75rem;font-weight:800;margin:0 0 2rem}.plan-features{flex:1 1;list-style:none;margin:0 0 2rem;padding:0;text-align:left}.plan-features li{align-items:flex-start;color:var(--text-secondary);display:flex;gap:.5rem;line-height:1.5;margin-bottom:.75rem}.plan-features li svg{color:#3b82f6;flex-shrink:0;margin-top:.25rem}.plan-cta{width:100%}.plan-cta:disabled{cursor:not-allowed;opacity:.6;transform:none}.plan-cta:disabled:hover{box-shadow:0 4px 12px #00000026;transform:none}.plan-note{color:var(--text-secondary);font-size:.85rem;margin:1rem 0 0}.cta-section{background:linear-gradient(135deg,#1e293b,#334155);padding:6rem 0;position:relative;text-align:center}.cta-section:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.cta-content,.cta-content *,.cta-content button,.cta-content button *,.cta-title{color:#fff!important}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.cta-description{color:#fff!important;font-size:1.2rem;margin-bottom:2.5rem;opacity:1;text-shadow:0 1px 2px #0000004d}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:4rem 0 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.footer-brand h3{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.footer-brand p{color:var(--text-secondary)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{color:var(--text-secondary);margin-bottom:.5rem;transition:color .2s ease}.footer-section li:hover{color:var(--text-accent);cursor:pointer}.footer-bottom{border-top:1px solid var(--border-primary);padding-top:2rem;text-align:center}.footer-bottom p{color:var(--text-secondary);margin:0}.security-highlight{background:#000;overflow:hidden;padding:6rem 0;position:relative}.security-content{position:relative;text-align:center;z-index:1}.security-title{align-items:center;color:#fff!important;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1.5rem}.security-title-icon{color:#3b82f6!important;flex-shrink:0;font-size:3rem}.security-subtitle{color:#cbd5e1!important;font-size:1.2rem;font-weight:500;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px}.security-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.security-feature{background:#1e293b;border:1px solid #3b82f64d;border-radius:20px;padding:2.5rem 2rem;transition:all .3s ease}.security-feature:hover{background:#334155;border-color:#3b82f680;box-shadow:0 20px 40px #3b82f633;transform:translateY(-5px)}.security-feature-icon{color:#3b82f6;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:1.5rem}.security-feature h3{color:#fff!important;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.security-feature p{color:#e2e8f0!important;font-size:.95rem;line-height:1.6}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.demo-window{margin:0 auto;max-width:500px;transform:none}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.use-cases-grid{gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.landing-page{--landing-header-offset:3.5rem;overflow-x:hidden}.landing-nav{display:none}.landing-header-inner{flex-wrap:nowrap;gap:.5rem;padding:.55rem .85rem}.landing-logo{flex-shrink:0;font-size:1.1rem}.landing-header-actions{flex:1 1 auto;flex-wrap:nowrap;gap:.4rem;justify-content:flex-end;min-width:0}.landing-header-actions .language-toggle{flex-shrink:0;transform:scale(.92);transform-origin:right center}.landing-header-actions .lang-btn{font-size:11px;padding:3px 8px}.landing-header-actions .auth-control{flex-shrink:0}.landing-header-actions .auth-control__btn{font-size:.78rem;padding:.35rem .55rem}.landing-admin-btn{display:none}.hero{align-items:flex-start;min-height:0;overflow-x:hidden;padding:1.25rem 0 2rem}.hero-content{box-sizing:border-box;gap:0;grid-template-columns:1fr;padding:1rem 1.15rem 1.5rem;text-align:center}.hero-content,.hero-text{max-width:100%;width:100%}.hero-text{min-width:0}.hero-demo{display:none}.hero-title{font-size:clamp(1.55rem,7.2vw,2.1rem);line-height:1.25;margin-bottom:.85rem}.hero-description,.hero-title{overflow-wrap:anywhere;word-break:keep-all}.hero-description{font-size:.95rem;line-height:1.65;margin-bottom:1.35rem;padding:0 .15rem}.hero-buttons{align-items:stretch;flex-direction:column;gap:.65rem;justify-content:stretch;width:100%}.cta-button{box-sizing:border-box;font-size:.95rem;padding:.85rem 1.1rem;width:100%}.features,.plans,.use-cases{padding:3rem 0}.features .container,.plans .container,.security-highlight .container,.use-cases .container{padding-left:1.15rem;padding-right:1.15rem}.section-title{font-size:1.55rem;line-height:1.3;padding:0 .25rem}.features-grid,.plans-grid{gap:1rem;grid-template-columns:1fr}.security-features,.use-cases-grid{gap:.85rem;grid-template-columns:1fr}.security-title{flex-direction:column;font-size:1.55rem;gap:.5rem;line-height:1.3}.security-subtitle{font-size:.95rem}.security-feature{padding:1.35rem 1.15rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:0 1.15rem;text-align:center}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.landing-header-inner{padding:.5rem .7rem}.landing-logo{font-size:1rem}.container{padding:0 1rem}.hero-content{padding:.85rem .9rem 1.25rem}.hero-title{font-size:clamp(1.4rem,7.5vw,1.85rem)}.hero-description{font-size:.9rem}.cta-button{font-size:.92rem;padding:.8rem 1rem}.feature-card,.use-case{padding:1.25rem}.section-title{font-size:1.4rem}.footer-links{grid-template-columns:1fr}}.language-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;flex-shrink:0;gap:1px;padding:2px}.lang-btn{background:#0000;border:none;border-radius:16px;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .3s ease;white-space:nowrap}.lang-btn:hover{background:#fff3;color:#000}.lang-btn.active{background:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff}.dark .lang-btn{color:#e5e5e5}.dark .lang-btn:hover{background:#ffffff26;color:#fff}.dark .lang-btn.active{background:#007bff;color:#fff}.auth-control{align-items:center;display:flex;flex-shrink:0;gap:.35rem;position:relative}.auth-control__btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.25rem;padding:.3rem .55rem;transition:all .2s ease;white-space:nowrap}.auth-control__btn:hover{background:var(--text-accent);border-color:var(--text-accent);color:#fff}.auth-control__trigger{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:.35rem;padding:.25rem .45rem .25rem .5rem;transition:border-color .15s ease,background .15s ease,color .15s ease}.auth-control--menu.is-open .auth-control__trigger,.auth-control__trigger:hover{background:var(--bg-tertiary);border-color:var(--text-accent);color:var(--text-primary)}.auth-control__plan{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;color:var(--text-secondary);font-size:.68rem;font-weight:700;letter-spacing:.02em;line-height:1.2;padding:.12rem .4rem;pointer-events:none;text-transform:uppercase}.auth-control__plan--paid{background:linear-gradient(135deg,#7c3aed22,#2563eb22);border-color:var(--text-accent);color:var(--text-accent)}.auth-control__chevron{font-size:.85rem;opacity:.7;pointer-events:none;transition:transform .15s ease}.auth-control--menu.is-open .auth-control__chevron{transform:rotate(180deg)}.auth-control__dropdown{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:10px;box-shadow:0 10px 15px -3px #0000001f,0 4px 6px -4px #0000001a;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-direction:column;gap:.15rem;overflow-x:hidden;overflow-y:auto;padding:.35rem;z-index:10500}.auth-control__email-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:.78rem;margin-bottom:.15rem;overflow:hidden;padding:.45rem .6rem .5rem;text-overflow:ellipsis;white-space:nowrap}.auth-control__item{align-items:center;background:#0000;border:none;border-radius:7px;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.45rem;padding:.5rem .6rem;text-align:left;transition:background .12s ease;width:100%}.auth-control__item:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9)}.auth-control__item:disabled{cursor:not-allowed;opacity:.5}.auth-control__item--accent{color:#2563eb;color:var(--text-accent,#2563eb)}.auth-control__item--danger{color:#dc2626}.dark .auth-control__dropdown .auth-control__item--danger,.dark .auth-control__item--danger{color:#fca5a5}.security-warning-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.security-warning-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.security-warning-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:2rem 2rem 1rem}.security-icon{color:#f59e0b;font-size:2rem}.security-warning-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.security-warning-content{padding:2rem}.warning-section{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.dark .warning-section{background:#451a03;border-left-color:#f59e0b}.warning-section h3{align-items:center;color:#92400e;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.dark .warning-section h3{color:#fbbf24}.warning-icon{color:#f59e0b}.warning-section ul{color:#92400e;margin:0;padding-left:1.5rem}.dark .warning-section ul{color:#fde68a}.warning-section li{line-height:1.5;margin-bottom:.5rem}.security-measures{background:#ecfdf5;border-left:4px solid #10b981;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.dark .security-measures{background:#064e3b}.security-measures h3{align-items:center;color:#065f46;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.dark .security-measures h3{color:#34d399}.shield-icon{color:#10b981}.security-measures ul{color:#065f46;list-style:none;margin:0;padding:0}.dark .security-measures ul{color:#a7f3d0}.security-measures li{align-items:center;display:flex;gap:.5rem;line-height:1.5;margin-bottom:.5rem}.check-icon{color:#10b981;flex-shrink:0;font-size:1rem}.responsibility-notice{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.responsibility-notice p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.responsibility-notice strong{color:var(--text-primary)}.checkbox-container{margin-bottom:2rem}.checkbox-container label{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;line-height:1.5}.checkbox-container input[type=checkbox]{flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.security-warning-actions{display:flex;gap:1rem;justify-content:flex-end}.accept-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.accept-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.accept-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.dismiss-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.dismiss-button:hover{background:var(--bg-primary);color:var(--text-primary);transform:translateY(-1px)}@media (max-width:768px){.security-warning-overlay{padding:.5rem}.security-warning-modal{max-height:95vh}.security-warning-header{padding:1.5rem 1.5rem 1rem}.security-warning-header h2{font-size:1.25rem}.security-warning-content{padding:1.5rem}.responsibility-notice,.security-measures,.warning-section{padding:1rem}.security-warning-actions{flex-direction:column}.accept-button,.dismiss-button{justify-content:center;width:100%}}.ai-edit-panel{background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:10px;overflow:hidden}.ai-edit-panel--preview{flex-shrink:0;margin:0 0 .85rem;max-width:640px;width:100%}.ai-edit-panel--locked{padding:.55rem .85rem}.ai-edit-panel__locked-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.ai-edit-panel__badge{background:linear-gradient(135deg,#7c3aed33,#2563eb33);border:1px solid var(--border-secondary);border-radius:999px;color:var(--text-accent);font-size:.7rem;font-weight:700;letter-spacing:.02em;margin-left:auto;padding:.15rem .45rem;text-transform:uppercase}.ai-edit-panel__login{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.35rem;margin-left:auto;padding:.3rem .7rem}.ai-edit-panel__locked-note{color:var(--text-secondary);font-size:.78rem;line-height:1.4;margin:0;padding:0 .85rem .6rem}.ai-edit-panel__toggle{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.55rem .85rem;width:100%}.ai-edit-panel__toggle:hover{background:#2563eb14}.ai-edit-panel__toggle-label{align-items:center;display:inline-flex;gap:.4rem}.ai-edit-panel__body{display:flex;flex-direction:column;gap:.4rem;padding:0 .85rem .75rem}.ai-edit-panel__skill-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.ai-edit-panel__skill-row .ai-edit-panel__label{margin:0}.ai-edit-panel__skill-select{appearance:none;-webkit-appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;border:1.5px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.82rem;font-weight:500;max-width:14rem;min-width:8rem;padding:.35rem 1.6rem .35rem .55rem}.ai-edit-panel__skill-select:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb2e;outline:none}.ai-edit-panel__skill-select:disabled{cursor:not-allowed;opacity:.65}.ai-edit-panel__label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.ai-edit-panel__row{align-items:stretch;display:flex;gap:.55rem}.ai-edit-panel__input{background:var(--bg-secondary);border:1.5px solid var(--border-secondary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;max-height:7rem;min-height:2.6rem;min-width:0;padding:.55rem .7rem;resize:vertical}.ai-edit-panel__input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb2e;outline:none}.ai-edit-panel__input:disabled{cursor:not-allowed;opacity:.65}.ai-edit-panel__submit{align-items:center;align-self:stretch;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.88rem;font-weight:600;gap:.35rem;justify-content:center;min-width:7.5rem;padding:.45rem .85rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.ai-edit-panel__submit:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-edit-panel__submit:disabled{cursor:not-allowed;opacity:.45;transform:none}.ai-edit-panel__error{background:var(--error-bg);border-radius:6px;color:var(--error-text);font-size:.82rem;margin:0;padding:.4rem .55rem}.ai-edit-panel__hint{line-height:1.35}.ai-edit-panel__hint,.ai-edit-panel__quota{color:var(--text-secondary);font-size:.75rem;margin:0}.ai-edit-panel__quota{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;line-height:1.4}.ai-edit-panel__quota--out{color:#dc2626;font-weight:600}.ai-edit-panel__quota-note{color:var(--text-secondary);font-size:.7rem;font-weight:500;line-height:1.35;margin:.35rem 0 0}.ai-edit-panel__upgrade{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:.72rem;font-weight:700;gap:.25rem;margin-left:.25rem;padding:.2rem .55rem}.ai-edit-panel__spin{animation:ai-edit-spin .8s linear infinite}@keyframes ai-edit-spin{to{transform:rotate(1turn)}}.ai-edit-panel--loading .ai-edit-panel__input{opacity:.8}@media (max-width:640px){.ai-edit-panel__row{flex-direction:column}.ai-edit-panel__submit{align-self:stretch;min-height:2.5rem}.ai-edit-panel--preview{margin-bottom:.4rem}.ai-edit-panel__locked-note{display:none}.ai-edit-panel--locked{padding:.35rem .55rem}.ai-edit-panel__locked-row{font-size:.8rem}.ai-edit-panel__login{font-size:.72rem;padding:.25rem .55rem;white-space:nowrap}}.admin-panel{background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,Arial,sans-serif;min-height:100vh}.admin-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1100px;padding:.85rem 2rem}.admin-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:800;gap:.5rem;margin:0}.admin-back{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.5rem .9rem;transition:all .2s ease}.admin-back:hover{border-color:var(--text-accent);color:var(--text-accent)}.admin-body{margin:0 auto;max-width:1100px;padding:2rem}.admin-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin:0 0 1.5rem;padding:.75rem 1rem}.admin-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.admin-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.admin-stats{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-stat{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem}.admin-stat--full{grid-column:1/-1}.admin-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.admin-stat-value{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:800;gap:.5rem}.admin-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:.35rem .5rem;width:120px}.admin-btn{background:var(--text-accent);border:1px solid var(--text-accent);border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .85rem;transition:opacity .2s ease}.admin-btn:hover:not(:disabled){opacity:.85}.admin-btn:disabled{cursor:not-allowed;opacity:.5}.admin-btn--small{background:var(--bg-primary);color:var(--text-accent);font-size:.78rem;padding:.3rem .6rem}.admin-refresh{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;margin-left:auto;width:30px}.admin-refresh:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent)}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.88rem;width:100%}.admin-table th{color:var(--text-secondary);font-size:.78rem;font-weight:700;text-align:left;white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-primary);padding:.6rem .75rem}.admin-table td{color:var(--text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-email{align-items:center;display:flex;font-weight:600;gap:.5rem;white-space:nowrap}.admin-tag{background:linear-gradient(135deg,#7c3aed33,#2563eb33);border:1px solid var(--border-secondary);border-radius:999px;color:var(--text-accent);font-size:.65rem;font-weight:700;padding:.1rem .4rem;text-transform:uppercase}.admin-muted{color:var(--text-secondary);white-space:nowrap}.admin-select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.3rem .45rem}.admin-empty{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:768px){.admin-body,.admin-header-inner{padding-left:1rem;padding-right:1rem}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-accent:#2563eb;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--console-bg:#f8fafc;--console-border:#e2e8f0;--error-bg:#fef2f2;--error-text:#dc2626;--warning-bg:#fefce8;--warning-text:#ca8a04;--success-bg:#f0fdf4;--success-text:#16a34a}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-accent:#3b82f6;--border-primary:#334155;--border-secondary:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--console-bg:#1e293b;--console-border:#334155;--error-bg:#7f1d1d;--error-text:#fca5a5;--warning-bg:#78350f;--warning-text:#fcd34d;--success-bg:#14532d;--success-text:#86efac}body{background:#f8fafc;background:var(--bg-primary);font-family:Inter,Arial,sans-serif}.app.preview-fullscreen{background:#fff;height:100%;inset:0;min-height:100%;overflow:hidden;position:fixed;width:100%;z-index:9000}.app.preview-fullscreen.dark{background:#0f172a}.app.preview-fullscreen>.container{background:#0000;border-radius:0;box-shadow:none;height:100%;margin:0;max-height:100%;max-width:100%;min-height:100%;min-width:0;overflow:hidden;padding:0;width:100%}.app.preview-fullscreen .header{display:none!important}.app.preview-fullscreen .split-container{flex:1 1;gap:0;height:100%;min-height:0}.app.preview-fullscreen .preview-pane{flex:1 1 auto!important;height:100%!important;max-height:none!important;width:100%!important}.app.preview-fullscreen .ai-edit-panel,.app.preview-fullscreen .console-panel,.app.preview-fullscreen .preview-header{display:none!important}.app.preview-fullscreen .preview-stage{flex:1 1 auto;gap:0;height:100%;min-height:0;overflow:hidden}.app.preview-fullscreen .preview-frame,.app.preview-fullscreen .preview-frame.preview-frame--fill{background:#fff;border:none;border-radius:0;box-shadow:none;flex:1 1 auto;height:100%;max-width:none;min-height:0;width:100%}.app.preview-fullscreen .preview-iframe,.app.preview-fullscreen .preview-scroll-host{height:100%;min-height:0;width:100%}.app.preview-fullscreen .markdown-content,.app.preview-fullscreen .markdown-preview{border-radius:0;height:100%;overflow:auto;width:100%}.preview-fullscreen-exit{align-items:center;background:#ffffffeb;border:1px solid #0f172a1f;border-radius:999px;box-shadow:0 4px 16px #0f172a2e;color:#0f172a;cursor:pointer;display:flex;height:2.5rem;justify-content:center;opacity:.35;position:fixed;right:.75rem;top:.75rem;transition:opacity .15s ease,transform .15s ease,background .15s ease;width:2.5rem;z-index:9100}.preview-fullscreen-exit:focus-visible,.preview-fullscreen-exit:hover{background:#fff;opacity:1;outline:none;transform:scale(1.05)}.app.preview-fullscreen.dark .preview-fullscreen-exit{background:#1e293beb;border-color:#f1f5f91f;color:#f1f5f9}.app.preview-fullscreen.dark .preview-fullscreen-exit:focus-visible,.app.preview-fullscreen.dark .preview-fullscreen-exit:hover{background:#1e293b}.app>.container{background:#fff;background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);box-sizing:border-box;flex-direction:column;margin:.35rem auto;max-height:calc(100vh - .7rem);max-width:none;min-height:calc(100vh - .7rem);padding:.55rem .85rem .65rem;transition:box-shadow .3s ease,background .3s ease;width:calc(100vw - .75rem)}.app,.app>.container{display:flex;flex:1 1;overflow:hidden}.app{flex-direction:column;min-height:100vh}.header{display:flex;flex-wrap:nowrap;gap:.65rem .75rem;justify-content:flex-start;margin-bottom:.5rem;max-width:100%;min-width:0;overflow:visible;position:relative;width:100%;z-index:20}.header,.mobile-tools-toggle{align-items:center;flex-shrink:0}.mobile-tools-toggle{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:none;font-size:1.15rem;height:2rem;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:2rem}.mobile-tools-toggle.active,.mobile-tools-toggle:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);color:#fff}.layout-btn-icon{display:none;flex-shrink:0;font-size:.95rem}.title{flex-shrink:0;min-width:0}.title-link{background:none;border:none;border-radius:6px;cursor:pointer;display:block;font:inherit;margin:0;padding:0;text-align:left}.title-link:hover h1{color:#2563eb;color:var(--text-accent)}.title-link:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--text-accent);outline-offset:2px}.title h1{color:#1e293b;font-size:1.25rem;font-weight:800;line-height:1.2;margin:0;transition:color .15s ease}.dark .title h1{color:#f1f5f9}.title p{display:none}.controls{align-items:center;display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:.4rem .55rem;max-width:100%;min-width:0;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}.header-end{margin-left:auto;overflow:visible}.header-end,.template-selector{align-items:center;display:flex;flex-shrink:0}.template-selector{gap:.35rem}.template-selector label{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:500;white-space:nowrap}.template-selector select{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.8rem;padding:.3rem .5rem}.mode-toggles{display:flex;flex-shrink:0;gap:.3rem}.mode-btn{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;line-height:1;padding:.3rem;transition:all .2s ease}.mode-btn.active,.mode-btn:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.layout-toggle{display:flex;flex-shrink:0;gap:.3rem}.layout-btn{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:500;gap:.3rem;justify-content:center;padding:.3rem .65rem;transition:all .2s ease;white-space:nowrap}.layout-btn.active,.layout-btn:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.split-container{box-sizing:border-box;display:flex;max-width:100%;min-height:0;min-width:0;width:100%}.split-container.vertical{grid-gap:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,45fr) auto minmax(200px,55fr);grid-template-rows:minmax(120px,var(--split-editor-fr,45fr)) auto minmax(200px,var(--split-preview-fr,55fr))}.split-container.horizontal,.split-container.vertical{align-items:stretch;flex:1 1;gap:0;height:0;min-height:0;overflow:hidden}.split-container.horizontal{flex-direction:row}.split-container.editor-hidden{display:flex;flex-direction:column;gap:0;grid-template-columns:none;grid-template-rows:none}.editor-pane{display:flex;flex-direction:column;max-height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;z-index:1}.split-container.horizontal .editor-pane{align-self:stretch;flex:45 1 0%;flex:var(--split-editor,45) 1 0%;max-height:none;max-width:100%}.split-container.vertical .editor-pane{flex:none;height:auto;max-height:none;min-height:0;overflow:hidden}.split-container.editor-hidden .preview-pane{flex:1 1 auto;max-width:100%;width:100%}.split-divider{align-self:stretch;background:#0000;border-radius:6px;cursor:col-resize;flex:0 0 10px;flex-shrink:0;margin:0 .35rem;position:relative;touch-action:none;z-index:3}.split-divider:before{background:#e2e8f0;background:var(--border-primary);border-radius:6px;content:"";inset:0;opacity:.35;position:absolute;transition:opacity .15s ease,background .15s ease}.split-divider:after{background:#64748b;background:var(--text-secondary);border-radius:2px;content:"";height:36px;left:50%;opacity:.55;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .15s ease,opacity .15s ease;width:3px}.split-divider:focus-visible:before,.split-divider:hover:before,body.split-resizing .split-divider:before{background:#2563eb;background:var(--text-accent);opacity:.85}.split-divider:focus-visible:after,.split-divider:hover:after,body.split-resizing .split-divider:after{background:#fff;opacity:1}.split-divider:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--text-accent);outline-offset:1px}.split-container.vertical .split-divider{align-self:stretch;cursor:row-resize;flex:none;height:10px;margin:.35rem 0;width:auto}.split-container.vertical .split-divider:after{height:3px;width:36px}body.split-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.split-resizing-row,body.split-resizing:has(.split-container.vertical){cursor:row-resize}.code-editor-container{display:block;flex:1 1;height:0;min-height:0;min-width:0;overflow:auto}.code-editor-container .w-tc-editor{border:1.5px solid #cbd5e1!important;border:1.5px solid var(--border-secondary)!important;border-radius:10px!important;box-sizing:border-box!important;height:auto!important;max-width:100%;min-height:100%!important}.dark .code-editor-container .w-tc-editor{border-color:#404040!important}.editor-header{align-items:center;background:#fff;background:var(--bg-secondary);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.35rem;justify-content:space-between;margin-bottom:.4rem;max-width:100%;padding:0;position:relative;z-index:2}.split-container.horizontal .editor-header{align-items:stretch;flex-direction:column}.editor-header h2{color:#1e293b;color:var(--text-primary);flex-shrink:0;font-size:.95rem;font-weight:700;margin:0;white-space:nowrap}.editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;max-width:100%;min-width:0}.split-container.horizontal .editor-actions{justify-content:flex-start}.split-container.vertical .editor-actions{flex:1 1 auto;justify-content:flex-end}.run-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;padding:.35rem .75rem;transition:all .2s ease;white-space:nowrap}.run-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.clear-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;margin-left:.35rem;padding:.35rem .65rem;transition:all .2s ease;white-space:nowrap}.clear-btn:hover{background:#dc2626;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.redo-btn,.undo-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1.5px solid #cbd5e1;border:1.5px solid var(--border-secondary);border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:.35rem .5rem;transition:all .2s ease}.redo-btn:hover:not(:disabled),.undo-btn:hover:not(:disabled){background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.redo-btn:disabled,.undo-btn:disabled{cursor:not-allowed;opacity:.35}.import-btn{align-items:center;background:#0891b2;border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;padding:.35rem .65rem;transition:all .2s ease;white-space:nowrap}.import-btn:hover{background:#0e7490;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.sample-btn{align-items:center;background:#7c3aed;border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;padding:.35rem .65rem;transition:all .2s ease;white-space:nowrap}.template-selector .sample-btn{font-size:.8rem;margin-left:.15rem;padding:.3rem .5rem}.sample-btn:hover:not(:disabled){background:#6d28d9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.sample-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.download-btn{align-items:center;background:#059669;border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;padding:.35rem .65rem;transition:all .2s ease;white-space:nowrap}.download-btn:hover{background:#047857;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.download-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.preview-pane{display:flex;flex:55 1 0%;flex:var(--split-preview,55) 1 0%;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative;z-index:2}.split-container.horizontal .preview-pane{flex:55 1 0%;flex:var(--split-preview,55) 1 0%;max-height:none;min-width:0}.split-container.vertical .preview-pane{align-self:stretch;flex:none;max-height:none;min-height:0;overflow:hidden;width:100%}.preview-stage{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;min-width:0;overflow:hidden}.preview-stage:has(.preview-frame:not(.preview-frame--fill)){overflow:auto}.preview-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:.4rem}.preview-header h2{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0}.preview-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.device-presets{gap:.5rem}.device-presets,.paper-presets{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;display:flex;padding:.25rem .5rem}.paper-presets{gap:.35rem}.paper-select{max-width:140px}.device-select{appearance:none;-webkit-appearance:none;background:#f1f5f9;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;max-width:160px;padding:.3rem 1.6rem .3rem .5rem}.device-select:focus,.device-select:hover{border-color:#2563eb;border-color:var(--text-accent);outline:none}.preview-size-label{align-items:center;color:#64748b;color:var(--text-secondary);display:inline-flex;gap:.2rem;white-space:nowrap}.preview-size-label,.size-input{font-feature-settings:"tnum";font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600}.size-input{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:4px;color:#1e293b;color:var(--text-primary);padding:.15rem .3rem;text-align:center;width:3.2rem}.size-input:focus,.size-input:hover{border-color:#2563eb;border-color:var(--text-accent);outline:none}.size-input::-webkit-inner-spin-button,.size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.preview-icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.4rem;transition:all .2s ease}.preview-icon-btn:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);color:#2563eb;color:var(--text-accent)}.preview-icon-btn:disabled{cursor:not-allowed;opacity:.3}.console-toggle{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.3rem;justify-content:center;line-height:1;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.console-toggle-badge{background:#ef4444;border-radius:999px;color:#fff;display:none;font-size:.65rem;font-weight:700;height:1.1rem;line-height:1.1rem;min-width:1.1rem;padding:0 .25rem;text-align:center}.console-toggle.active,.console-toggle:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);color:#fff}.console-toggle.active .console-toggle-badge{background:#fff;color:#2563eb;color:var(--text-accent)}.preview-frame{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);box-sizing:border-box;flex-shrink:0;overflow:hidden}.preview-frame.preview-frame--fill{align-self:stretch;display:flex;flex:1 1;flex-direction:column;height:auto;max-width:100%;min-height:160px;width:100%}.preview-frame.preview-frame--fill>*{flex:1 1;height:100%;min-height:0;width:100%}.preview-iframe{background:#fff;border:none;display:block;height:100%;min-height:0;width:100%}.preview-scroll-host{height:100%;min-height:0;overflow:hidden;width:100%}.preview-scroll-host.markdown-preview{overflow:auto}.console-panel{background:#f8fafc;background:var(--console-bg);border:1px solid #e2e8f0;border:1px solid var(--console-border);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;margin-top:0;max-height:220px;overflow:hidden;width:100%}.console-header{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--console-border);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.panel-tabs{display:flex;flex-wrap:wrap;gap:.25rem}.panel-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.35rem .75rem;transition:all .15s ease}.panel-tab:hover{background:#f8fafc;background:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.panel-clear-btn,.panel-tab.active{background:#2563eb;background:var(--text-accent);color:#fff}.panel-clear-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;padding:.3rem .75rem;transition:all .2s ease}.panel-clear-btn:hover{opacity:.85}.console-empty{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.network-toggle,.settings-toggle{padding:.5rem .75rem}.network-toggle:hover,.settings-toggle:hover{border-color:#2563eb;border-color:var(--text-accent)}.console-content{flex:1 1;max-height:240px;overflow-y:auto}.console-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--console-border);display:flex;font-family:Fira Mono,monospace;font-size:.85rem;gap:1rem;padding:.5rem 1rem}.console-item:last-child{border-bottom:none}.console-item.error{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.console-item.log{background:#f8fafc;background:var(--console-bg)}.console-item .timestamp{color:#64748b;color:var(--text-secondary);font-size:.75rem;min-width:80px;opacity:.7}.console-item .method{font-size:.75rem;font-weight:600;min-width:60px;text-transform:uppercase}.console-item .message{flex:1 1;word-break:break-word}@media (max-width:1024px){.split-container.horizontal{grid-gap:0;display:grid;flex:1 1;flex-direction:row;gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,45fr) auto minmax(200px,55fr);grid-template-rows:minmax(120px,var(--split-editor-fr,45fr)) auto minmax(200px,var(--split-preview-fr,55fr));height:0;min-height:0;overflow:hidden}.split-container.horizontal .editor-pane{flex:none;max-width:100%;min-height:0;overflow:hidden;width:100%}.split-container.horizontal .split-divider{cursor:row-resize;display:block;flex:none;height:10px;margin:.35rem 0;width:auto}.split-container.horizontal .split-divider:after{height:3px;width:36px}.split-container.horizontal .preview-pane{flex:none;min-height:0;overflow:auto}.split-container.horizontal.editor-hidden{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none}.header{flex-wrap:nowrap;gap:.4rem .75rem}.controls{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.header-end{margin-left:auto}}@media (max-width:768px){.app>.container{border-radius:0;margin:0;max-height:100vh;max-width:100%;min-height:100vh;min-width:0;padding:.4rem .55rem .55rem;width:100%}.header{flex-wrap:nowrap;gap:.35rem;margin-bottom:.35rem;min-height:2.25rem}.title h1{font-size:1rem}.mobile-tools-toggle{display:inline-flex;margin-left:auto}.controls{align-items:stretch;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:none;flex:none;flex-direction:column;flex-wrap:nowrap;gap:.5rem;left:0;max-height:min(70vh,28rem);overflow:visible;overflow-y:auto;padding:.65rem;position:absolute;right:0;top:calc(100% + .25rem);z-index:30}.controls.is-open{display:flex}.controls .language-toggle,.controls .layout-toggle,.controls .mode-toggles,.controls .template-selector{flex-wrap:wrap;justify-content:flex-start;width:100%}.controls .template-selector{align-items:stretch;flex-direction:column;gap:.35rem}.controls .template-selector select{max-width:none;width:100%}.controls .sample-btn{justify-content:center;width:100%}.controls .layout-toggle{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:1fr 1fr}.controls .layout-btn{justify-content:center;padding:.45rem .5rem;width:100%}.layout-btn-icon{display:inline-block}.header-end{margin-left:0}.editor-header h2,.preview-header h2{display:none}.editor-header,.preview-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.25rem;margin-bottom:.3rem}.preview-controls{-webkit-overflow-scrolling:touch;align-items:center;flex-wrap:nowrap;gap:.3rem;overflow-x:auto;scrollbar-width:none;width:100%}.preview-controls::-webkit-scrollbar{display:none}.device-presets,.paper-presets{flex-shrink:0;gap:.25rem;min-height:2rem;padding:.1rem .3rem}.preview-size-label{display:none}.device-select,.paper-select{background:#0000;border:none;font-size:.72rem;max-width:6.5rem;padding:.15rem 0}.console-toggle{border-radius:8px;min-height:2rem;min-width:2rem;padding:.35rem;position:relative}.console-toggle .btn-label{display:none}.console-toggle-badge{display:inline-block;font-size:.58rem;height:.9rem;line-height:.9rem;min-width:.9rem;padding:0 .18rem;position:absolute;right:-.2rem;top:-.2rem}.preview-icon-btn{height:2rem;padding:0;width:2rem}.ai-edit-panel--preview{margin:0 0 .4rem;max-width:none}.ai-edit-panel--locked{padding:.35rem .55rem}.ai-edit-panel__locked-row{font-size:.8rem;gap:.35rem}.ai-edit-panel__locked-note{display:none}.ai-edit-panel__login{font-size:.72rem;padding:.25rem .55rem}.ai-edit-panel__toggle{font-size:.8rem;padding:.4rem .65rem}.editor-actions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.25rem;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;width:100%}.editor-actions::-webkit-scrollbar{display:none}.editor-actions .btn-label{display:none}.controls .sample-btn .btn-label{display:inline}.clear-btn,.download-btn,.import-btn,.run-btn,.sample-btn{justify-content:center;margin-left:0;min-width:2rem;padding:.35rem .5rem}.redo-btn,.undo-btn{padding:.35rem .45rem}.split-container{gap:.35rem}.split-container.vertical{grid-template-rows:minmax(90px,38fr) auto minmax(180px,62fr);grid-template-rows:minmax(90px,var(--split-editor-fr,38fr)) auto minmax(180px,var(--split-preview-fr,62fr))}.empty-preview-content h3{font-size:.95rem;margin:0 0 .35rem}.empty-preview-content p{font-size:.8rem;margin:0}.empty-preview{padding:.75rem}}@media (max-width:480px){.title h1{font-size:.95rem}.app>.container{padding:.3rem .4rem .45rem}.header{margin-bottom:.25rem}.preview-iframe{min-height:160px}.console-panel{max-height:160px}}.markdown-preview{background:#fff;border:1.5px solid #c2d1e7;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:auto;padding:20px;width:100%}.dark .markdown-preview{background:#1e1e1e;border-color:#404040;color:#e4e4e4}.markdown-content{line-height:1.6;max-width:none}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:600;margin-bottom:.5em;margin-top:1.5em}.markdown-content h1{border-bottom:2px solid #eee;font-size:2em;padding-bottom:.3em}.dark .markdown-content h1{border-bottom-color:#444}.markdown-content h2{border-bottom:1px solid #eee;font-size:1.5em;padding-bottom:.3em}.dark .markdown-content h2{border-bottom-color:#444}.markdown-content p{margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:.25em}.markdown-content blockquote{border-left:4px solid #ddd;color:#666;margin:1em 0;padding:0 1em}.dark .markdown-content blockquote{border-left-color:#555;color:#aaa}.markdown-content code{background:#f4f4f4;border-radius:3px;font-family:Fira Mono,Monaco,Cascadia Code,Segoe UI Mono,monospace;font-size:.9em;padding:.2em .4em}.dark .markdown-content code{background:#2d2d2d;color:#f8f8f2}.markdown-content pre{background:#f8f8f8;border-radius:5px;margin:1em 0;overflow-x:auto;padding:1em}.dark .markdown-content pre{background:#2d2d2d}.markdown-content pre code{background:none;padding:0}.markdown-content a{color:#007bff;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.dark .markdown-content a{color:#4dabf7}.markdown-content hr{border:none;border-top:2px solid #eee;margin:2em 0}.dark .markdown-content hr{border-top-color:#444}.markdown-content table{border-collapse:collapse;margin:1em 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid #ddd;padding:.5em;text-align:left}.dark .markdown-content td,.dark .markdown-content th{border-color:#555}.markdown-content th{background:#f8f8f8;font-weight:600}.dark .markdown-content th{background:#2d2d2d}.empty-preview{align-items:center;background:#fff;border:1.5px solid #c2d1e7;border-radius:10px;display:flex;height:100%;justify-content:center;width:100%}.dark .empty-preview{background:#1e1e1e;border-color:#404040}.empty-preview-content{color:#666;max-width:300px;text-align:center}.dark .empty-preview-content{color:#aaa}.empty-preview-content h3{font-size:1.2em;font-weight:600;margin-bottom:10px}.empty-preview-content p{font-size:.9em;line-height:1.4;margin:0}.nlog-content{display:flex;flex-direction:column}.nlog-empty{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.nlog-row{grid-gap:.5rem;align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--console-border);display:grid;font-family:Fira Mono,monospace;font-size:.8rem;gap:.5rem;grid-template-columns:72px 44px 64px 1fr auto auto;padding:.35rem .75rem}.nlog-row:last-child{border-bottom:none}.nlog-ts{color:#64748b;color:var(--text-secondary);font-size:.72rem;opacity:.7}.nlog-dir{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-align:center}.nlog-row.nlog-outbound .nlog-dir{color:#b45309}.nlog-row.nlog-inbound .nlog-dir{color:#047857}.nlog-method{font-size:.72rem;font-weight:600;text-transform:uppercase}.nlog-url{cursor:help;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.nlog-status{border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.1rem .5rem;text-transform:uppercase}.nlog-status-allowed{background:#f0fdf4;background:var(--success-bg);color:#16a34a;color:var(--success-text)}.nlog-status-blocked{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.nlog-status-pending{background:#fefce8;background:var(--warning-bg);color:#ca8a04;color:var(--warning-text)}.nlog-badges{display:inline-flex;gap:.2rem}.nlog-badge{align-items:center;border-radius:4px;cursor:help;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 .25rem}.nlog-badge-sensitive{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.dark .nlog-badge-sensitive{background:#7c2d12;border-color:#9a3412;color:#fdba74}.nlog-badge-entropy{background:#fef9c3;border:1px solid #fde68a;color:#92400e}.dark .nlog-badge-entropy{background:#713f12;border-color:#a16207;color:#fde047}.nlog-badge-csp{background:#f3e8ff;border:1px solid #e9d5ff;color:#7e22ce;font-size:.65rem}.dark .nlog-badge-csp{background:#4a044e;border-color:#86198f;color:#e9d5ff}.nlog-row.nlog-blocked{background:#dc26260f}.dark .nlog-row.nlog-blocked{background:#dc26261f}.nlog-row.nlog-pending{background:#eab30812}.dark .nlog-row.nlog-pending{background:#eab3081f}@media (max-width:768px){.nlog-row{font-size:.72rem;grid-template-columns:60px 40px 56px 1fr auto}.nlog-badges{grid-column:2/-1;justify-content:flex-end}}.ncm-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.ncm-modal{background:#fff;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:14px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);font-family:Inter,Arial,sans-serif;max-width:520px;padding:1.5rem 1.75rem 1.25rem;position:relative;width:100%}.ncm-close{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.3rem;position:absolute;right:.6rem;top:.6rem}.ncm-close:hover{background:#f1f5f9;background:var(--bg-tertiary)}.ncm-close:hover,.ncm-title{color:#1e293b;color:var(--text-primary)}.ncm-title{font-size:1.05rem;margin:0 0 .25rem}.ncm-subtitle{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.ncm-fields{gap:.6rem;margin:0 0 1.1rem}.ncm-field,.ncm-fields{display:flex;flex-direction:column}.ncm-field{gap:.2rem}.ncm-field dt{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ncm-field dd{color:#1e293b;color:var(--text-primary);font-family:Fira Mono,monospace;font-size:.85rem;margin:0;word-break:break-all}.ncm-method{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;padding:.1rem .5rem}.ncm-url{font-size:.82rem}.ncm-body,.ncm-url{word-break:break-all}.ncm-body{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;font-family:Fira Mono,monospace;font-size:.75rem;margin:0;max-height:140px;overflow:auto;padding:.6rem;white-space:pre-wrap}.ncm-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.ncm-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .15s ease}.ncm-once{background:#0891b2;color:#fff}.ncm-once:hover{background:#0e7490}.ncm-always{background:#16a34a;color:#fff}.ncm-always:hover{background:#15803d}.ncm-deny{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.ncm-deny:hover{background:#fecaca;color:#991b1b}.dark .ncm-deny:hover{background:#b91c1c;color:#fee2e2}.wls-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.wls-modal{background:#fff;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:14px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-height:80vh;max-width:560px;overflow:auto;padding:1.5rem 1.75rem 1.25rem;position:relative;width:100%}.wls-close{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.3rem;position:absolute;right:.6rem;top:.6rem}.wls-close:hover{background:#f1f5f9;background:var(--bg-tertiary)}.wls-close:hover,.wls-title{color:#1e293b;color:var(--text-primary)}.wls-title{font-size:1.05rem;margin:0 0 .25rem}.wls-subtitle{color:#64748b;color:var(--text-secondary);font-size:.85rem;margin:0 0 1rem}.wls-add-row{display:flex;gap:.5rem;margin-bottom:1rem}.wls-add-row input{background:#f8fafc;background:var(--bg-primary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:8px;color:#1e293b;color:var(--text-primary);flex:1 1;font-family:Fira Mono,monospace;font-size:.85rem;padding:.5rem .75rem}.wls-add-btn{align-items:center;background:#2563eb;background:var(--text-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem .85rem}.wls-add-btn:hover{opacity:.9}.wls-list{display:flex;flex-direction:column;gap:.4rem}.wls-empty{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.wls-row{grid-gap:.6rem;align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;display:grid;gap:.6rem;grid-template-columns:1fr auto auto auto;padding:.45rem .6rem}.wls-domain{color:#1e293b;color:var(--text-primary);font-family:Fira Mono,monospace;font-size:.85rem;word-break:break-all}.wls-check{align-items:center;color:#64748b;color:var(--text-secondary);display:inline-flex;font-size:.75rem;gap:.25rem}.wls-check,.wls-check input,.wls-remove{cursor:pointer}.wls-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#dc2626;color:var(--error-text);display:inline-flex;padding:.3rem}.wls-remove:hover{background:#fef2f2;background:var(--error-bg)}@media (max-width:600px){.wls-row{grid-template-columns:1fr 1fr}.ncm-actions{justify-content:stretch}.ncm-btn{flex:1 1}}.auth-modal__overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:11000}.auth-modal__dialog{background:var(--bg-secondary);border-radius:14px;box-shadow:var(--shadow-lg);max-width:400px;padding:1.5rem;position:relative;width:100%}.auth-modal__close{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.3rem;position:absolute;right:.6rem;top:.6rem}.auth-modal__close:hover{background:var(--bg-tertiary)}.auth-modal__title{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 .75rem}.auth-modal__message{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.auth-modal__form{display:flex;flex-direction:column;gap:.75rem}.auth-modal__input{background:var(--bg-primary);border:1.5px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.6rem .75rem;width:100%}.auth-modal__input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb2e;outline:none}.auth-modal__error{color:var(--error-text);font-size:.82rem;margin:0}.auth-modal__submit{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;padding:.6rem 1rem}.auth-modal__submit:disabled{cursor:not-allowed;opacity:.6}.plan-modal__overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:11000}.plan-modal__dialog{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 24px 64px #0f172a47;color:#0f172a;color:var(--text-primary,#0f172a);max-height:min(90vh,900px);overflow:auto;padding:1.5rem 1.5rem 1.25rem;position:relative;width:min(1100px,100%)}.plan-modal__close{background:#0000;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:1.25rem;padding:.25rem;position:absolute;right:.85rem;top:.85rem}.plan-modal__title{font-size:1.35rem;margin:0 2rem .35rem 0}.plan-modal__subtitle{font-size:.95rem;line-height:1.5;margin:0 0 1.25rem}.plan-modal__disclaimer,.plan-modal__subtitle{color:#64748b;color:var(--text-secondary,#64748b)}.plan-modal__disclaimer{font-size:.8rem;line-height:1.45;margin:-.75rem 0 1.25rem}.plan-modal__grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.plan-modal__card{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;display:flex;flex-direction:column;gap:.55rem;padding:1rem;position:relative}.plan-modal__card--highlight{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33}.plan-modal__card--current{background:linear-gradient(180deg,#7c3aed0d,#0000)}.plan-modal__badge{background:#7c3aed;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;position:absolute;right:.7rem;top:.7rem}.plan-modal__name{font-size:1.1rem;margin:0}.plan-modal__price{color:#2563eb;color:var(--text-accent,#2563eb);font-size:1.25rem;font-weight:700;margin:0}.plan-modal__features{color:#475569;color:var(--text-secondary,#475569);display:flex;flex:1 1;flex-direction:column;font-size:.85rem;gap:.35rem;list-style:none;margin:0;padding:0}.plan-modal__features li{align-items:flex-start;display:flex;gap:.35rem;line-height:1.4}.plan-modal__features svg{color:#16a34a;flex-shrink:0;margin-top:.15rem}.plan-modal__cta{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:.4rem;justify-content:center;margin-top:.35rem;padding:.65rem .75rem;width:100%}.plan-modal__cta:disabled{cursor:not-allowed;opacity:.55}.plan-modal__manage{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:.4rem;justify-content:center;margin-top:1rem;padding:.65rem .75rem;width:100%}.plan-modal__manage:disabled{cursor:not-allowed;opacity:.55}.plan-modal__error{color:#dc2626;font-size:.9rem;margin:.85rem 0 0}.plan-modal__spin{animation:plan-modal-spin .9s linear infinite}@keyframes plan-modal-spin{to{transform:rotate(1turn)}}@media (max-width:960px){.plan-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.plan-modal__grid{grid-template-columns:1fr}}.usage-modal__overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:11000}.usage-modal__dialog{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 24px 64px #0f172a47;color:#0f172a;color:var(--text-primary,#0f172a);max-height:min(90vh,720px);overflow:auto;padding:1.5rem 1.4rem 1.25rem;position:relative;width:min(440px,100%)}.usage-modal__close{background:#0000;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:1.25rem;padding:.25rem;position:absolute;right:.85rem;top:.85rem}.usage-modal__title{align-items:center;display:flex;font-size:1.25rem;gap:.45rem;margin:0 2rem .35rem 0}.usage-modal__subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.45;margin:0 0 1.15rem}.usage-modal__plan-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.usage-modal__label{font-size:.85rem}.usage-modal__label,.usage-modal__plan-badge{color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__plan-badge{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.2rem .55rem;text-transform:uppercase}.usage-modal__plan-badge--paid{background:linear-gradient(135deg,#7c3aed22,#2563eb22);border-color:#2563eb;border-color:var(--text-accent,#2563eb);color:#2563eb;color:var(--text-accent,#2563eb)}.usage-modal__percent-block{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;margin:0 0 .85rem;padding:1rem .75rem;text-align:center}.usage-modal__percent{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.usage-modal__percent--out{color:#b91c1c}.usage-modal__percent-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;margin-top:.35rem}.usage-modal__meter{margin-bottom:.85rem}.usage-modal__meter-track{background:#e2e8f0;background:var(--bg-tertiary,#e2e8f0);border-radius:999px;height:8px;overflow:hidden}.usage-modal__meter-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .25s ease}.usage-modal__meter-fill--near{background:#d97706}.usage-modal__meter-fill--out{background:#dc2626}.usage-modal__exhausted{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:.85rem;font-weight:600;margin:0 0 .85rem;padding:.55rem .7rem}.usage-modal__meta{grid-gap:.45rem;display:grid;gap:.45rem;margin:0 0 .85rem}.usage-modal__meta>div{display:flex;font-size:.85rem;gap:.75rem;justify-content:space-between}.usage-modal__meta dt{color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__meta dd{font-weight:600;margin:0;text-align:right}.usage-modal__disclaimer{color:#64748b;color:var(--text-secondary,#64748b);font-size:.78rem;line-height:1.45;margin:0 0 1.1rem}.usage-modal__actions{display:flex;flex-wrap:wrap;gap:.55rem}.usage-modal__cta,.usage-modal__secondary{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;gap:.35rem;justify-content:center;min-width:120px;padding:.65rem .9rem}.usage-modal__cta{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.usage-modal__cta:hover{filter:brightness(1.05)}.usage-modal__secondary{background:#fff;background:var(--bg-primary,#fff);border-color:#e2e8f0;border-color:var(--border-primary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__secondary:hover:not(:disabled){background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.usage-modal__secondary:disabled{cursor:not-allowed;opacity:.65}.usage-modal__empty{padding:.5rem 0 .25rem;text-align:center}.usage-modal__empty p{font-size:.92rem;margin:0 0 1rem}.usage-modal__empty p,.usage-modal__loading{color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__loading{align-items:center;display:flex;gap:.45rem;justify-content:center;margin:1.5rem 0}.usage-modal__error{color:#b91c1c!important}.usage-modal__spin{animation:usage-modal-spin .9s linear infinite}@keyframes usage-modal-spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.7cd4951e.css.map*/