.experience-page{--exp-canvas:var(--cf-canvas,#f5f5f2);--exp-paper:var(--cf-paper,#fbfbf8);--exp-surface:var(--cf-white,#fff);--exp-ink:var(--cf-ink,#171717);--exp-body:var(--cf-body,#595956);--exp-muted:var(--cf-muted,#74746f);--exp-line:var(--cf-line,#deded8);--exp-line-strong:var(--cf-line-strong,#bebeb7);--exp-blue:var(--cf-blue,#2d6e9f);--exp-blue-dark:var(--cf-blue-dark,#245a82);--exp-blue-soft:rgba(45,110,159,.09);--exp-green:var(--cf-entry-green,#dce8d8);--exp-green-ink:var(--cf-entry-green-ink,#243229);--exp-green-line:var(--cf-entry-green-line,#78907d);min-height:100dvh;height:100dvh;overflow:hidden;background:var(--exp-canvas);color:var(--exp-ink);color-scheme:light;font-family:var(--tl-font-sans);-webkit-font-smoothing:antialiased}.experience-page .icp-brand-mark{color:var(--exp-ink)}.experience-page :where(button,a,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 2px var(--exp-paper),0 0 0 4px var(--exp-blue)}.experience-page button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.experience-shell{width:min(1600px,calc(100% - 24px));height:100%;display:flex;flex-direction:column;margin:0 auto}.experience-topbar{position:relative;top:auto;min-height:58px;flex:0 0 auto;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;margin:12px 0;padding:8px 10px 8px 14px;border:1px solid var(--exp-line);border-radius:8px;background:var(--exp-paper);box-shadow:0 1px 2px rgba(23,23,23,.035)}.experience-topbar,.experience-topbar .icp-brand{color:var(--exp-ink)}.experience-title{display:grid;gap:1px;min-width:0;padding-left:16px;border-left:1px solid var(--exp-line)}.experience-title span{color:var(--exp-muted);font:10px/1.2 var(--tl-font-mono);letter-spacing:.06em;text-transform:uppercase}.experience-title strong{color:var(--exp-ink);font-size:13px;font-weight:500}.experience-user{display:flex;align-items:center;gap:10px;color:var(--exp-muted);font-size:12px;white-space:nowrap}.experience-user>a{min-height:40px;display:inline-flex;align-items:center;color:var(--exp-body);text-decoration:none}.experience-user>a:hover{color:var(--exp-ink)}.experience-live-dot{width:7px;height:7px;margin:0;border-radius:50%;background:var(--exp-green-line);box-shadow:none}.experience-page .experience-language-toggle{display:inline-flex;align-items:center;flex:0 0 62px;height:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:0;background:transparent}.experience-page .experience-language-toggle .tl-language-trigger{width:62px;min-width:62px;height:36px;margin:0}.experience-error{flex:0 0 auto;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(155,102,102,.38);border-radius:6px;background:rgba(155,102,102,.08);color:#7c4343;font-size:12px}.experience-workbench{min-height:0;flex:1 1 auto;display:grid;grid-template-columns:250px minmax(420px,1fr) 330px;overflow:hidden;margin-bottom:12px;border:1px solid var(--exp-line);border-radius:12px;background:var(--exp-paper);box-shadow:0 1px 2px rgba(23,23,23,.035)}.experience-billing,.experience-conversation-pane,.experience-main,.experience-session-workspace,.experience-sidebar{min-width:0;min-height:0}.experience-model-sidebar{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:12px;border-right:1px solid var(--exp-line);background:var(--exp-paper)}.experience-token-panel{flex:0 0 auto;display:grid;gap:4px;padding:12px;border:1px solid var(--exp-line);border-radius:8px;background:var(--exp-surface)}.experience-token-panel small,.experience-token-panel span{color:var(--exp-muted);font:10px/1.35 var(--tl-font-mono)}.experience-token-panel strong{overflow:hidden;color:var(--exp-ink);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.experience-new-session-button,.experience-token-panel button{min-height:40px;border:1px solid var(--exp-line-strong);border-radius:5px;background:var(--exp-surface);color:var(--exp-ink);font-size:12px;font-weight:500;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.experience-token-panel button{margin-top:6px}.experience-new-session-button:hover,.experience-token-panel button:hover{border-color:var(--exp-ink);background:var(--exp-ink);color:var(--exp-surface);transform:translateY(-1px)}.experience-new-session-button:active,.experience-token-panel button:active{transform:translateY(0) scale(.97)}.experience-sidebar-heading{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--exp-ink)}.experience-sidebar-heading span{font-size:12px;font-weight:600}.experience-sidebar-heading small{color:var(--exp-muted);font:10px/1.2 var(--tl-font-mono);font-weight:400}.experience-session-heading{padding:1px 0 10px;border-bottom:1px solid var(--exp-line)}.experience-model-list,.experience-session-list{min-height:0;flex:1 1 auto;display:grid;align-content:start;gap:6px;overflow-y:auto;overscroll-behavior:contain;padding:1px 2px 8px 1px;scrollbar-gutter:stable}.experience-model-card,.experience-session-card{width:100%;min-height:52px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--exp-body);cursor:pointer;text-align:left;transition:transform .16s ease,background .18s ease,border-color .18s ease,color .18s ease}.experience-model-card{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px}.experience-model-card:hover,.experience-session-card:hover{border-color:var(--exp-line);background:var(--exp-surface);color:var(--exp-ink);transform:translateY(-1px)}.experience-model-card.is-selected,.experience-session-card.is-selected{border-color:var(--exp-blue);background:var(--exp-blue-soft);color:var(--exp-blue-dark)}.experience-model-mark,.experience-session-card>span{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--exp-line-strong);border-radius:4px;background:var(--exp-paper);color:var(--exp-muted);font:10px/1 var(--tl-font-mono)}.experience-session-card.is-selected>span,.is-selected .experience-model-mark{border-color:rgba(45,110,159,.36);background:var(--exp-surface);color:var(--exp-blue-dark)}.experience-model-card strong,.experience-session-card strong{display:block;overflow:hidden;color:inherit;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.experience-model-card em,.experience-model-card small,.experience-session-card small{display:block;overflow:hidden;margin-top:2px;color:var(--exp-muted);font-size:10px;font-style:normal;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.experience-model-card em{display:none}.experience-model-card>b{color:var(--exp-blue-dark);font-size:12px}.experience-session-card{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:8px}.experience-session-card small{grid-column:2;margin-top:-5px}.experience-sidebar-note{flex:0 0 auto;display:flex;gap:7px;margin:0;color:var(--exp-muted);font-size:10px;line-height:1.5}.experience-sidebar-note>span{display:grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border:1px solid var(--exp-line-strong);border-radius:50%;color:var(--exp-muted);font:9px/1 var(--tl-font-mono)}.experience-empty{padding:8px 2px;color:var(--exp-muted);font-size:12px;line-height:1.6}.experience-main{display:flex;flex-direction:column;overflow:hidden;background:var(--exp-surface)}.experience-tabs{flex:0 0 auto;display:flex;gap:16px;padding:0 18px;border-bottom:1px solid var(--exp-line);background:var(--exp-paper)}.experience-tabs button{position:relative;min-height:48px;border:0;background:transparent;color:var(--exp-muted);font-size:12px;font-weight:500;transition:color .18s ease}.experience-tabs button.is-active,.experience-tabs button:hover{color:var(--exp-ink)}.experience-tabs button.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--exp-blue);content:""}.experience-model-toolbar{min-height:44px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--exp-line);background:var(--exp-surface)}.experience-model-toolbar span{color:var(--exp-muted);font-size:11px}.experience-model-toolbar strong{color:var(--exp-ink);font:500 11px/1.2 var(--tl-font-mono)}.experience-session-workspace{min-height:0;flex:1 1 auto;display:grid;grid-template-columns:184px minmax(0,1fr);overflow:hidden}.experience-session-sidebar{min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:12px;border-right:1px solid var(--exp-line);background:var(--exp-paper)}.experience-new-session-button{flex:0 0 44px;min-height:44px}.experience-conversation-pane{display:flex;flex-direction:column;overflow:hidden;background:var(--exp-surface)}.experience-message-list{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:24px;scrollbar-gutter:stable}.experience-welcome{max-width:520px;margin:auto;color:var(--exp-body)}.experience-welcome>span{border-color:var(--exp-line);border-radius:6px;background:var(--exp-paper);color:var(--exp-blue-dark);box-shadow:none}.experience-welcome h2{color:var(--exp-ink);font-size:22px;font-weight:600;letter-spacing:-.035em;text-wrap:balance}.experience-welcome p{color:var(--exp-body);font-size:14px;line-height:1.65;text-wrap:pretty}.experience-welcome button{min-height:40px;border-color:var(--exp-line-strong);border-radius:5px;background:var(--exp-surface);color:var(--exp-ink);font-size:12px;font-weight:500}.experience-welcome button:hover{border-color:var(--exp-ink);background:var(--exp-ink);color:var(--exp-surface)}.experience-message{max-width:min(86%,720px);color:var(--exp-body)}.experience-message>div{border:1px solid var(--exp-line);border-radius:8px;background:var(--exp-paper);box-shadow:none}.experience-message.user>div{border-color:rgba(45,110,159,.22);background:var(--exp-blue-soft);color:var(--exp-ink)}.experience-message-avatar{border:1px solid var(--exp-line-strong);background:var(--exp-surface);color:var(--exp-muted);font:10px/1 var(--tl-font-mono)}.experience-message-meta{border-top-color:var(--exp-line);color:var(--exp-muted)}.experience-message-meta button{min-height:36px;color:var(--exp-blue-dark);font-size:11px}.experience-message-meta button:hover{color:var(--exp-ink)}.experience-message.is-failed>div{border-color:rgba(155,102,102,.45);background:rgba(155,102,102,.08)}.experience-message-failed{color:#8a5050}.experience-thinking{color:var(--exp-muted);font-size:12px}.experience-thinking span{background:var(--exp-blue)}.experience-composer{flex:0 0 auto;margin:0 18px 18px;border:1px solid var(--exp-line-strong);border-radius:8px;background:var(--exp-paper);box-shadow:0 1px 2px rgba(23,23,23,.03)}.experience-composer:focus-within{border-color:var(--exp-blue);box-shadow:0 0 0 3px var(--exp-blue-soft)}.experience-composer textarea{max-height:128px;resize:vertical;color:var(--exp-ink);caret-color:var(--exp-blue-dark);font-size:14px;line-height:1.6}.experience-composer textarea::placeholder{color:var(--exp-muted)}.experience-composer-actions{border-top-color:var(--exp-line)}.experience-composer-actions small{color:var(--exp-muted);font-size:10px}.experience-primary-button,.experience-secondary-button{min-height:40px;border-radius:5px;font-size:12px;font-weight:500;transition:transform .16s ease,background .16s ease,border-color .16s ease}.experience-primary-button{border:1px solid var(--exp-ink);background:var(--exp-ink);color:var(--exp-surface)}.experience-primary-button:hover:not(:disabled){background:#30302e;transform:translateY(-1px)}.experience-primary-button:active:not(:disabled){transform:translateY(0) scale(.97)}.experience-primary-button:disabled{border-color:var(--exp-line);background:var(--exp-line);color:var(--exp-muted);opacity:1}.experience-secondary-button{border:1px solid var(--exp-line-strong);background:var(--exp-surface);color:var(--exp-body)}.experience-secondary-button:hover{border-color:var(--exp-ink);color:var(--exp-ink)}.experience-image-controls label,.experience-image-fixed{color:var(--exp-body);font-size:11px;font-weight:500}.experience-image-controls select,.experience-image-fixed,.experience-image-price{min-height:34px;border-color:var(--exp-line);border-radius:5px;background:var(--exp-surface);color:var(--exp-body);font-size:11px;font-weight:500}.experience-image-fixed b{color:var(--exp-ink)}.experience-image-price i{color:var(--exp-blue)}.experience-billing{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--exp-line);background:var(--exp-paper)}.experience-billing-top{flex:0 0 auto;padding:16px;border-bottom:1px solid var(--exp-line);background:var(--exp-paper)}.experience-billing-top span{color:var(--exp-muted);font-size:11px}.experience-billing-top strong{color:var(--exp-ink);font-size:14px;font-weight:600}.experience-status-live{border-color:rgba(120,144,125,.45);background:var(--exp-green);color:var(--exp-green-ink)}.experience-status-idle{border-color:var(--exp-line);background:var(--exp-surface);color:var(--exp-muted)}.experience-billing>.experience-metrics{flex:0 0 auto;overflow-y:auto;padding:12px}.experience-metrics article{border:1px solid var(--exp-line);border-radius:6px;background:var(--exp-surface);box-shadow:none}.experience-metrics article:before{background:var(--exp-line-strong)}.experience-metrics article.is-green:before{background:var(--exp-green-line)}.experience-metrics article.is-blue:before{background:var(--exp-blue)}.experience-metrics span{color:var(--exp-muted);font-size:10px}.experience-metrics strong{color:var(--exp-ink);font-family:var(--tl-font-mono);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.experience-detail-button{min-height:40px;flex:0 0 auto;width:calc(100% - 24px);margin:0 12px 12px;border-color:var(--exp-line-strong);border-radius:5px;background:var(--exp-surface);color:var(--exp-body);font-size:12px;font-weight:500}.experience-detail-button:hover{border-color:var(--exp-ink);color:var(--exp-ink)}.experience-billing>.experience-comparison{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px;border-top-color:var(--exp-line)}.experience-comparison-heading strong{color:var(--exp-ink);font-size:12px;font-weight:600}.experience-comparison-heading span{border-color:var(--exp-line-strong);color:var(--exp-muted)}.experience-comparison p,.experience-price-sources a{color:var(--exp-muted);font-size:10px}.experience-price-sources a{font-weight:400}.experience-bar-row{grid-template-columns:82px minmax(0,1fr) auto}.experience-bar-row>span{color:var(--exp-body);font-size:11px}.experience-bar-row>i{background:var(--exp-line)}.experience-bar-row b.official,.experience-bar-row b.tokenlat,.experience-bar-row>i>b,.experience-provider-row b.anthropic,.experience-provider-row b.deepseek,.experience-provider-row b.gemini,.experience-provider-row b.kimi,.experience-provider-row b.minimax,.experience-provider-row b.openai,.experience-provider-row b.qwen{background:var(--exp-blue)}.experience-provider-dot{background:var(--exp-muted)!important}.experience-bar-row strong{color:var(--exp-ink);font-family:var(--tl-font-mono);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.experience-bar-row small.is-higher{color:#8b6d38}.experience-bar-row small.is-lower{color:var(--exp-green-line)}.experience-billing-empty{min-height:0;flex:1 1 auto;color:var(--exp-muted);font-size:12px}.experience-billing-empty>span{border-color:var(--exp-line);background:var(--exp-surface);color:var(--exp-blue-dark);box-shadow:none}.experience-image-gallery button{min-width:44px;min-height:44px;border-color:var(--exp-line);border-radius:8px;background:var(--exp-surface)}.experience-image-gallery img{transition:filter .18s ease}.experience-image-gallery button:hover img{transform:none;filter:brightness(1.02)}.experience-image-empty{border-color:var(--exp-line);color:var(--exp-muted)}.experience-mobile-backdrop,.experience-mobile-panel-actions{display:none}.experience-loading{display:grid;min-height:100dvh;place-content:center;gap:8px;color:var(--exp-body)}.experience-loading strong{color:var(--exp-ink);font-size:20px;font-weight:600}.experience-loading a{min-height:40px;display:inline-flex;align-items:center;color:var(--exp-blue-dark);font-size:12px}.experience-drawer-backdrop,.experience-image-preview,.experience-modal-backdrop{background:rgba(23,23,23,.35)}.experience-detail-drawer,.experience-modal{border:1px solid var(--exp-line);border-radius:12px;background:var(--exp-paper);box-shadow:0 24px 80px rgba(23,23,23,.18);color:var(--exp-ink)}.experience-detail-drawer h2,.experience-modal h2{color:var(--exp-ink);font-size:24px;font-weight:600;letter-spacing:-.03em}.experience-modal label,.experience-modal p,.experience-security-note{color:var(--exp-body)}.experience-modal select{min-height:48px;border-color:var(--exp-line-strong);border-radius:5px;background:var(--exp-surface);color:var(--exp-ink)}.experience-modal-token-preview{border-color:var(--exp-line);background:var(--exp-surface)}.experience-modal-token-preview small,.experience-modal-token-preview span{color:var(--exp-muted)}.experience-drawer-header{border-bottom-color:var(--exp-line)}.experience-drawer-header>button,.experience-image-preview>button{width:44px;height:44px;border:1px solid var(--exp-line-strong);border-radius:5px;background:var(--exp-surface);color:var(--exp-ink)}.experience-detail-tabs{border-bottom-color:var(--exp-line)}.experience-detail-tabs button{min-height:44px;color:var(--exp-muted)}.experience-detail-tabs button.is-active{color:var(--exp-ink)}.experience-detail-tabs button.is-active:after{background:var(--exp-blue)}.experience-detail-summary{font-family:var(--tl-font-mono)}.experience-detail-drawer pre,.experience-detail-summary{border-color:var(--exp-line);background:var(--exp-surface);color:var(--exp-body)}.experience-image-preview{padding:24px}.experience-image-preview img{max-height:calc(100dvh - 48px);border-radius:8px;box-shadow:0 24px 80px rgba(23,23,23,.18)}.experience-image-preview>button{top:14px;right:14px;border-radius:50%}@media (max-width:1279px){.experience-workbench{grid-template-columns:minmax(0,1fr)}.experience-billing,.experience-model-sidebar,.experience-session-sidebar{position:fixed;z-index:41;top:12px;bottom:12px;width:min(360px,calc(100vw - 24px));border:1px solid var(--exp-line);border-radius:12px;box-shadow:0 24px 80px rgba(23,23,23,.18);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.23,1,.32,1),opacity .18s ease}.experience-model-sidebar,.experience-session-sidebar{left:12px;transform:translateX(calc(-100% - 28px))}.experience-billing{right:12px;left:auto;transform:translateX(calc(100% + 28px))}.experience-billing.is-mobile-open,.experience-model-sidebar.is-mobile-open,.experience-session-sidebar.is-mobile-open{opacity:1;pointer-events:auto;transform:translateX(0)}.experience-session-workspace{grid-template-columns:minmax(0,1fr)}.experience-mobile-panel-actions{display:flex;flex:0 0 auto;gap:6px;padding:8px 12px;border-bottom:1px solid var(--exp-line);background:var(--exp-paper)}.experience-mobile-panel-actions button{min-height:36px;padding:0 10px;border:1px solid var(--exp-line);border-radius:5px;background:var(--exp-surface);color:var(--exp-body);font-size:11px;font-weight:500}.experience-mobile-panel-actions button:hover,.experience-mobile-panel-actions button[aria-expanded=true]{border-color:var(--exp-blue);background:var(--exp-blue-soft);color:var(--exp-blue-dark)}.experience-mobile-backdrop{position:fixed;z-index:40;inset:0;display:block;border:0;background:rgba(23,23,23,.28)}}@media (max-width:760px){.experience-shell{width:calc(100% - 16px)}.experience-topbar{grid-template-columns:auto 1fr;margin:8px 0}.experience-title{display:none}.experience-user{justify-content:end;margin-left:auto}.experience-user>.experience-live-dot,.experience-user>:not(.experience-language-toggle):not(a),.experience-user>a{display:none}.experience-workbench{margin-bottom:8px}.experience-tabs{padding:0 12px}.experience-model-toolbar{padding:9px 12px}.experience-message-list{padding:14px 12px}.experience-message{max-width:100%}.experience-composer{margin:0 10px 10px}.experience-composer-actions{align-items:flex-end}.experience-composer-actions small{display:none}.experience-image-controls{gap:6px}.experience-image-controls label,.experience-image-fixed,.experience-image-price{font-size:11px}.experience-billing,.experience-model-sidebar,.experience-session-sidebar{top:8px;bottom:8px;left:8px;width:min(360px,calc(100vw - 16px))}.experience-billing{right:8px;left:auto}.experience-detail-drawer{width:100%;padding:18px;border-radius:0}.experience-modal{padding:22px}.experience-modal-actions{flex-direction:column-reverse}.experience-modal-actions button{width:100%}.experience-image-preview{padding:12px}.experience-image-preview img{max-height:calc(100dvh - 24px)}}@media (prefers-reduced-motion:reduce){.experience-page *,.experience-page :after,.experience-page :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}