:root{--ktn-clr-pure-white: #ffffff;--ktn-clr-pure-black: #000000;--ktn-clr-gray-50: #f8f8f9;--ktn-clr-gray-100: #f3f3f5;--ktn-clr-gray-200: #e6e6e6;--ktn-clr-gray-500: #858585;--ktn-clr-gray-600: #6b6b6b;--ktn-clr-danger: #dc2626;--ktn-clr-bg-base: var(--ktn-clr-pure-white);--ktn-clr-bg-sidebar: var(--ktn-clr-gray-50);--ktn-clr-bg-viewport: var(--ktn-clr-gray-100);--ktn-clr-bg-elevated: var(--ktn-clr-pure-white);--ktn-clr-text-main: #1a1a1c;--ktn-clr-text-muted: var(--ktn-clr-gray-600);--ktn-clr-accent: var(--ktn-clr-pure-black);--ktn-clr-border: var(--ktn-clr-gray-200);--ktn-z-sidebar: 600;--ktn-z-header: 400;--ktn-z-dropdown: 1000;--ktn-z-dashboard: 200;--ktn-header-height: 64px;--ktn-radius-md: 12px;--ktn-radius-lg: 16px;--ktn-radius-xl: 20px;--ktn-shadow-sm: 0 1px 2px rgba(0,0,0,.04);--ktn-shadow-md: 0 4px 12px rgba(0,0,0,.05);--ktn-shadow-lg: 0 12px 30px rgba(0,0,0,.12);--ktn-chat-font-size: .9375rem;--ktn-chat-line-height: 1.65;--ktn-chat-letter-spacing: -.011em}@media(max-width:768px){:root{--ktn-header-height: 72px;--ktn-chat-font-size: 1rem}}.app-container{display:flex!important;height:100vh!important;width:100vw!important;overflow:hidden;background:var(--ktn-clr-bg-base)}.ktn-sidebar{width:var(--sidebar-width, 380px);min-width:320px;background:var(--ktn-clr-bg-sidebar);border-right:1px solid var(--ktn-clr-border);display:flex;flex-direction:column;height:100%;flex-shrink:0;z-index:var(--ktn-z-sidebar)}.sidebar-closed .ktn-sidebar{display:none}.ktn-sidebar-header{height:var(--ktn-header-height);padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ktn-clr-border)}.ktn-sidebar-content{flex:1;overflow-y:auto;padding:24px}.ktn-sidebar-footer{padding:16px;border-top:1px solid var(--ktn-clr-border);background:var(--ktn-clr-bg-sidebar)}.ktn-main-viewport{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--ktn-clr-bg-viewport);position:relative}.ktn-viewport-header{height:var(--ktn-header-height);background:var(--ktn-clr-bg-base);border-bottom:1px solid var(--ktn-clr-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:var(--ktn-z-header)}.ktn-viewport-body{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.ktn-preview-frame{flex:1;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto;background:#fff;box-shadow:0 0 40px #0000000d;overflow:hidden}.ktn-preview-frame.desktop{width:100%;height:100%}.ktn-preview-frame.mobile{width:375px;max-width:90%;height:667px;margin:40px auto;border-radius:32px;border:12px solid #111;flex:none}.resizer-handle{width:4px;height:100%;cursor:col-resize;position:absolute;right:0;top:0;z-index:15;transition:background .2s}.resizer-handle:hover{background:#0000001a}.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.ktn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border-radius:var(--ktn-radius-md);font-size:.95rem;font-weight:500;cursor:pointer;border:1.5px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:44px}.ktn-btn svg{width:18px;height:18px;display:block}.ktn-btn-primary{background:var(--ktn-clr-accent);color:var(--ktn-clr-pure-white)}.ktn-btn-primary:hover{background:#333;transform:translateY(-1px)}.ktn-btn-primary:active{transform:translateY(0)}.ktn-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.ktn-btn-secondary{background:var(--ktn-clr-bg-base);border-color:var(--ktn-clr-border);color:var(--ktn-clr-text-main)}.ktn-btn-secondary:hover{border-color:var(--ktn-clr-accent);background:var(--ktn-clr-gray-50)}.ktn-btn-secondary.active{background:var(--ktn-clr-gray-100);border-color:var(--ktn-clr-accent)}.ktn-btn-sm{padding:6px 14px;font-size:.85rem;min-height:36px}.ktn-icon-btn{background:transparent;border:1.5px solid transparent;padding:8px;cursor:pointer;border-radius:12px;color:var(--ktn-clr-text-muted);display:flex;align-items:center;justify-content:center;transition:.2s;width:42px;height:42px}.ktn-icon-btn svg{width:20px;height:20px}.ktn-icon-btn:hover{background:var(--ktn-clr-gray-100);color:var(--ktn-clr-accent);border-color:var(--ktn-clr-gray-200)}.ktn-icon-btn.subtle{opacity:.4;font-size:1.1rem;padding:4px;background:transparent;border:none;cursor:pointer;transition:all .15s ease;width:32px;height:32px;border-radius:8px}.ktn-icon-btn.subtle:hover{opacity:1;background:var(--ktn-clr-gray-100)}.pill{padding:10px 18px;border-radius:24px;border:1.5px solid var(--ktn-clr-border);background:#fff;cursor:pointer;font-size:.95rem;font-weight:500;transition:.2s;color:var(--ktn-clr-text-main)}.pill:hover{border-color:var(--ktn-clr-accent);background:var(--ktn-clr-gray-50);transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ktn-chat-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.ktn-chat-container{background:var(--ktn-clr-bg-elevated);border:1.5px solid var(--ktn-clr-border);border-radius:var(--ktn-radius-lg);padding:14px;display:flex;flex-direction:column;box-shadow:var(--ktn-shadow-sm);transition:all .2s;width:100%}.ktn-chat-container:focus-within{border-color:var(--ktn-clr-accent);box-shadow:0 0 0 1px var(--ktn-clr-accent),0 4px 12px #0000000d}.ktn-chat-textarea{width:100%!important;border:none!important;outline:none!important;resize:none!important;font-family:inherit!important;font-size:1rem!important;line-height:1.5!important;background:transparent!important;padding:4px 0!important;margin:0!important;min-height:28px;max-height:200px;color:var(--ktn-clr-text-main)}.ktn-message-list{display:flex;flex-direction:column;gap:32px;padding-bottom:20px}.ktn-message-row{display:flex;width:100%;animation:messageIn .3s cubic-bezier(.2,.8,.2,1)}.ktn-row-user{justify-content:flex-end}.ktn-row-ai{justify-content:flex-start}.ktn-message-user{max-width:85%;padding:14px 18px;background:var(--ktn-clr-gray-100);color:var(--ktn-clr-text-main);border-radius:20px 20px 4px;font-size:var(--ktn-chat-font-size);font-weight:500;border:1px solid rgba(0,0,0,.02)}.ktn-message-ai{width:100%;max-width:100%;padding:0;background:transparent;border:none;box-shadow:none;color:#1a1a1c}.ktn-ai-title{font-size:1.8rem;font-weight:800;color:#111;margin:0 0 24px;letter-spacing:-.04em;text-transform:uppercase}.ktn-ai-subtitle{font-size:1.25rem;font-weight:700;color:#1a1a1c;margin:24px 0 12px;letter-spacing:-.02em}.ktn-ai-paragraph{font-size:1.05rem;line-height:1.6;margin:0 0 16px;color:#374151}.ktn-ai-paragraph strong{color:#111;font-weight:700}.ktn-ai-list-item{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start}.ktn-ai-list-num{font-size:1.1rem;font-weight:700;color:#a1a1aa;min-width:24px;flex-shrink:0}.ktn-ai-list-text{font-size:1.05rem;line-height:1.5;color:#374151}.ktn-status-indicator{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--ktn-clr-border);background:#fff;border-radius:14px;font-size:.85rem;font-weight:600;color:var(--ktn-clr-gray-500);width:fit-content;box-shadow:var(--ktn-shadow-sm);margin-top:8px}@keyframes messageIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ktn-chat-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--ktn-clr-gray-100)}.ktn-chat-toolbar-group{display:flex;align-items:center;gap:10px}.ktn-model-selector-shell{position:relative}.ktn-model-indicator-btn{font-size:.7rem;font-weight:600;color:var(--ktn-clr-gray-600);background:var(--ktn-clr-gray-100);padding:6px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;cursor:pointer;transition:.2s}.ktn-model-indicator-btn:hover,.ktn-model-indicator-btn.active{background:var(--ktn-clr-accent);color:var(--ktn-clr-pure-white)}.ktn-model-menu{position:absolute;bottom:calc(100% + 12px);left:0;background:#fff;border:1px solid var(--ktn-clr-border);border-radius:14px;box-shadow:var(--ktn-shadow-lg);width:280px;padding:8px;z-index:var(--ktn-z-dropdown);animation:ktnFadeInScale .2s cubic-bezier(.16,1,.3,1);transform-origin:bottom left}.ktn-model-menu-item{width:100%;padding:12px;border:none;background:none;text-align:left;cursor:pointer;border-radius:10px;transition:.2s;display:flex;flex-direction:column;gap:4px}.ktn-model-menu-item:hover{background:var(--ktn-clr-gray-50)}.ktn-model-menu-item.selected{background:var(--ktn-clr-gray-100)}.ktn-model-menu-label{font-size:.85rem;font-weight:600;color:var(--ktn-clr-text-main);text-transform:uppercase;letter-spacing:.02em}.ktn-model-menu-desc{font-size:.75rem;line-height:1.4;color:var(--ktn-clr-text-muted);font-weight:400}.ktn-file-preview{display:flex;align-items:center;justify-content:space-between;background:var(--ktn-clr-gray-50);padding:10px 14px;border-radius:12px;border:1.5px solid var(--ktn-clr-border);animation:fadeIn .2s ease}.ktn-file-info{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:var(--ktn-clr-text-main)}.ktn-file-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ktn-file-remove{background:none;border:none;padding:6px;cursor:pointer;color:var(--ktn-clr-gray-500);display:flex;transition:.2s}.ktn-file-remove:hover{color:var(--ktn-clr-danger);transform:scale(1.1)}.ktn-gen-summary{margin:6px 0 8px;font-size:.7rem;font-weight:600;color:var(--ktn-clr-gray-500);opacity:.85;-webkit-user-select:none;user-select:none}.ktn-account-shell{position:relative;display:flex;align-items:center}.ktn-avatar-trigger{width:42px;height:42px;border-radius:12px;border:2px solid var(--ktn-clr-border);padding:0;overflow:hidden;cursor:pointer;background:var(--ktn-clr-bg-base);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ktn-avatar-trigger:hover{border-color:var(--ktn-clr-accent);transform:scale(1.05)}.ktn-avatar-trigger img{width:100%;height:100%;object-fit:cover}.ktn-account-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:var(--ktn-clr-bg-elevated);border:1px solid var(--ktn-clr-border);border-radius:var(--ktn-radius-lg);box-shadow:var(--ktn-shadow-lg);overflow:hidden;z-index:var(--ktn-z-dropdown);animation:ktnFadeInScale .2s cubic-bezier(.16,1,.3,1);transform-origin:top right;padding:8px}.ktn-dropdown-credits{padding:14px 16px;background:var(--ktn-clr-gray-50);border-radius:10px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.ktn-credit-line{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--ktn-clr-text-muted)}.ktn-credit-value{color:var(--ktn-clr-text-main);font-weight:600}.ktn-dropdown-credits-buy{margin-top:4px;background:none;border:none;padding:0;font-size:.75rem;font-weight:600;color:var(--ktn-clr-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.7;transition:opacity .2s;align-self:flex-start}.ktn-dropdown-credits-buy:hover{opacity:1}.ktn-dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;font-size:.95rem;font-weight:500;color:var(--ktn-clr-text-main);transition:all .15s;border-radius:10px}.ktn-dropdown-item:hover{background:var(--ktn-clr-gray-50);color:var(--ktn-clr-accent)}.ktn-dropdown-item svg{color:var(--ktn-clr-gray-500);width:20px;height:20px;transition:color .2s}.ktn-dropdown-item.danger{color:var(--ktn-clr-danger);border-top:1px solid var(--ktn-clr-gray-100);margin-top:6px;border-radius:0 0 10px 10px}.ktn-dropdown-item.danger:hover{background:#fff1f1}@keyframes ktnFadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ktn-dashboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ktn-clr-bg-base);z-index:var(--ktn-z-dashboard);overflow-y:auto;padding:60px 40px}.ktn-dashboard-inner{max-width:1000px;margin:0 auto}.ktn-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.ktn-site-card{border:1px solid var(--ktn-clr-border);border-radius:var(--ktn-radius-lg);overflow:hidden;transition:.2s;padding:20px;background:#fff}.ktn-site-card:hover{transform:translateY(-4px);border-color:var(--ktn-clr-accent);box-shadow:var(--ktn-shadow-lg)}.ktn-card-preview{height:160px;background:var(--ktn-clr-gray-100);border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ktn-clr-gray-500);letter-spacing:-.05em}.ktn-landing-root{min-height:100vh;width:100%;background-color:#fff;color:#09090b;position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.ktn-tech-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 90%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 90%);pointer-events:none;opacity:.6}.ktn-subtle-glow{background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.03) 0%,transparent 70%);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.ktn-landing-container{position:relative;z-index:10;width:100%;max-width:1280px;padding:0 24px}.ktn-landing-header{width:100%;margin-top:24px;padding:12px 24px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:9999px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:24px;z-index:100}.ktn-landing-logo{display:flex;align-items:center;gap:12px}.ktn-logo-icon{width:20px;height:20px;background:#09090b;border-radius:4px;display:flex;align-items:center;justify-content:center}.ktn-logo-dot{width:6px;height:6px;background:#fff;border-radius:50%}.ktn-logo-text{font-weight:700;font-size:14px;letter-spacing:-.02em}.ktn-landing-nav{display:none}@media(min-width:768px){.ktn-landing-nav{display:flex;gap:40px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#888}.ktn-landing-nav a{text-decoration:none;color:inherit;transition:color .2s}.ktn-landing-nav a:hover{color:#000}}.ktn-hero-section{padding:80px 0 60px;display:flex;flex-direction:column;align-items:center;text-align:center}.ktn-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;margin-bottom:24px}.ktn-badge-dot{width:6px;height:6px;background:#818cf8;border-radius:50%}.ktn-hero-title{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:600;line-height:1.05;letter-spacing:-.04em;margin-bottom:24px;max-width:1000px}.ktn-hero-title-muted{color:#a1a1aa}.ktn-hero-desc{font-size:1.25rem;color:#71717a;max-width:600px;margin-bottom:40px;font-weight:400}.ktn-hero-input-shell{width:100%;max-width:700px;background:#e4e4e7;padding:1px;border-radius:24px;transition:all .3s;position:relative}.ktn-hero-input-shell:focus-within{background:#c7d2fe}.ktn-hero-input-inner{background:#fff;border-radius:23px;padding:24px;display:flex;flex-direction:column}.ktn-hero-input-inner textarea{width:100%;border:none;outline:none;font-size:1.25rem;font-weight:500;resize:none;min-height:80px}.ktn-hero-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #f4f4f5}.ktn-hero-external-tags{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa}.ktn-tag-free{color:#6366f1}.ktn-tag-separator{opacity:.3}@media(max-width:600px){.ktn-hero-input-footer{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-between}.ktn-hero-external-tags{flex-direction:column;gap:4px;margin-top:16px}.ktn-tag-separator{display:none}}.ktn-community-section{padding:80px 0;width:100%}.ktn-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}@media(max-width:768px){.ktn-section-header{flex-direction:column;align-items:flex-start;gap:24px}}.ktn-section-title{font-size:clamp(2rem,5vw,4rem);font-weight:600;letter-spacing:-.04em;margin:0;line-height:1}.ktn-section-subtitle{color:#71717a;font-size:1.25rem;margin:12px 0 0;max-width:600px}.ktn-gallery-link{font-size:11px;font-weight:600;color:#a1a1aa;text-decoration:none;letter-spacing:.1em;display:flex;align-items:center;gap:8px;transition:color .2s;text-transform:uppercase}.ktn-gallery-link:hover{color:#000}.ktn-community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;width:100%}.ktn-community-card{display:flex;flex-direction:column;gap:20px}.ktn-card-visual{width:100%;aspect-ratio:4/3;border-radius:20px;position:relative;border:1px solid rgba(0,0,0,.03);overflow:hidden;transition:transform .3s ease}.ktn-community-card:hover .ktn-card-visual{transform:translateY(-4px)}.ktn-card-badge{position:absolute;bottom:20px;left:20px;background:#fff;padding:8px 16px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.05em;color:#000;box-shadow:0 4px 12px #0000000d;z-index:2}.ktn-card-meta{padding:0 4px}.ktn-card-title{font-size:1.15rem;font-weight:600;margin:0 0 4px;letter-spacing:-.02em;color:#09090b}.ktn-card-category{font-size:10px;font-weight:700;color:#a1a1aa;letter-spacing:.1em;margin:0;text-transform:uppercase}.ktn-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:5}.ktn-card-visual:hover .ktn-card-overlay{opacity:1}.ktn-card-author{font-size:11px;font-weight:600;color:#a1a1aa;font-family:Fira Code,monospace}.ktn-showcase-view{padding:40px 0 100px;width:100%}.ktn-showcase-hero{margin-bottom:60px}.ktn-showcase-back{background:none;border:none;cursor:pointer;color:#a1a1aa;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:24px;transition:color .2s;text-transform:uppercase}.ktn-showcase-back:hover{color:#000}.ktn-showcase-title{font-size:clamp(2rem,5vw,4rem);font-weight:600;letter-spacing:-.04em;margin-bottom:16px}.ktn-showcase-subtitle{color:#71717a;font-size:1.25rem;max-width:700px;line-height:1.5}.ktn-showcase-controls{margin-bottom:48px;display:flex;flex-direction:column;gap:32px}.ktn-showcase-search{position:relative;display:flex;align-items:center;gap:12px;padding:16px 24px;background:#f4f4f5;border-radius:16px;border:1px solid transparent;transition:all .2s}.ktn-showcase-search:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.ktn-showcase-search input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:#09090b;font-weight:500}.ktn-showcase-search svg{color:#a1a1aa;flex-shrink:0}.ktn-showcase-filters{display:flex;flex-wrap:wrap;gap:10px}.ktn-filter-chip{padding:8px 18px;border-radius:9999px;border:1px solid #e4e4e7;background:#fff;font-size:13px;font-weight:600;color:#71717a;cursor:pointer;transition:all .2s}.ktn-filter-chip:hover{border-color:#09090b;color:#09090b}.ktn-filter-chip.active{background:#09090b;color:#fff;border-color:#09090b}.ktn-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:48px;width:100%}.ktn-showcase-empty{grid-column:1 / -1;padding:100px 0;text-align:center;color:#a1a1aa;font-size:1.1rem}.ktn-features-section{padding:80px 0;width:100%}.ktn-bento-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;width:100%}@media(min-width:900px){.ktn-bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto)}.ktn-span-2{grid-column:span 2}.ktn-span-1{grid-column:span 1}.ktn-span-3{grid-column:span 3}}.ktn-bento-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:32px;padding:0;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s;text-align:left;position:relative;overflow:hidden;height:100%}.ktn-bento-card:hover{border-color:#6366f1;transform:translateY(-4px)}.ktn-card-content{padding:40px;position:relative;z-index:2;pointer-events:none}@media(min-width:900px){.ktn-bento-card.ktn-span-2 .ktn-card-content{max-width:55%}}.ktn-bento-card h3{font-size:1.25rem;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.ktn-span-2 h3,.ktn-span-3 h3{font-size:1.5rem;margin-bottom:12px}.ktn-bento-card p{color:#71717a;font-size:.95rem;margin:0;line-height:1.5;max-width:400px}.ktn-card-visual-slot{position:relative;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;flex:1}.ktn-card-visual-slot.small{height:140px;flex:none;background:linear-gradient(to bottom,rgba(0,0,0,.02),transparent);margin-bottom:-20px}.ktn-card-visual-slot.small.centered{margin-bottom:-20px;height:220px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.02),transparent);overflow:visible}.ktn-card-visual-slot.right-aligned{position:absolute;top:0;right:0;bottom:0;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(99,102,241,.02));-webkit-mask-image:linear-gradient(to right,transparent,black 20%);mask-image:linear-gradient(to right,transparent,black 20%)}.ktn-card-visual-slot.bottom-wide{height:200px;flex:none;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.02));border-top:1px solid rgba(0,0,0,.03);display:flex;align-items:flex-end}.ktn-feature-svg{width:100%;height:100%;max-width:200px;max-height:200px;opacity:.9;transition:transform .5s ease}.ktn-bento-card:hover .ktn-feature-svg{transform:scale(1.05)}.ktn-feature-svg.deploy{max-width:80%;max-height:80%}.ktn-feature-svg.backend{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}.ktn-feature-svg.price-diamond{transform:scale(1.2);filter:drop-shadow(0 10px 30px rgba(0,0,0,.06))}.ktn-bento-card:hover .ktn-feature-svg.price-diamond{transform:scale(1.25)}@media(max-width:900px){.ktn-card-visual-slot.right-aligned{position:relative;width:100%;height:200px;-webkit-mask-image:none;mask-image:none;order:-1}}.ktn-pricing-section{padding:80px 0;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.ktn-billing-toggle{display:flex;background:#f4f4f5;padding:4px;border-radius:12px;border:1px solid #e4e4e7}.ktn-toggle-btn{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;color:#71717a}.ktn-toggle-btn.active{background:#fff;color:#09090b;box-shadow:0 1px 3px #0000001a}.ktn-toggle-discount{background:#6366f1;color:#fff;padding:2px 6px;border-radius:6px;font-size:9px;text-transform:uppercase}.ktn-pricing-card{width:100%;max-width:480px;background:#fff;border:1px solid #e4e4e7;border-radius:48px;padding:48px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 40px #00000005}.ktn-pricing-amount{font-size:5rem;font-weight:600;letter-spacing:-.06em;margin:16px 0}.ktn-pricing-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#a1a1aa}.ktn-pricing-period{font-size:12px;font-weight:500;color:#71717a;text-align:center}.ktn-pricing-list{width:100%;margin:40px 0 32px;list-style:none;padding:0;display:flex;flex-direction:column;gap:18px}.ktn-pricing-list li{font-size:14px;color:#52525b;display:flex;align-items:center;gap:12px;text-align:left}.ktn-pricing-list li:before{content:"";width:6px;height:6px;background:#e4e4e7;border-radius:50%;flex-shrink:0}.ktn-li-highlight{font-weight:600;color:#6366f1!important}.ktn-li-highlight:before{background:#6366f1!important}.ktn-pricing-extra{width:100%;background:#f9fafb;border:1px solid #f3f4f6;border-radius:24px;padding:24px;margin-bottom:32px}.ktn-pricing-extra-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin:0 0 16px;text-align:left}.ktn-pricing-extra-grid{display:flex;flex-direction:column;gap:10px}.ktn-pricing-extra-item{display:flex;align-items:center;gap:10px;cursor:help;text-align:left;position:relative}.ktn-extra-dot{color:#6366f1;font-size:14px}.ktn-extra-text{font-size:13px;font-weight:500;color:#374151;border-bottom:1px dashed #d1d5db}.ktn-pricing-notice{font-size:11px;color:#9ca3af;text-align:center;max-width:300px;line-height:1.5;margin:24px 0 0}.ktn-has-tooltip{position:relative}.ktn-has-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:12px 16px;border-radius:12px;font-size:12px;line-height:1.4;width:220px;z-index:100;box-shadow:0 10px 25px #0003;animation:tooltipIn .2s ease-out;font-weight:400}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.ktn-faq-section{padding:80px 0;display:flex;justify-content:center;width:100%}.ktn-faq-accordion{width:100%;max-width:900px;display:flex;flex-direction:column;gap:16px}.ktn-faq-item{background:#f4f4f5;border-radius:20px;overflow:hidden;cursor:pointer;transition:.3s}.ktn-faq-item:hover{background:#ececec}.ktn-faq-header{padding:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ktn-faq-question{font-size:1.25rem;font-weight:500;margin:0;color:#09090b;letter-spacing:-.02em;text-align:left}.ktn-faq-icon{color:#71717a;transition:transform .4s;flex-shrink:0}.ktn-faq-item.expanded .ktn-faq-icon{transform:rotate(180deg)}.ktn-faq-content{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 40px}.ktn-faq-item.expanded .ktn-faq-content{max-height:1000px;padding:0 40px 40px}.ktn-faq-answer{font-size:1rem;line-height:1.6;color:#71717a;margin:0;text-align:left}.ktn-info-blocks-section{padding:40px 0;width:100%}.ktn-info-blocks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.ktn-info-card{border-radius:32px;padding:48px;text-align:center;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.ktn-migration-theme{background:#fefce8;color:#854d0e;border-color:#a162071a}.ktn-reseller-theme{background:#f0fdf4;color:#166534;border-color:#16a34a1a}.ktn-info-title{font-size:1.75rem;font-weight:600;margin:0 0 12px;letter-spacing:-.02em}.ktn-info-subtitle{font-size:1rem;margin:0 0 24px;opacity:.8;line-height:1.5;max-width:400px}.ktn-final-cta-section{padding:120px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.ktn-final-cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-.04em;margin:0}.ktn-landing-footer{width:100%;padding:80px 0;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;margin-top:40px}.ktn-footer-left{max-width:500px;text-align:left}.ktn-footer-logo{font-weight:700;font-size:14px;display:block;letter-spacing:.1em;color:#000}.ktn-footer-seo{font-size:12px;color:#9ca3af;line-height:1.6;margin-top:16px;font-weight:400}.ktn-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.ktn-footer-links{display:flex;gap:20px}.ktn-footer-link{font-size:12px;color:#09090b;text-decoration:none;font-weight:600}.ktn-footer-link.highlight{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:2px}.ktn-footer-copy{font-size:10px;color:#d4d4d8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.ktn-footer-right{align-items:center}.ktn-landing-footer{justify-content:center;text-align:center;flex-direction:column}.ktn-footer-left{text-align:center;max-width:100%}.ktn-footer-links{flex-direction:column;gap:12px}}.ktn-auth-view{padding:40px 0 100px;width:100%;display:flex;flex-direction:column;align-items:center}.ktn-auth-card{width:100%;max-width:460px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:32px;padding:48px;box-shadow:0 20px 40px #00000008;margin-top:20px}.ktn-auth-header{text-align:center;margin-bottom:32px}.ktn-auth-icon{width:48px;height:48px;background:#f4f4f5;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#09090b}.ktn-auth-title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.ktn-auth-subtitle{color:#71717a;font-size:.95rem;line-height:1.5}.ktn-auth-form{display:flex;flex-direction:column;gap:20px}.ktn-input-group{display:flex;flex-direction:column;gap:8px}.ktn-input-group label{font-size:13px;font-weight:600;color:#18181b;text-align:left}.ktn-input-group input{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #e4e4e7;font-size:.95rem;outline:none;transition:border-color .2s}.ktn-input-group input:focus{border-color:#09090b}.ktn-text-link-sm{background:none;border:none;padding:0;font-size:12px;font-weight:600;color:#6366f1;cursor:pointer}.ktn-auth-footer{margin-top:32px;padding-top:24px;border-top:1px solid #f4f4f5;text-align:center;font-size:14px;color:#71717a;display:flex;justify-content:center;gap:8px}.ktn-text-link{background:none;border:none;padding:0;font-size:14px;font-weight:700;color:#09090b;cursor:pointer;border-bottom:1.5px solid #09090b}.ktn-signup-honest-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.ktn-signup-honest-info p{font-size:13px;line-height:1.4;color:#475569;margin:0}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ktn-code-editor{display:flex;flex-direction:column;height:100%;background:#1e1e1e;font-family:Fira Code,monospace;overflow:hidden}.ktn-code-editor-header{background:#252526;padding:12px 20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.ktn-code-editor-brand{display:flex;align-items:center;gap:12px}.ktn-code-editor-dot{width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:0 0 8px #ff5f5633}.ktn-code-editor-filename{color:#aaa;font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.ktn-code-editor-actions{display:flex;gap:8px}.ktn-code-editor-body{flex:1;display:flex;overflow:hidden}.ktn-code-editor-gutters{width:55px;background:#1e1e1e;color:#5a5a5a;text-align:right;padding-right:16px;padding-top:16px;font-size:12px;border-right:1px solid #333;-webkit-user-select:none;user-select:none;line-height:24px;overflow:hidden}.ktn-code-editor-textarea{flex:1;background:transparent;color:#d4d4d4;border:none;outline:none;padding:16px;font-size:14px;line-height:24px;resize:none;-moz-tab-size:2;tab-size:2;font-family:inherit;overflow-y:auto}.ktn-code-editor-textarea::-webkit-scrollbar{width:10px}.ktn-code-editor-textarea::-webkit-scrollbar-track{background:transparent}.ktn-code-editor-textarea::-webkit-scrollbar-thumb{background:#333;border-radius:5px}.ktn-code-editor-textarea::-webkit-scrollbar-thumb:hover{background:#444}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body,html{margin:0;padding:0;height:100vh;width:100vw;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;color:var(--ktn-clr-text-main);background:var(--ktn-clr-bg-base);line-height:1.5}#root{height:100%;width:100%}.ktn-table-row-hover:hover{background:var(--ktn-clr-gray-50)}.ktn-sidebar-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;width:240px;background:var(--ktn-clr-pure-white);border:1.5px solid var(--ktn-clr-border);border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;padding:8px;z-index:1000;transform-origin:top left;animation:ktnSidebarMenuIn .2s cubic-bezier(.16,1,.3,1)}.ktn-sidebar-dropdown-header{padding:8px 12px 12px;border-bottom:1px solid var(--ktn-clr-gray-100);margin-bottom:4px}.ktn-sidebar-dropdown-label{display:block;font-size:.65rem;font-weight:800;color:var(--ktn-clr-gray-400);text-transform:uppercase;letter-spacing:.08em}.ktn-sidebar-dropdown-item{width:100%;padding:10px 12px;border:none;background:transparent;display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.ktn-sidebar-dropdown-item:hover{background:var(--ktn-clr-gray-50)}.ktn-sidebar-dropdown-icon{color:var(--ktn-clr-gray-500);display:flex;align-items:center;justify-content:center;width:18px;height:18px}.ktn-sidebar-dropdown-item:hover .ktn-sidebar-dropdown-icon{color:var(--ktn-clr-accent)}.ktn-sidebar-dropdown-text{font-size:.9rem;font-weight:500;color:var(--ktn-clr-text-main)}.ktn-sidebar-dropdown-divider{height:1px;background:var(--ktn-clr-gray-100);margin:6px 8px}@keyframes ktnSidebarMenuIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
*/.ktn-panel-container{display:flex;flex-direction:column;height:100%;animation:ktnPanelIn .3s cubic-bezier(.16,1,.3,1)}.ktn-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.ktn-panel-back-btn{background:var(--ktn-clr-gray-100);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--ktn-clr-text-main)}.ktn-panel-back-btn:hover{background:var(--ktn-clr-accent);color:#fff}.ktn-panel-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.ktn-page-list{display:flex;flex-direction:column;gap:8px}.ktn-page-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1.5px solid var(--ktn-clr-border);border-radius:14px;transition:all .2s ease;cursor:pointer;position:relative}.ktn-page-item:hover{border-color:var(--ktn-clr-accent);transform:translateY(-1px);box-shadow:var(--ktn-shadow-sm)}.ktn-page-item.active{background:var(--ktn-clr-gray-50);border-color:var(--ktn-clr-accent);border-width:2px}.ktn-page-item.menu-open{z-index:100}.ktn-page-info{display:flex;align-items:center;gap:12px}.ktn-page-icon{color:var(--ktn-clr-gray-400);display:flex}.ktn-page-item.active .ktn-page-icon{color:var(--ktn-clr-accent)}.ktn-page-name{font-size:.95rem;font-weight:600;color:var(--ktn-clr-text-main)}.ktn-page-badge{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;background:var(--ktn-clr-gray-100);color:var(--ktn-clr-gray-500)}.ktn-add-page-cta{width:100%;margin-top:16px;padding:12px;background:transparent;border:1.5px dashed var(--ktn-clr-border);border-radius:14px;color:var(--ktn-clr-gray-500);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.ktn-add-page-cta:hover{border-color:var(--ktn-clr-accent);color:var(--ktn-clr-accent);background:var(--ktn-clr-gray-50)}.ktn-add-page-form{margin-top:16px;background:#fff;border:1.5px solid var(--ktn-clr-accent);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease}.ktn-add-page-textarea{width:100%;min-height:80px;border:none;outline:none;resize:none;font-family:inherit;font-size:.9rem;color:var(--ktn-clr-text-main);background:var(--ktn-clr-gray-50);padding:12px;border-radius:12px}.ktn-page-options-menu{position:absolute;top:100%;right:16px;background:#fff;border:1px solid var(--ktn-clr-border);border-radius:12px;box-shadow:var(--ktn-shadow-lg);padding:6px;z-index:1100;width:160px;animation:ktnFadeInScale .15s ease-out}.ktn-page-options-item{width:100%;padding:8px 12px;border:none;background:none;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:var(--ktn-clr-text-main);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.ktn-page-options-item:hover{background:var(--ktn-clr-gray-50)}.ktn-page-options-item.danger{color:var(--ktn-clr-danger)}.ktn-page-options-item.danger:hover{background:#fff1f1}.ktn-content-card{background:#fff;border:1.5px solid var(--ktn-clr-border);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.ktn-content-card:hover{border-color:var(--ktn-clr-accent);transform:translateY(-2px);box-shadow:var(--ktn-shadow-md)}.ktn-content-icon-shell{width:40px;height:40px;background:var(--ktn-clr-gray-100);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ktn-clr-gray-500)}.ktn-content-card:hover .ktn-content-icon-shell{background:var(--ktn-clr-accent);color:#fff}.ktn-item-form{display:flex;flex-direction:column;gap:16px;padding:8px}.ktn-item-field{display:flex;flex-direction:column;gap:6px}.ktn-item-field label{font-size:.75rem;font-weight:700;color:var(--ktn-clr-gray-500);text-transform:uppercase;letter-spacing:.05em}.ktn-item-input{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--ktn-clr-border);font-size:.95rem;outline:none;transition:border-color .2s}.ktn-item-input:focus{border-color:var(--ktn-clr-accent)}.ktn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:16px}.ktn-empty-icon{width:64px;height:64px;background:var(--ktn-clr-gray-100);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--ktn-clr-gray-300)}@keyframes ktnPanelIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}