.tokens{background:var(--surface-raised);box-shadow:var(--shadow-bubble);border-radius:14px;gap:8px;padding:12px 14px;display:grid}.tokens__head{align-items:center;gap:8px;min-height:24px;display:flex}.tokens__title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:18px}.tokens__head>.tooltip-anchor{margin-left:auto}.tokens__upgrade.icon-btn{color:var(--accent-variant);margin-right:-4px}.tokens__upgrade.icon-btn:hover{background:var(--accent-tint);color:#fff}.tokens__bar{border-radius:var(--radius-pill);background:var(--highlight-medium);height:6px;overflow:hidden}.tokens__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-variant));height:100%;transition:width .4s var(--ease-out);display:block}.tokens--warn .tokens__bar span{background:linear-gradient(90deg,#d4912a,#f2c14e)}.tokens__meta{color:var(--text-faded);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.tokens__cta{width:100%;margin-top:4px;font-weight:500}.token-ring{display:block}.token-ring circle{fill:none;stroke-width:3px}.token-ring__track{stroke:var(--highlight-medium)}.token-ring__fill{stroke:var(--accent-variant);stroke-linecap:round}.token-ring--warn .token-ring__fill{stroke:#f2c14e}.op1{grid-template-columns:var(--chat-width) minmax(0, 1fr) var(--side-width);min-height:0;transition:grid-template-columns .3s var(--ease-out);grid-template-rows:minmax(0,1fr);display:grid}.op1:has(.sidebar--collapsed){grid-template-columns:var(--chat-width) minmax(0, 1fr) 72px}.op1 .canvas{background-image:radial-gradient(#ffffff0d 1px,#0000 1.3px);background-position:11px 11px}.op1>.canvas{margin-bottom:12px}.op1__chat{background:var(--surface-panel);min-height:0}.sidebar{background:var(--surface-panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar__list,.sidebar__foot{min-width:var(--side-width)}.sidebar__list{scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding:12px 12px 8px;display:flex;overflow-y:auto}.sidebar__foot{flex:none;padding:4px 12px 12px}.side-group{flex-direction:column;gap:2px;display:flex}.side-group+.side-group{margin-top:18px}.side-group__row{align-items:center;gap:4px;padding-bottom:6px;display:flex}.sidebar--cards .side-group__row{padding-bottom:0}.side-group__toggle.icon-btn{color:var(--text-faded)}.side-group__toggle.icon-btn:hover{color:var(--text-primary)}.side-group__label{color:var(--text-faded);letter-spacing:.2px;flex:1;align-items:center;gap:8px;padding:0 4px 0 10px;font-size:11px;font-weight:400;line-height:14px;display:flex}.side-group__label:after{content:"";background:linear-gradient(90deg, var(--border-lighter), transparent);flex:1;height:1px}.acc{border-radius:var(--radius-item);transition:background-color .2s ease-out,box-shadow .2s ease-out}.acc--open{background:var(--surface-raised);box-shadow:var(--shadow-inner-depth);margin:2px 0}.acc h2{font:inherit}.acc__head{border-radius:var(--radius-item);width:100%;height:44px;color:var(--text-secondary);text-align:left;align-items:center;gap:12px;padding:0 10px 0 8px;transition:background-color .15s ease-out,color .15s ease-out;display:flex}.acc__head:hover{background:var(--highlight);color:var(--text-primary)}.acc--open .acc__head:hover{background:0 0}.acc__icon{border-radius:var(--radius-control);background:var(--highlight);width:28px;height:28px;color:var(--text-secondary);flex:none;place-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:grid}.acc--open .acc__icon{background:var(--accent-tint);color:var(--accent-variant)}.acc__label{flex:1;font-size:13px;font-weight:500}.acc--open .acc__label{color:var(--text-primary)}.acc__chevron{color:var(--text-faded);transition:rotate .2s var(--ease-out)}.acc--open .acc__chevron{rotate:180deg}.acc__body{animation:acc-in .2s var(--ease-out);padding:2px 12px 14px}.acc__body .history{margin:0 -6px}.acc__body .tabs-pill{background:var(--surface-panel)}.acc__body .table-row{background:var(--highlight)}.acc__body .table-row:hover{background:var(--highlight-medium)}.acc__body .tabs-box,.acc__body .empty-card{background:var(--surface-panel)}.sidebar--cards .side-group{gap:8px}.sidebar--cards .acc,.sidebar--cards .acc--open{background:var(--surface-raised);box-shadow:var(--shadow-bubble);border-radius:14px;margin:0}.sidebar--cards .acc__head{border-radius:14px;height:52px;padding:0 14px 0 12px}.sidebar--cards .acc__head:hover{background:var(--highlight)}.sidebar--cards .acc--open .acc__head:hover{background:0 0}.sidebar--cards .acc__icon{background:var(--highlight-medium)}.sidebar--cards .acc--open .acc__icon{background:var(--accent-tint)}.sidebar--cards .acc__body{padding:0 14px 14px}.mini{height:100%;animation:acc-in .22s var(--ease-out);flex-direction:column;align-items:center;gap:6px;padding:10px 0 12px;display:flex}.mini__toggle{margin-bottom:6px}.mini__group{flex-direction:column;align-items:center;gap:6px;display:flex}.mini__group+.mini__group:before{content:"";background:var(--divider);width:20px;height:1px;margin:4px 0}.mini__btn{background:var(--surface-raised);width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--shadow-bubble);border-radius:12px;place-items:center;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:grid}.mini__btn:hover{background:var(--surface-active);color:var(--text-primary)}.mini__btn:active{scale:.94}.mini__btn--on,.mini__btn--on:hover{background:var(--accent-tint);color:var(--accent-variant);box-shadow:inset 0 0 0 1px #6320ee59}.mini__ring{box-shadow:none;background:0 0;margin-top:auto}.flyout{z-index:60;border:.5px solid var(--border-dropdown);border-radius:var(--radius-panel);background:var(--surface-raised);width:320px;box-shadow:var(--shadow-card), 0 24px 48px -12px #0009;animation:flyout-in .18s var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.flyout--bare{width:280px;box-shadow:none;background:0 0;border:0}.flyout--bare .tokens{box-shadow:var(--shadow-card), 0 24px 48px -12px #0009}.flyout__head{flex:none;align-items:center;gap:12px;height:56px;padding:0 8px 0 12px;display:flex}.flyout__head .acc__icon{background:var(--accent-tint);color:var(--accent-variant)}.flyout__title{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.flyout__body{scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent;flex:1;min-height:0;overflow-y:auto}@keyframes flyout-in{0%{opacity:0;transform:translate(8px)}}@keyframes acc-in{0%{opacity:0;transform:translateY(-4px)}}