.kettu-ui *{box-sizing:border-box}.kettu-ui{font-family:Inter Variable,Inter,sans-serif;font-synthesis:none;color:#14171c;background:#efefed;margin:0}.kettu-ui button,.kettu-ui textarea{font:inherit}.kettu-ui button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}.kettu-ui button:disabled{cursor:not-allowed}.kettu-ui button,.kettu-ui textarea{outline-offset:5px}.kettu-ui button:focus-visible,.kettu-ui textarea:focus-visible{outline:2px solid var(--text,#36445a)}.kettu-ui .board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:100vh}.kettu-ui .board.compact-preview,.kettu-ui .board.dark,.kettu-ui .board.light{grid-template-columns:minmax(0,1fr)}.kettu-ui .theme-panel{--bg:#fbfaf8;--surface:#fdfcfc;--text:#14171c;--muted:#636973;--quiet:#858992;--border:#d5d7dc;--hover:#f0f0ef;--shade:#f0f1f2;--accent:var(--app-light);--on-accent:var(--ink-light);background:var(--bg);color:var(--text);min-width:0;container-type:inline-size}.kettu-ui .theme-panel[data-theme=dark]{--bg:#1e2022;--surface:#25282b;--text:#f6f6f6;--muted:#bfc6d1;--quiet:#a4acb8;--border:#505862;--hover:#34383e;--shade:#2b2f34;--accent:var(--app-dark);--on-accent:var(--ink-dark);color-scheme:dark}.kettu-ui .panel-inner{max-width:930px;margin:auto;padding:60px clamp(28px,3.7vw,58px) 30px}.kettu-ui .hero{position:relative;margin-bottom:39px}.kettu-ui .eyebrow{font-size:11px;letter-spacing:1.8px;line-height:16px;margin:0 0 20px;font-weight:500}.kettu-ui h1{margin:0 0 3px;font-size:56px;letter-spacing:-2.1px;line-height:1.2;font-weight:650}.kettu-ui .subtitle{margin:0;color:var(--muted);font-size:22px;line-height:1.5;letter-spacing:-.55px}.kettu-ui .preview-controls{position:absolute;top:-6px;right:0;display:flex;align-items:center;gap:1px}.kettu-ui .preview-controls button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:7px;height:28px;width:28px}.kettu-ui .preview-controls button:hover,.kettu-ui .preview-controls button[aria-pressed=true]{background:var(--shade);color:var(--text)}.kettu-ui .specimens{display:flex;flex-direction:column;gap:30px}.kettu-ui .specimen{min-width:0;--accent:var(--app-light);--on-accent:var(--ink-light)}.kettu-ui [data-theme=dark] .specimen,.kettu-ui [data-theme=dark] .swatch-button{--accent:var(--app-dark);--on-accent:var(--ink-dark)}.kettu-ui .specimen-heading{display:flex;align-items:center;gap:22px;margin-bottom:9px;min-height:26px}.kettu-ui h2{font-size:20px;letter-spacing:-.5px;font-weight:650;margin:0;white-space:nowrap}.kettu-ui .state-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);min-width:0}.kettu-ui .state-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:var(--accent);transition:background-color .18s}.kettu-ui .composer-line{display:flex;gap:8px;align-items:stretch}.kettu-ui .input-surface{display:flex;position:relative;align-items:center;gap:22px;padding:17px;flex:1 1;min-width:0;min-height:88px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.kettu-ui .input-surface:focus-within{border-color:var(--quiet)}.kettu-ui .round-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:55px;height:55px;border-radius:50%;border:1px solid var(--border);background:transparent;padding:0;transition:background-color .18s,color .18s,transform .14s}.kettu-ui .round-button:hover{background:var(--hover)}.kettu-ui .round-button:active{transform:scale(.96)}.kettu-ui .plus-button:disabled{color:var(--quiet);background:var(--shade);border-color:transparent;opacity:.58}.kettu-ui .input-content{min-width:0;flex:1 1}.kettu-ui textarea{background:transparent;resize:none;border:0;outline:none;width:100%;color:var(--text);display:block;font-size:18px;line-height:24px;letter-spacing:-.5px;padding:0;max-height:112px}.kettu-ui textarea::placeholder{color:var(--quiet);opacity:1}.kettu-ui textarea:focus-visible{outline:none}.kettu-ui .dock{display:flex;gap:12px;align-items:flex-start;justify-content:center;position:relative;flex-shrink:0;width:152px;height:80px;padding:9px 10px;border-radius:22px;border:1px solid var(--border);background:var(--surface)}.kettu-ui .dock:after{content:"";position:absolute;height:2px;background:var(--accent);left:14px;right:14px;bottom:0;border-radius:3px;transition:background-color .18s}.kettu-ui .dock-action{display:flex;align-items:center;flex-direction:column;gap:15px;min-width:0}.kettu-ui .dock-action>span{color:var(--muted);font-size:12px;line-height:14px;white-space:nowrap}.kettu-ui .primary-action{width:55px;height:55px;margin-top:1px}.kettu-ui .primary-action.signal-button{position:relative;overflow:hidden;border-radius:50%;background:transparent;border:1px solid var(--border)}.kettu-ui .primary-action.signal-button:hover{background:var(--hover)}@property --kettu-signal-base{syntax:"<color>";inherits:true;initial-value:#967ac8}.kettu-ui .signal-glyph{--kettu-signal-base:var(--wave-light,var(--accent));--signal-tone:color-mix(in srgb,var(--kettu-signal-base) 32%,#000000);display:block;position:relative;overflow:hidden;width:28px;height:28px;pointer-events:none;-webkit-mask-image:var(--signal-mask);mask-image:var(--signal-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:--kettu-signal-base .22s ease}.kettu-ui .signal-glyph:before{content:"";position:absolute;inset:0 -70%;background:linear-gradient(90deg,var(--kettu-signal-base) 0,var(--kettu-signal-base) 30%,var(--signal-tone) 46%,var(--signal-tone) 54%,var(--kettu-signal-base) 70%,var(--kettu-signal-base) 100%);animation:kettu-ui-signal-flow 2.4s ease-in-out infinite alternate;will-change:transform}.kettu-ui [data-theme=dark] .signal-glyph{--kettu-signal-base:var(--accent);--signal-tone:color-mix(in srgb,var(--kettu-signal-base) 18%,#ffffff)}.kettu-ui .signal-talk{width:29px;height:22px;-webkit-mask-size:147.6% 193.2%;mask-size:147.6% 193.2%;-webkit-mask-position:50% 58%;mask-position:50% 58%}.kettu-ui .signal-stop{width:23px;height:23px}@keyframes kettu-ui-signal-flow{0%{transform:translateX(22%)}to{transform:translateX(-22%)}}.kettu-ui .secondary-action{margin-top:1px}.kettu-ui .recording-content{display:flex;align-items:center;gap:18px}.kettu-ui .recording-time{font-size:16px;white-space:nowrap;letter-spacing:-.6px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kettu-ui .voice-visualizer{width:100%;min-width:35px;height:45px;color:var(--wave-light,var(--accent));display:block;flex:1 1}.kettu-ui [data-theme=dark] .voice-visualizer{color:var(--app-dark)}.kettu-ui .theme-panel[data-theme=light]{--quiet:#6D737E}.kettu-ui .helper-row{display:flex;gap:28px;align-items:center;height:26px;margin-top:3px;padding-left:15px;font-size:13px;line-height:20px;color:var(--muted);max-width:calc(100% - 164px);white-space:nowrap}.kettu-ui .discard-link{font-size:14px;color:var(--text);background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}.kettu-ui .sent-feedback{display:inline-flex;align-items:center;min-width:0;gap:5px;color:var(--text)}.kettu-ui .sent-copy{text-overflow:ellipsis;overflow:hidden}.kettu-ui .palette-section{margin-top:58px}.kettu-ui .palette-section>p{margin:0 0 11px;font-size:17px;color:var(--muted);letter-spacing:-.35px}.kettu-ui .palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:9px;gap:9px}.kettu-ui .swatch-button{--accent:var(--app-light);display:flex;flex-direction:column;align-items:center;gap:9px;background:transparent;border:0;padding:3px 0;font-size:12px;color:var(--muted);min-width:0}.kettu-ui .swatch{display:block;width:37px;height:37px;border-radius:50%;background:var(--accent);outline-offset:4px;transition:transform .15s}.kettu-ui .swatch-button:hover .swatch{transform:translateY(-3px)}.kettu-ui .swatch-button:focus-visible .swatch{outline:2px solid var(--text)}.kettu-ui .swatch-button[aria-pressed=true]>span:last-child{color:var(--text);font-weight:650}.kettu-ui .panel-footer{border-top:1px solid var(--border);margin-top:29px;padding-top:13px;color:var(--muted);font-size:13px;line-height:1.5}.kettu-ui .panel-footer p{margin:0}.kettu-ui .demo-disclosure{font-size:10px;margin-top:9px!important;opacity:.9}.kettu-ui .attachment-menu{position:absolute;z-index:10;left:0;bottom:calc(100% + 10px);width:236px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:0 12px 35px #0002}.kettu-ui .attachment-menu p{margin:6px 8px 10px;font-size:12px;font-weight:600;color:var(--muted)}.kettu-ui .attachment-menu>button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border:0;background:transparent;border-radius:8px;text-align:left;font-size:14px}.kettu-ui .attachment-menu>button:focus-visible,.kettu-ui .attachment-menu>button:hover{background:var(--hover)}.kettu-ui .attachment-menu small{display:block;padding:9px 9px 3px;color:var(--muted);font-size:10px}.kettu-ui .attachment-chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.kettu-ui .attachment-chip{display:flex;align-items:center;gap:5px;background:var(--shade);padding:4px 6px;border-radius:6px;font-size:11px;max-width:100%}.kettu-ui .attachment-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kettu-ui .attachment-chip>button{display:flex;background:transparent;border:0;padding:4px}.kettu-ui .toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,10px);z-index:30;padding:12px 20px;border-radius:12px;background:#151719;color:#fff;border:1px solid #575e68;font-size:13px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;max-width:calc(100vw - 32px);text-align:center}.kettu-ui .toast.visible{opacity:1;transform:translate(-50%)}.kettu-ui .compact-preview{padding:24px 0;background:#e6e6e3}.kettu-ui .compact-preview .theme-panel{width:390px;max-width:100%;margin:0 auto;border-radius:16px}@container (max-width: 710px){.kettu-ui .panel-inner{padding:48px 48px 28px}.kettu-ui .eyebrow{font-size:9px;letter-spacing:1.2px}.kettu-ui .preview-controls{top:-8px}.kettu-ui .preview-controls button{width:25px}.kettu-ui h1{font-size:48px}.kettu-ui .subtitle{font-size:19px}.kettu-ui .hero{margin-bottom:35px}.kettu-ui .input-surface{gap:14px;padding:16px 12px;min-height:84px}.kettu-ui .dock{width:132px;gap:8px;height:76px;padding-top:11px}.kettu-ui .primary-action,.kettu-ui .round-button{width:48px;height:48px}.kettu-ui .dock-action{gap:17px}.kettu-ui textarea{font-size:16px}.kettu-ui .recording-content{gap:8px}.kettu-ui .recording-time{font-size:14px}.kettu-ui .helper-row{gap:15px;padding-left:10px;max-width:calc(100% - 140px);font-size:11px}.kettu-ui .discard-link{font-size:12px}.kettu-ui .specimens{gap:14px}.kettu-ui .palette-section{margin-top:43px}.kettu-ui .swatch{width:32px;height:32px}.kettu-ui .swatch-button{font-size:10px}.kettu-ui .specimen-heading{gap:15px}.kettu-ui .state-label{font-size:12px;gap:7px}}@container (max-width: 470px){.kettu-ui .panel-inner{padding:30px 20px 24px}.kettu-ui .eyebrow{padding-top:35px;font-size:9px}.kettu-ui .preview-controls{top:-4px;left:-5px;right:auto;gap:7px}.kettu-ui .preview-controls button{width:32px;height:32px}.kettu-ui h1{font-size:43px}.kettu-ui .subtitle{font-size:16px;letter-spacing:-.35px}.kettu-ui .hero{margin-bottom:37px}.kettu-ui h2{font-size:17px}.kettu-ui .state-label{font-size:10px;gap:6px}.kettu-ui .state-dot{width:8px;height:8px}.kettu-ui .specimen-heading{gap:12px;flex-wrap:wrap}.kettu-ui .composer-line{gap:6px}.kettu-ui .input-surface{padding:12px 9px;border-radius:18px;gap:9px;min-height:74px}.kettu-ui .round-button{width:40px;height:40px}.kettu-ui .round-button svg{width:24px;height:24px}.kettu-ui .plus-button{width:36px;height:36px}.kettu-ui .dock{width:100px;height:69px;border-radius:18px;gap:5px;padding:12px 6px}.kettu-ui .primary-action{width:40px;height:40px;margin-top:0}.kettu-ui .secondary-action{margin-top:0}.kettu-ui .signal-glyph{width:25px;height:25px}.kettu-ui .signal-talk{width:26px;height:20px}.kettu-ui .signal-stop{width:21px;height:21px}.kettu-ui .dock-action{gap:18px}.kettu-ui .dock-action>span{font-size:10px}.kettu-ui textarea{font-size:14px;line-height:20px;letter-spacing:-.25px}.kettu-ui .recording-content{flex-direction:column;gap:0;align-items:stretch}.kettu-ui .recording-time{font-size:12px}.kettu-ui .voice-visualizer{height:34px;flex:auto}.kettu-ui .helper-row{max-width:calc(100% - 106px);gap:10px;padding-left:1px;font-size:9px}.kettu-ui .discard-link{font-size:10px}.kettu-ui .helper-row>span:not(.sent-feedback){overflow:hidden;text-overflow:ellipsis}.kettu-ui .specimens{gap:28px}.kettu-ui .palette-section{margin-top:40px}.kettu-ui .palette-section>p{font-size:15px}.kettu-ui .palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.kettu-ui .swatch{width:34px;height:34px}.kettu-ui .swatch-button{font-size:11px}.kettu-ui .panel-footer{margin-top:27px}}@media (max-width:960px){.kettu-ui .board.compare{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.kettu-ui *,.kettu-ui :after,.kettu-ui :before{transition:none!important;animation:none!important}}.kettu-ui .component-tabs{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border-radius:12px;background:var(--shade)}.kettu-ui .component-tabs button{min-height:34px;padding:7px 13px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px}.kettu-ui .component-tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000000a}.kettu-ui .shared-page .hero{margin-bottom:20px}.kettu-ui .shared-actions{--accent:var(--app-light)}.kettu-ui [data-theme=dark] .shared-actions{--accent:var(--app-dark)}.kettu-ui .header-specimen{position:relative;margin-bottom:16px}.kettu-ui .app-header{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.kettu-ui .utility-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border:0;border-radius:12px;background:transparent}.kettu-ui .utility-button:hover,.kettu-ui .utility-button[aria-expanded=true]{background:var(--shade)}.kettu-ui .app-heading{display:flex;gap:6px;align-items:baseline;min-width:0;flex:1 1;font-size:20px;letter-spacing:-.65px}.kettu-ui .app-heading strong{font-weight:700}.kettu-ui .app-heading>span{font-weight:400}.kettu-ui .create-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:transparent;font-size:13px}.kettu-ui .create-button:hover:not(:disabled){background:var(--hover)}.kettu-ui .create-button:disabled{opacity:.4}.kettu-ui .app-menu-popover{position:absolute;z-index:20;left:0;top:calc(100% + 8px);width:245px;padding:13px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 14px 38px #0002}.kettu-ui .app-menu-popover>p{margin:4px 9px 10px;font-size:12px;color:var(--muted)}.kettu-ui .app-switcher{display:grid;grid-gap:4px;gap:4px}.kettu-ui .app-switcher>button{--accent:var(--app-light);position:relative;display:flex;gap:9px;align-items:center;min-height:39px;padding:8px 10px;border:0;border-radius:9px;text-align:left;background:transparent;color:var(--muted);font-size:12px}.kettu-ui [data-theme=dark] .app-switcher>button{--accent:var(--app-dark)}.kettu-ui .app-switcher>button:hover,.kettu-ui .app-switcher>button[aria-pressed=true]{background:var(--shade);color:var(--text)}.kettu-ui .app-switch-dot{display:block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--accent)}.kettu-ui .selected-mark{margin-left:auto;width:4px;height:4px;border-radius:50%;background:var(--text)}.kettu-ui .switcher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.kettu-ui .switcher-grid>button{padding:7px 8px;font-size:11px;gap:6px;min-height:36px}.kettu-ui .recent-drafts{margin:0 0 16px;border-bottom:1px solid var(--border);padding-bottom:8px}.kettu-ui .recent-drafts summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:12px;color:var(--muted);min-height:30px}.kettu-ui .recent-drafts summary::-webkit-details-marker{display:none}.kettu-ui .recent-drafts[open] summary>svg{transform:rotate(180deg)}.kettu-ui .draft-count{font-size:10px;padding:2px 6px;margin-left:4px;background:var(--shade);border-radius:5px}.kettu-ui .recent-drafts>p{font-size:11px;color:var(--muted);margin:9px 0 4px}.kettu-ui .recent-drafts>div{display:grid;grid-gap:4px;gap:4px;padding-top:8px}.kettu-ui .recent-drafts>div>button{display:flex;gap:12px;align-items:center;justify-content:space-between;border:0;background:var(--surface);border-radius:8px;padding:10px;color:var(--text);text-align:left;font-size:12px}.kettu-ui .recent-drafts>div>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kettu-ui .recent-drafts>div>button>svg{flex-shrink:0}.kettu-ui .action-specimens{display:grid;grid-template-columns:1.08fr 1fr;grid-gap:14px;gap:14px}.kettu-ui .component-card{padding:14px 12px 12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);min-width:0}.kettu-ui .component-card-heading{display:flex;align-items:center;gap:10px;padding:0 4px;margin-bottom:12px}.kettu-ui .component-card-heading>svg{flex-shrink:0}.kettu-ui .component-card h3{margin:0;font-size:13px;font-weight:550}.kettu-ui .component-card-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.kettu-ui .attachment-options{display:grid;grid-gap:3px;gap:3px}.kettu-ui .attachment-option{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:var(--text);text-align:left;font-size:12px}.kettu-ui .attachment-option:hover:not(:disabled){background:var(--hover)}.kettu-ui .attachment-option:disabled{opacity:.4}.kettu-ui .component-footnote{margin:14px 9px 3px;font-size:10px;line-height:1.5;color:var(--muted)}.kettu-ui .shared-page .palette-section{margin-top:20px}.kettu-ui .shared-page .panel-footer{margin-top:18px}@container (max-width: 710px){.kettu-ui .shared-page .panel-inner{padding-top:30px;padding-bottom:20px}.kettu-ui .shared-page h1{font-size:42px}.kettu-ui .shared-page .subtitle{font-size:17px}.kettu-ui .shared-page .eyebrow{margin-bottom:14px}.kettu-ui .shared-page .component-tabs{margin-top:12px}}@container (max-width: 470px){.kettu-ui .shared-page h1{font-size:37px}.kettu-ui .shared-page .subtitle{font-size:15px}.kettu-ui .app-header{gap:7px;padding:8px}.kettu-ui .app-heading{font-size:19px}.kettu-ui .create-button{padding:0 9px;font-size:12px;gap:5px}.kettu-ui .action-specimens{grid-template-columns:minmax(0,1fr)}.kettu-ui .component-card{padding:17px}.kettu-ui .switcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kettu-ui .switcher-grid>button{font-size:12px;min-height:40px}.kettu-ui .shared-page .palette-section{margin-top:28px}}.kettu-ui .ai-page .hero{margin-bottom:16px}.kettu-ui .ai-page .palette-section{margin-top:18px}.kettu-ui .ai-page .panel-footer{margin-top:14px}.kettu-ui .ai-states{--accent:var(--app-light)}.kettu-ui [data-theme=dark] .ai-states{--accent:var(--app-dark)}.kettu-ui .states-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:9px}.kettu-ui .preview-tag{font-size:10px;border:1px solid var(--border);padding:4px 7px;border-radius:6px}.kettu-ui .state-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:9px;gap:9px;margin-bottom:20px}.kettu-ui .state-option{min-width:0;text-align:left;border:1px solid var(--border);border-radius:14px;padding:10px 13px;background:var(--surface);transition:border-color .18s,background .18s}.kettu-ui .state-option:hover{background:var(--hover)}.kettu-ui .state-option[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.kettu-ui .state-option-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:6px}.kettu-ui .state-option-top>span{font-size:9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kettu-ui .state-option[aria-pressed=true] .state-option-top>svg{color:var(--wave-light,var(--accent))}.kettu-ui [data-theme=dark] .state-option[aria-pressed=true] .state-option-top>svg{color:var(--accent)}.kettu-ui .state-option small,.kettu-ui .state-option strong{display:block}.kettu-ui .state-option strong{font-size:12px;font-weight:550;letter-spacing:-.2px}.kettu-ui .state-option small{margin-top:4px;font-size:10px;line-height:1.4;color:var(--muted)}.kettu-ui .agent-reply{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:15px;min-height:98px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.kettu-ui .reply-body{display:flex;align-items:flex-start;gap:12px;min-width:0}.kettu-ui .reply-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;color:var(--muted)}.kettu-ui .reply-body h3{margin:3px 0 8px;font-size:13px;font-weight:550}.kettu-ui .reply-body p{max-width:340px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.kettu-ui .reply-action{flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:6px}.kettu-ui .reply-action .round-button{width:38px;height:38px}.kettu-ui .reply-action .signal-stop{width:18px;height:18px}.kettu-ui .reply-action>span{font-size:10px;color:var(--muted);white-space:nowrap}.kettu-ui .preview-reply{flex-shrink:0;background:transparent;border:1px solid var(--border);border-radius:10px;padding:10px 11px;min-height:40px;font-size:11px}.kettu-ui .preview-reply:hover{background:var(--hover)}.kettu-ui .state-principle{display:flex;flex-direction:column;gap:5px;margin:14px 0 0;font-size:11px;color:var(--muted)}.kettu-ui .state-principle>span{font-size:10px;font-weight:600;letter-spacing:.2px}.kettu-ui .state-principle p{margin:0;line-height:1.6}.kettu-ui .state-principle strong{font-weight:550;color:var(--text)}.kettu-ui [data-state=disconnected] .state-dot{background:var(--muted)}.kettu-ui [data-state=disconnected] .voice-visualizer{opacity:.4}@container (max-width: 710px){.kettu-ui .ai-page .panel-inner{padding-top:30px;padding-bottom:20px}.kettu-ui .ai-page h1{font-size:42px}.kettu-ui .ai-page .subtitle{font-size:17px}.kettu-ui .ai-page .eyebrow{margin-bottom:14px}.kettu-ui .ai-page .component-tabs{margin-top:12px}}@container (max-width: 470px){.kettu-ui .component-tabs{display:flex}.kettu-ui .component-tabs button{flex:1 1;padding:7px 9px;font-size:11px}.kettu-ui .ai-page h1{font-size:37px}.kettu-ui .ai-page .subtitle{font-size:15px}.kettu-ui .state-options{gap:7px;margin-bottom:22px}.kettu-ui .state-option{padding:11px 9px;border-radius:11px}.kettu-ui .state-option strong{font-size:11px}.kettu-ui .state-option small{font-size:9px}.kettu-ui .state-option-top{margin-bottom:9px}.kettu-ui .states-intro{font-size:11px}.kettu-ui .preview-tag{font-size:8px}.kettu-ui .agent-reply{flex-wrap:wrap;gap:12px;padding:15px;min-height:139px}.kettu-ui .reply-body{flex:1 1;min-width:220px;gap:8px}.kettu-ui .reply-body p{font-size:11px}.kettu-ui .reply-action{flex-direction:row}.kettu-ui .reply-action .round-button{width:40px;height:40px}.kettu-ui .preview-reply{margin-left:37px}.kettu-ui .state-principle{font-size:10px}}@container (max-width:470px){.kettu-ui :is(.mini-shell,.k-compact-voice) .dock{width:116px;padding:8px 6px;gap:5px}.kettu-ui :is(.mini-shell,.k-compact-voice) .dock-action{gap:14px}.kettu-ui :is(.mini-shell,.k-compact-voice) .round-button{width:48px;height:48px;border:0!important;position:relative;overflow:visible;background:transparent!important}.kettu-ui :is(.mini-shell,.k-compact-voice) .round-button:before{content:"";position:absolute;inset:4px;border:1px solid var(--border);border-radius:50%;pointer-events:none}.kettu-ui :is(.mini-shell,.k-compact-voice) .round-button:hover:before{background:var(--hover)}.kettu-ui :is(.mini-shell,.k-compact-voice) .plus-button{width:40px}.kettu-ui :is(.mini-shell,.k-compact-voice) .plus-button:before{inset:4px 0}.kettu-ui :is(.mini-shell,.k-compact-voice) textarea{font-size:16px;line-height:22px}.kettu-ui :is(.mini-shell,.k-compact-voice) .input-surface{gap:6px;padding-inline:6px}.kettu-ui :is(.mini-shell,.k-compact-voice) .signal-glyph{position:relative;z-index:1}.kettu-ui :is(.mini-shell,.k-compact-voice) .helper-row{max-width:calc(100% - 122px)}}.kettu-ui .primary-action.talk-button{border:0;overflow:visible;isolation:isolate;background:transparent}.kettu-ui .primary-action.talk-button:hover{background:transparent}.kettu-ui :is(.mini-shell,.k-compact-voice) .round-button.talk-button:before{display:none}.kettu-ui .talk-art{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.kettu-ui .talk-face{position:absolute;inset:10%;border-radius:50%;background:#17171f;box-shadow:inset 0 0 4px #0006}.kettu-ui .talk-halo{position:absolute;inset:8.333333%;border-radius:50%;animation:kettu-ui-talk-halo-turn 4.8s linear infinite}.kettu-ui .talk-glow:before,.kettu-ui .talk-halo:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--talk-colors,conic-gradient(from -45deg,#ffe3a0,#f3ac83,#d29b3c,#ffe3a0));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.3px),#000 calc(100% - 1.1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.3px),#000 calc(100% - 1.1px))}.kettu-ui .talk-glow{position:absolute;inset:-1%;filter:blur(1.65px);opacity:.32}.kettu-ui .talk-glow:before{-webkit-mask:radial-gradient(farthest-side,transparent 88%,#000 93%);mask:radial-gradient(farthest-side,transparent 88%,#000 93%)}.kettu-ui [data-theme=dark] .talk-glow{opacity:.65}.kettu-ui .talk-idle-glyph,.kettu-ui .talk-live-glyph{position:absolute;width:50%;height:auto;aspect-ratio:416/311;display:block;transition:opacity .2s ease}.kettu-ui .talk-idle-glyph{background:#fafafe;-webkit-mask:var(--talk-mask) center/contain no-repeat;mask:var(--talk-mask) center/contain no-repeat}.kettu-ui .talk-live-glyph{opacity:0;overflow:visible}.kettu-ui .talk-art[data-wave-active=true] .talk-idle-glyph{opacity:0}.kettu-ui .talk-art[data-wave-active=true] .talk-live-glyph{opacity:1}.kettu-ui .talk-button:disabled{opacity:.45}.kettu-ui .talk-button:disabled .talk-halo{animation:none}@keyframes kettu-ui-talk-halo-turn{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.kettu-ui .talk-halo{animation:none!important}.kettu-ui .talk-art .talk-live-glyph{display:none}.kettu-ui .talk-art .talk-idle-glyph{opacity:1!important}}.kettu-ui .k-system{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-small:8px;--radius-control:12px;--radius-panel:18px;--radius-overlay:24px;--control-compact:36px;--control-default:44px;--control-touch:48px;--success:#23724d;--success-bg:#edf7f0;--warning:#805b14;--warning-bg:#fcf5e5;--danger:#b13943;--danger-bg:#fceff0;--info:#375c95;--info-bg:#edf3fb;--control-border:#858b94;--focus:#405c93;--solid:#20242a;--on-solid:#ffffff;--motion-fast:140ms;--motion-standard:220ms;--motion-dialog:280ms;--accent:var(--app-light);font-family:Inter Variable,Inter,Arial,sans-serif}.kettu-ui .k-system[data-theme=dark],.kettu-ui [data-theme=dark] .k-system{--success:#94d4ad;--success-bg:#253d31;--warning:#e3c078;--warning-bg:#403727;--danger:#f3a4aa;--danger-bg:#442e32;--info:#a8c5f5;--info-bg:#2c3749;--control-border:#7c8795;--focus:#b6c8f2;--solid:#f0f1f3;--on-solid:#20242a;--accent:var(--app-dark)}.kettu-ui .k-system a:focus-visible,.kettu-ui .k-system button:focus-visible,.kettu-ui .k-system input:focus-visible,.kettu-ui .k-system select:focus-visible,.kettu-ui .k-system summary:focus-visible,.kettu-ui .k-system textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.kettu-ui .k-system a{color:var(--info);text-decoration:underline;text-underline-offset:3px}.kettu-ui .k-system :is(input,textarea,select){font:inherit;color:var(--text)}.kettu-ui .k-system :is(h2,h3,h4,p){margin:0}.kettu-ui .k-system h2{font-size:17px;letter-spacing:-.3px;white-space:normal}.kettu-ui .k-system h3{font-size:14px;font-weight:600;letter-spacing:-.2px}.kettu-ui .k-system h4{font-size:12px;font-weight:600}.kettu-ui .k-stack{display:flex;flex-direction:column;gap:14px}.kettu-ui .k-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kettu-ui .k-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.kettu-ui .k-muted{color:var(--muted);font-size:12px;line-height:1.6}.kettu-ui .k-divider{height:1px;background:var(--border);margin:3px 0}.kettu-ui .k-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;min-width:0}.kettu-ui .k-card>h3{margin-bottom:16px}.kettu-ui .k-caption{font-size:10px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px!important}.kettu-ui .k-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--shade);border-radius:8px;padding:5px 8px;font-size:11px;line-height:1.3}.kettu-ui .k-chip button{display:grid;place-items:center;background:none;border:0;padding:3px;color:inherit}.kettu-ui .k-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;font-size:10px;font-weight:550;background:var(--shade);color:var(--muted)}.kettu-ui .k-badge.success{background:var(--success-bg);color:var(--success)}.kettu-ui .k-badge.warning{background:var(--warning-bg);color:var(--warning)}.kettu-ui .k-badge.danger{background:var(--danger-bg);color:var(--danger)}.kettu-ui .k-badge.info{background:var(--info-bg);color:var(--info)}@media (prefers-reduced-motion:reduce){.kettu-ui .k-system *,.kettu-ui .k-system :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.kettu-ui .k-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:transparent;font-size:13px;font-weight:550;white-space:nowrap;transition:background var(--motion-fast),transform var(--motion-fast)}.kettu-ui .k-button.primary{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}.kettu-ui .k-button.tertiary{border-color:transparent}.kettu-ui .k-button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.kettu-ui .k-button.danger-solid{background:var(--danger);border-color:var(--danger);color:var(--surface)}.kettu-ui .k-button:hover:not(:disabled){background:var(--hover)}.kettu-ui .k-button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--solid) 85%,var(--surface))}.kettu-ui .k-button.danger-solid:hover:not(:disabled){background:var(--danger);filter:brightness(.92)}.kettu-ui .k-button.sample-pressed,.kettu-ui .k-button:active:not(:disabled){transform:translateY(1px);background:var(--shade)}.kettu-ui .k-button:disabled{opacity:.43;cursor:not-allowed}.kettu-ui .k-button[aria-busy=true]{opacity:.75}.kettu-ui .k-button.compact{min-height:36px;padding:0 12px;font-size:12px;border-radius:9px}.kettu-ui .k-button.touch{min-height:48px}.kettu-ui .k-button.sample-hover{background:var(--hover)}.kettu-ui .k-button.sample-focus{outline:2px solid var(--focus);outline-offset:3px}.kettu-ui .k-icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:12px;background:transparent;flex-shrink:0}.kettu-ui .k-icon-button:hover,.kettu-ui .k-icon-button[aria-pressed=true]{background:var(--shade)}.kettu-ui .k-icon-button:disabled{opacity:.4}.kettu-ui .k-spinner{animation:kettu-ui-k-spin 1s linear infinite;flex-shrink:0}@keyframes kettu-ui-k-spin{to{transform:rotate(1turn)}}@media(pointer:coarse){.kettu-ui .k-button,.kettu-ui .k-icon-button{min-width:48px;min-height:48px}}.kettu-ui .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kettu-ui .k-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px}.kettu-ui .k-field label{font-size:12px;font-weight:550}.kettu-ui .k-field-control{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 12px;min-height:44px}.kettu-ui .k-field-control>svg{flex-shrink:0;color:var(--muted)}.kettu-ui .k-field-control:focus-within{outline:2px solid var(--focus);outline-offset:2px}.kettu-ui .k-field-control input,.kettu-ui .k-field-control textarea{min-width:0;width:100%;min-height:42px;background:none;border:0;outline:none!important;padding:10px 0;letter-spacing:0;line-height:1.5;font-size:13px}.kettu-ui .k-field-control textarea{resize:vertical;max-height:160px}.kettu-ui .k-field-control:has(:disabled){background:var(--shade);opacity:.65}.kettu-ui .k-field-hint{font-size:11px;line-height:1.45;color:var(--muted)}.kettu-ui .k-field.has-error .k-field-control{border-color:var(--danger)}.kettu-ui .k-field.has-error :is(.k-field-hint,svg){color:var(--danger)}.kettu-ui .k-field.has-success :is(.k-field-hint,svg){color:var(--success)}.kettu-ui .k-search{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--border);background:var(--surface);padding-inline:13px 4px;border-radius:14px}.kettu-ui .k-search>svg{color:var(--muted);flex-shrink:0}.kettu-ui .k-search input{width:100%;min-width:0;border:0;background:none;outline:none!important;font-size:13px}.kettu-ui .k-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.kettu-ui .k-search input::-webkit-search-cancel-button{display:none}.kettu-ui .k-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 12px;height:44px;width:100%;font-size:13px!important}.kettu-ui .k-choice{display:flex;align-items:flex-start;gap:10px;font-size:12px;cursor:pointer;min-height:28px}.kettu-ui .k-choice input{width:18px;height:18px;margin:0;accent-color:var(--solid);flex-shrink:0}.kettu-ui .k-choice strong{display:block;font-weight:500;line-height:18px}.kettu-ui .k-choice small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.kettu-ui .k-choice:has(:disabled){opacity:.45}.kettu-ui .k-switch-row{display:flex;align-items:center;position:relative;gap:15px;cursor:pointer;min-height:52px}.kettu-ui .k-switch-row>span:first-child{flex:1 1}.kettu-ui .k-switch-row strong{display:block;font-size:12px;font-weight:550}.kettu-ui .k-switch-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.kettu-ui .k-switch-row input{position:absolute;inset-inline-end:0;width:44px;height:28px;opacity:0;cursor:pointer}.kettu-ui .k-switch{pointer-events:none;display:block;flex-shrink:0;width:40px;height:24px;border-radius:14px;background:var(--border);padding:3px;transition:background .14s}.kettu-ui .k-switch:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform .14s;box-shadow:0 1px 3px #0002}.kettu-ui .k-switch-row input:checked+.k-switch{background:var(--solid)}.kettu-ui .k-switch-row input:checked+.k-switch:after{transform:translateX(16px);background:var(--on-solid)}.kettu-ui .k-switch-row input:focus-visible+.k-switch{outline:2px solid var(--focus);outline-offset:4px}.kettu-ui [dir=rtl] .k-switch-row input:checked+.k-switch:after{transform:translateX(-16px)}.kettu-ui .k-stepper{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:12px;margin-top:8px}.kettu-ui .k-stepper output{min-width:22px;text-align:center;font-size:13px}.kettu-ui .range-field{font-size:12px;display:block;min-width:170px}.kettu-ui .range-field output{float:inline-end;color:var(--muted)}.kettu-ui .range-field input{width:100%;display:block;margin:16px 0 0;accent-color:var(--solid)}.kettu-ui .spread{justify-content:space-between}.kettu-ui .k-menu{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:7px;box-shadow:0 8px 24px #0000000b}.kettu-ui .k-menu>button{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;min-height:40px;background:transparent;width:100%;text-align:start;padding:8px 10px;font-size:12px}.kettu-ui .k-menu>button>span{flex:1 1}.kettu-ui .k-menu>button:focus-visible,.kettu-ui .k-menu>button:hover{background:var(--hover)}.kettu-ui .k-menu>button.danger{color:var(--danger)}.kettu-ui .k-menu>button:disabled{opacity:.4}.kettu-ui .k-menu-divider{height:1px;background:var(--border);margin:5px 6px}.kettu-ui .k-menu-anchor{position:relative}.kettu-ui .k-menu-floating{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline-end:0;min-width:220px}.kettu-ui .k-system kbd{font-family:inherit;border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:10px;color:var(--muted)}.kettu-ui .key-rules{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:11px}.kettu-ui .key-rules>span{display:flex;align-items:center;gap:7px}.kettu-ui .k-tooltip{position:relative;display:inline-flex}.kettu-ui .k-tooltip>span:first-child{display:flex;padding:8px}.kettu-ui .k-tooltip [role=tooltip]{display:none;position:absolute;z-index:30;bottom:calc(100% + 8px);inset-inline-start:0;white-space:nowrap;border-radius:7px;background:var(--solid);color:var(--on-solid);font-size:11px;padding:8px 10px}.kettu-ui .k-tooltip.show [role=tooltip],.kettu-ui .k-tooltip:focus-within [role=tooltip],.kettu-ui .k-tooltip:hover [role=tooltip]{display:block}.kettu-ui .tooltip-card{padding-top:38px}.kettu-ui .k-dialog,.kettu-ui .k-dialog-example{padding:22px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px;box-shadow:0 16px 45px #00000012}.kettu-ui .k-dialog{width:440px;max-width:calc(100vw - 32px)}.kettu-ui .k-dialog::-webkit-backdrop{background:#12151b80}.kettu-ui .k-dialog::backdrop{background:#12151b80}.kettu-ui .k-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}.kettu-ui .k-dialog-heading h3{font-size:19px;letter-spacing:-.5px}.kettu-ui .k-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.kettu-ui .k-dialog-example>.k-muted:last-child{font-size:10px;margin-top:15px}.kettu-ui .panel-example{display:flex;flex-direction:column;gap:13px}.kettu-ui .k-sheet-example{padding:14px 18px 18px;border:1px solid var(--border);border-radius:24px 24px 12px 12px;background:var(--surface);display:flex;flex-direction:column;gap:14px}.kettu-ui .sheet-handle{width:32px;height:4px;background:var(--border);border-radius:4px;align-self:center;margin-bottom:6px}.kettu-ui .space-choice{display:flex;align-items:center;justify-content:space-between;text-align:start;min-height:42px;background:none;border:0;border-radius:9px;padding:9px;font-size:12px}.kettu-ui .space-choice.selected{background:var(--shade)}.kettu-ui .space-choice span{font-size:10px;color:var(--muted)}.kettu-ui .k-file{display:flex;gap:12px;align-items:center;min-height:85px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.kettu-ui .k-file-icon{width:43px;height:48px;display:grid;place-items:center;background:var(--shade);border-radius:10px;flex-shrink:0}.kettu-ui .k-file-body{min-width:0;flex:1 1}.kettu-ui .k-file-body strong{display:block;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kettu-ui .k-file-body>span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.kettu-ui .k-file-body p{font-size:10px;color:var(--danger);margin-top:5px}.kettu-ui .k-file.failed{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.kettu-ui .k-file.failed .k-file-icon{color:var(--danger);background:var(--danger-bg)}.kettu-ui .k-file progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;display:block;margin-top:12px;border:0;border-radius:4px;overflow:hidden}.kettu-ui .k-file progress::-webkit-progress-bar{background:var(--shade)}.kettu-ui .k-file progress::-webkit-progress-value{background:var(--accent);border-radius:4px}.kettu-ui .k-file .k-icon-button{width:34px;height:40px;border-radius:9px}.kettu-ui .k-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--quiet);border-radius:18px;padding:26px 15px;min-height:142px;cursor:pointer;background:var(--surface)}.kettu-ui .k-upload-zone strong{font-size:13px;font-weight:550}.kettu-ui .k-upload-zone span{font-size:10px;color:var(--muted)}.kettu-ui .k-upload-zone input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.kettu-ui .k-upload-zone:focus-within{outline:2px solid var(--focus);outline-offset:3px}.kettu-ui .capability-list{display:flex;flex-direction:column;gap:14px}.kettu-ui .capability-list>div{display:flex;gap:18px;align-items:center;font-size:11px}.kettu-ui .capability-list strong{width:55px;font-weight:550}.kettu-ui .capability-list span{display:flex;align-items:center;gap:7px;color:var(--muted);flex-wrap:wrap}.kettu-ui .file-preview-row{display:flex;align-items:center;gap:14px}.kettu-ui .file-preview-row>div{flex:1 1}.kettu-ui .file-preview-row p{margin-top:6px}.kettu-ui .k-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.kettu-ui .k-message-author{font-size:11px;color:var(--muted)}.kettu-ui .user-bubble{max-width:85%;background:var(--shade);border:1px solid var(--border);border-radius:18px 18px 5px 18px;padding:15px 17px;font-size:13px;line-height:1.65}.kettu-ui .message-edit{display:flex;gap:5px;align-items:center;font-size:10px;border:0;background:none;color:var(--muted);padding:4px}.kettu-ui .k-assistant-message{padding:18px 0}.kettu-ui .k-message-header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.kettu-ui .k-message-header>strong{font-size:14px}.kettu-ui .k-answer-content{font-size:13px;line-height:1.75}.kettu-ui .k-answer-content h3{font-size:17px;line-height:1.5;margin-bottom:10px}.kettu-ui .k-answer-content p{margin-bottom:12px}.kettu-ui .k-answer-content ol{-webkit-padding-start:22px;padding-inline-start:22px;margin:13px 0}.kettu-ui .k-answer-content li{-webkit-padding-start:4px;padding-inline-start:4px;margin:7px 0}.kettu-ui .k-message-actions{display:flex;align-items:center;gap:4px;margin-top:13px}.kettu-ui .k-message-actions .k-icon-button{width:36px;height:36px;border-radius:9px;color:var(--muted)}.kettu-ui .k-message-actions .k-icon-button svg{width:17px;height:17px}.kettu-ui .action-separator{height:16px;width:1px;background:var(--border);margin:0 4px}.kettu-ui .suggestion-row{display:flex;flex-wrap:wrap;gap:8px}.kettu-ui .k-edit-message{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px}.kettu-ui .k-edit-message textarea{min-height:70px;font-size:13px;line-height:1.6}.kettu-ui .k-edit-message .k-row{justify-content:flex-end;margin-top:10px}.kettu-ui .k-table-scroll{overflow:auto;margin:15px 0;border:1px solid var(--border);border-radius:12px}.kettu-ui .k-table{width:100%;border-collapse:collapse;text-align:start;font-size:11px}.kettu-ui .k-table th{background:var(--shade);font-weight:550}.kettu-ui .k-table td,.kettu-ui .k-table th{padding:11px 12px;border-bottom:1px solid var(--border);text-align:start}.kettu-ui .k-table tr:last-child td{border-bottom:0}.kettu-ui .k-answer-content blockquote{margin:18px 0 0;padding:5px 0 5px 14px;-webkit-border-start:3px solid var(--border);border-inline-start:3px solid var(--border);color:var(--muted);font-size:12px}.kettu-ui .k-code{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.kettu-ui .k-code>div{display:flex;justify-content:space-between;align-items:center;background:var(--shade);padding:9px 14px;font-size:10px}.kettu-ui .k-code button{display:flex;align-items:center;gap:6px;border:0;background:none;font-size:10px}.kettu-ui .k-code pre{overflow:auto;padding:16px;margin:0;font-size:12px;line-height:1.7;color:var(--info)}.kettu-ui .source-link{display:flex;align-items:center;gap:12px;text-decoration:none!important}.kettu-ui .source-link span{flex:1 1}.kettu-ui .source-link strong{display:block;font-size:12px}.kettu-ui .source-link small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.kettu-ui .voice-board>.k-card{margin-top:7px}.kettu-ui .voice-board .helper-row{font-size:10px}.kettu-ui .k-alert{display:flex;align-items:flex-start;gap:12px;border:1px solid transparent;border-radius:14px;padding:16px}.kettu-ui .k-alert>svg{flex-shrink:0;margin-top:1px}.kettu-ui .k-alert>div{flex:1 1}.kettu-ui .k-alert strong{font-size:13px;display:block;font-weight:600}.kettu-ui .k-alert p{font-size:12px;line-height:1.6;margin-top:6px}.kettu-ui .k-alert.success{background:var(--success-bg);color:var(--success)}.kettu-ui .k-alert.info{background:var(--info-bg);color:var(--info)}.kettu-ui .k-alert.warning{background:var(--warning-bg);color:var(--warning)}.kettu-ui .k-alert.danger{background:var(--danger-bg);color:var(--danger)}.kettu-ui .alert-action{border:0;background:none;padding:0;margin-top:10px;font-size:12px;text-decoration:underline;text-underline-offset:3px;font-weight:600}.kettu-ui .k-toast{display:flex;align-items:center;gap:10px;min-height:52px;background:var(--solid);color:var(--on-solid);padding:12px 15px;border-radius:13px;font-size:12px}.kettu-ui .k-toast>span{flex:1 1}.kettu-ui .k-toast>button{background:none;border:0;padding:4px;font-size:12px;text-decoration:underline;text-underline-offset:3px}.kettu-ui .k-toast>svg{flex-shrink:0}.kettu-ui .k-empty{display:flex;align-items:center;flex-direction:column;text-align:center;gap:13px;padding:16px 0}.kettu-ui .k-empty>svg{color:var(--muted)}.kettu-ui .k-empty h3{font-size:15px}.kettu-ui .k-empty p{font-size:11px;line-height:1.7;color:var(--muted);max-width:220px}.kettu-ui .k-empty .k-button{font-size:12px}.kettu-ui .k-skeleton{display:flex;flex-direction:column;gap:13px}.kettu-ui .k-skeleton>span{display:block;height:11px;border-radius:6px;background:var(--shade);animation:kettu-ui-skeleton-pulse 1.8s ease-in-out infinite alternate}.kettu-ui .k-skeleton>.skeleton-title{height:18px;width:45%;margin-bottom:8px}@keyframes kettu-ui-skeleton-pulse{to{opacity:.45}}.kettu-ui .recovery-card{display:flex;align-items:center;gap:13px}.kettu-ui .recovery-card>svg{flex-shrink:0;color:var(--muted)}.kettu-ui .recovery-card>div{flex:1 1}.kettu-ui .recovery-card h3{font-size:13px}.kettu-ui .recovery-card p{font-size:11px;margin-top:7px}.kettu-ui .rule-list{font-size:12px;line-height:1.8;margin:14px 0 0;-webkit-padding-start:20px;padding-inline-start:20px;color:var(--muted)}.kettu-ui .rule-list li{-webkit-padding-start:4px;padding-inline-start:4px;margin-top:5px}.kettu-ui .k-tabs{display:flex;gap:5px;border-bottom:1px solid var(--border)}.kettu-ui .k-tabs button{background:none;border:0;border-bottom:2px solid transparent;min-height:43px;padding:8px 12px;color:var(--muted);font-size:12px;margin-bottom:-1px}.kettu-ui .k-tabs button[aria-selected=true]{border-bottom-color:var(--text);color:var(--text);font-weight:550}.kettu-ui .k-tab-panel{padding:20px 0 3px;display:flex;flex-direction:column;gap:8px;font-size:13px}.kettu-ui .k-breadcrumbs,.kettu-ui .k-tab-panel span{font-size:11px;color:var(--muted)}.kettu-ui .k-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 0}.kettu-ui .k-breadcrumbs a{color:var(--muted);text-decoration:none}.kettu-ui .k-breadcrumbs [aria-current]{color:var(--text)}.kettu-ui .k-side-nav{display:flex;flex-direction:column;gap:5px}.kettu-ui .k-side-nav button{display:flex;gap:10px;align-items:center;min-height:43px;padding:9px;border:0;border-radius:10px;background:none;text-align:start;font-size:12px;color:var(--muted)}.kettu-ui .k-side-nav span{flex:1 1}.kettu-ui .k-side-nav small{font-size:10px}.kettu-ui .k-side-nav [aria-current=page]{background:var(--shade);color:var(--text);font-weight:550}.kettu-ui .k-bottom-nav{display:flex;gap:4px;justify-content:space-between}.kettu-ui .k-bottom-nav button{display:flex;flex:1 1;align-items:center;flex-direction:column;gap:7px;border:0;background:none;color:var(--muted);padding:9px 3px;border-radius:10px;min-height:54px;font-size:10px}.kettu-ui .k-bottom-nav [aria-current=page]{color:var(--text);background:var(--shade)}.kettu-ui .k-pagination{display:flex;align-items:center;gap:5px}.kettu-ui .k-pagination>button:not(.k-icon-button){width:32px;height:34px;border:0;background:none;border-radius:8px;font-size:12px}.kettu-ui .k-pagination [aria-current=page]{background:var(--solid)!important;color:var(--on-solid)}.kettu-ui .k-pagination .k-icon-button{width:30px;height:34px}.kettu-ui .catalog-header-demo{position:relative}.kettu-ui .catalog-app-popup{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:12px;box-shadow:0 12px 40px #0002}.kettu-ui .catalog-app-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px;margin-top:15px}.kettu-ui .catalog-app-results>button{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px;background:none;border:1px solid transparent;border-radius:11px;text-align:start;font-size:12px}.kettu-ui .catalog-app-results>button[aria-pressed=true]{background:var(--shade);border-color:var(--border)}.kettu-ui .catalog-app-results>button>span:nth-child(2){flex:1 1}.kettu-ui .catalog-app-results .token-app-color{width:11px;height:11px;border-radius:50%;flex-shrink:0}.kettu-ui .space-summary{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:12px}.kettu-ui .space-summary span{-webkit-margin-start:auto;margin-inline-start:auto;font-size:10px;color:var(--muted)}.kettu-ui .search-result{display:flex;align-items:center;gap:12px}.kettu-ui .search-result>div{flex:1 1}.kettu-ui .search-result strong{font-size:12px}.kettu-ui .search-result p{font-size:11px;color:var(--muted);margin-top:6px}.kettu-ui .search-result small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.kettu-ui .search-result mark{color:var(--text);background:var(--shade);padding:0 2px}.kettu-ui .k-button.secondary,.kettu-ui .k-field-control,.kettu-ui .k-search,.kettu-ui .k-select{border-color:var(--control-border)}.kettu-ui{background:transparent;min-width:0}.kettu-ui,.kettu-ui *,.kettu-ui :after,.kettu-ui :before{box-sizing:border-box}.kettu-ui .theme-panel[data-theme=light]{color-scheme:light}.kettu-ui .composer-line{direction:ltr}.kettu-ui.kettu-live-composer{width:100%;margin:16px 0;min-width:0}.kettu-ui.kettu-live-composer .theme-panel{padding:16px;border-radius:20px;background:var(--kettu-composer-panel,#211f1d);color:var(--kettu-composer-text,#f8efe8)}.kettu-ui.kettu-live-composer .k-system{padding:0;min-width:0}.kettu-live-composer .kettu-composer-status{font-size:12px;margin-bottom:12px;color:var(--kettu-composer-label,#efd6c5)}.kettu-ui.kettu-live-composer .composer-line{display:flex;align-items:center;gap:8px;width:100%}.kettu-ui.kettu-live-composer .input-surface{display:flex;align-items:center;min-width:0;flex:1 1;background:var(--kettu-composer-input,#34312e);border:1px solid var(--kettu-composer-input-border,#655d57);border-radius:20px;padding:2px}.kettu-ui.kettu-live-composer .input-content{min-width:0;flex:1 1}.kettu-ui.kettu-live-composer textarea{width:100%;display:block;resize:none;border:0!important;border-radius:0!important;background:transparent!important;color:var(--kettu-composer-text,#f8efe8)!important;padding:12px 4px!important;font:400 16px/1.4 Inter,sans-serif;min-height:48px;box-shadow:none!important}.kettu-ui.kettu-live-composer .round-button{width:48px;height:48px;min-width:48px;min-height:48px;border:0;color:var(--kettu-composer-text,#f8efe8);background:transparent;display:grid;place-items:center;box-shadow:none;margin:0;padding:0;border-radius:50%}.kettu-ui.kettu-live-composer .dock{display:flex;gap:0;flex-shrink:0;padding:0;position:static;transform:none;background:none;box-shadow:none}.kettu-ui.kettu-live-composer .dock-action{display:flex;align-items:center;flex-direction:column;gap:2px}.kettu-ui.kettu-live-composer .dock-action>span{font-size:10px;color:var(--kettu-composer-label,#efd6c5)}.kettu-ui.kettu-live-composer .primary-action{background:var(--kettu-composer-primary-base,#41403e)}.kettu-live-composer .kettu-primary-host[aria-disabled=true]{opacity:.4;cursor:not-allowed}.kettu-live-composer .kettu-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.kettu-live-composer .kettu-composer-footer small{font-size:10px!important;line-height:1.5;color:var(--kettu-composer-muted,#c7bfb6)!important}.kettu-live-composer .kettu-composer-footer button{font-size:11px;min-height:36px;min-width:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--kettu-composer-locale-text,#d4c7ba)}.kettu-live-composer .kettu-composer-footer button[aria-pressed=true]{border-color:var(--kettu-composer-locale-selected-border,#bca596);color:var(--kettu-composer-locale-selected-text,#fff)}.kettu-live-composer .kettu-composer-error{font-size:12px!important;color:var(--kettu-composer-error,#ffc9c4)!important}.kettu-captured-wave{width:100%;height:48px;display:block;color:var(--kettu-composer-wave,#bf7156)}.kettu-ui.kettu-live-composer .theme-panel{padding:16px!important;min-height:0!important;width:100%!important;border:1px solid var(--kettu-composer-panel-border,#ffffff20)!important;box-shadow:0 8px 24px var(--kettu-composer-shadow,#0002)}.kettu-ui.kettu-live-composer .k-system{display:block!important;min-height:0!important;background:none!important}.kettu-ui.kettu-live-composer .composer-line{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-gap:12px!important;gap:12px!important}.kettu-ui.kettu-live-composer .input-surface{width:100%!important;min-height:92px!important;align-items:flex-start!important;border-radius:14px!important;padding:6px!important}.kettu-ui.kettu-live-composer .input-content{width:100%!important}.kettu-ui.kettu-live-composer .round-button{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;padding:0!important;margin:0!important;flex:none!important;position:relative!important;transform:none!important}.kettu-ui.kettu-live-composer .round-button svg{width:24px!important;height:24px!important;flex:none!important}.kettu-ui.kettu-live-composer .dock{width:100%!important;justify-content:flex-end!important;gap:12px!important}.kettu-ui.kettu-live-composer .secondary-action{background:var(--kettu-composer-record,#403a35)!important;border:1px solid var(--kettu-composer-record-border,#76695d)!important}.kettu-ui.kettu-live-composer .primary-action{background:var(--kettu-composer-primary,#655349)!important;border:1px solid var(--kettu-composer-primary-border,#a48a76)!important}.kettu-ui.kettu-live-composer .signal-glyph{display:block!important;width:26px!important;height:26px!important;background:currentColor!important;-webkit-mask-image:var(--signal-mask)!important;mask-image:var(--signal-mask)!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}.kettu-ui.kettu-live-composer .kettu-composer-status{font-size:14px!important;font-weight:500!important;line-height:1.4!important}.kettu-ui.kettu-live-composer textarea{min-height:76px!important;max-height:180px!important;font-size:16px!important;line-height:1.5!important}.kettu-ui.kettu-live-composer .dock{border:0!important;outline:0!important;border-radius:0!important;min-height:0!important;height:auto!important}.kettu-ui.kettu-live-composer .dock-action{border:0!important;background:none!important;min-width:0!important}.kettu-ui.kettu-live-composer.kettu-live-composer--expanded .input-surface{min-height:184px!important}.kettu-ui.kettu-live-composer.kettu-live-composer--expanded textarea{min-height:168px!important;max-height:320px!important}.kettu-ui.kettu-live-composer .plus-button:before{inset:4px}:root{--dbox-bg-primary:#FFFFFF;--dbox-bg-secondary:#F7F8FB;--dbox-surface-primary:#FFFFFF;--dbox-surface-soft:#F5F7FB;--dbox-surface-command:#F7F8FC;--dbox-text-primary:#111111;--dbox-text-secondary:#525766;--dbox-text-tertiary:#8B92A3;--dbox-text-disabled:#B8BCC2;--dbox-border-subtle:#EDEDEC;--dbox-border-default:#DEDEDC;--dbox-border-strong:#CBCBC8;--dbox-accent-blue:#1DBAFF;--dbox-accent-violet:#6B40E5;--dbox-accent-purple:#6B40E5;--dbox-accent-purple-deep:#5A32D6;--dbox-gradient-active:linear-gradient(90deg,rgba(107,64,229,0.12),rgba(29,186,255,0.08) 62%,rgba(107,64,229,0.10));--dbox-gradient-identity:linear-gradient(135deg,#6B40E5,#3B7CF3 52%,#1DBAFF);--dbox-space-1:4px;--dbox-space-2:8px;--dbox-space-3:12px;--dbox-space-4:16px;--dbox-space-5:20px;--dbox-space-6:24px;--dbox-space-8:32px;--dbox-space-10:40px;--dbox-space-12:48px;--dbox-space-16:64px;--dbox-space-20:80px;--dbox-space-24:96px;--dbox-sidebar-width:264px;--dbox-radius-xs:6px;--dbox-radius-sm:8px;--dbox-radius-md:10px;--dbox-radius-lg:12px;--dbox-radius-composer:14px;--dbox-radius-pill:999px;--dbox-shadow-subtle:0 2px 8px rgba(17,17,17,0.035);--dbox-shadow-float:0 8px 28px rgba(17,17,17,0.055);--dbox-shadow-composer:0 6px 22px rgba(17,17,17,0.06);--dbox-font-family:"Inter",Arial,Helvetica,sans-serif;--dbox-font-family-arabic:"Noto Sans Arabic","Inter",Arial,Helvetica,sans-serif;--dbox-font-display-size:48px;--dbox-font-display-line:1.12;--dbox-font-h1-size:30px;--dbox-font-h1-line:1.18;--dbox-font-h2-size:20px;--dbox-font-h2-line:1.25;--dbox-font-body-lg-size:16px;--dbox-font-body-size:14px;--dbox-font-small-size:12px;--dbox-font-caption-size:11px;--dbox-font-placeholder-size:15px}html[data-kettu-theme=dark]{--dbox-bg-primary:#05070D;--dbox-bg-secondary:#080B14;--dbox-surface-primary:#0B0F1A;--dbox-surface-soft:#111725;--dbox-surface-command:#121724;--dbox-text-primary:#F4F7FF;--dbox-text-secondary:#B9C0CE;--dbox-text-tertiary:#7F899B;--dbox-text-disabled:#4F586A;--dbox-border-subtle:#172033;--dbox-border-default:#24304A;--dbox-border-strong:#34415D;--dbox-shadow-subtle:0 2px 8px rgba(0,0,0,0.18);--dbox-shadow-float:0 12px 34px rgba(0,0,0,0.24);--dbox-shadow-composer:0 12px 34px rgba(0,0,0,0.28)}@media (min-width:1280px) and (max-width:1439px){:root{--dbox-sidebar-width:248px;--dbox-font-display-size:44px}}