.oc-companion-main{padding:0!important;display:flex;flex-direction:column;height:100vh;overflow:hidden}.oc-companion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--oc-space-md) var(--oc-space-lg);border-bottom:1px solid var(--oc-border);background:var(--oc-surface);flex-shrink:0}.oc-companion-header__left{display:flex;align-items:center;gap:var(--oc-space-lg);overflow:hidden}.oc-companion-header__title{font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);white-space:nowrap}.oc-companion-sessions{display:flex;gap:var(--oc-space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch}.oc-companion-sessions::-webkit-scrollbar{height:0}.oc-session-tab{padding:var(--oc-space-xs) var(--oc-space-md);border-radius:var(--oc-radius-full);font-size:var(--oc-text-xs);font-weight:var(--oc-weight-medium);white-space:nowrap;cursor:pointer;border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-text-light);transition:all var(--oc-transition-fast);display:flex;align-items:center;gap:var(--oc-space-xs)}.oc-session-tab:hover{background:var(--oc-bg-alt);color:var(--oc-text-dark)}.oc-session-tab--active{background:var(--oc-primary);color:var(--oc-text-inverse);border-color:var(--oc-primary)}.oc-session-tab__close{width:16px;height:16px;border-radius:var(--oc-radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;cursor:pointer;opacity:.6;transition:opacity var(--oc-transition-fast)}.oc-session-tab__close:hover{opacity:1}.oc-companion-layout{flex:1;display:flex;overflow:hidden;min-height:0}.oc-companion-layout__chat{flex:0 0 50%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--oc-border)}.oc-companion-layout__resize{width:6px;cursor:col-resize;background:transparent;transition:background var(--oc-transition-fast);flex-shrink:0}.oc-companion-layout__resize:hover{background:var(--oc-border)}.oc-companion-layout__preview{flex:0 0 50%;overflow-y:auto;background:var(--oc-bg-alt);display:flex;flex-direction:column}.oc-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--oc-space-xl);color:var(--oc-text-light)}.oc-preview-phone{width:min(375px,100%);margin:var(--oc-space-lg) auto;background:var(--oc-surface);border-radius:var(--oc-radius-2xl);box-shadow:var(--oc-shadow-xl);overflow:hidden;border:1px solid var(--oc-border)}.oc-preview-phone__notch{height:28px;background:var(--oc-bg-alt);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--oc-border-light)}.oc-preview-phone__notch-pill{width:80px;height:6px;background:var(--oc-border);border-radius:var(--oc-radius-full)}.oc-preview-store-header{background:var(--store-primary, var(--oc-primary));color:var(--oc-text-inverse);padding:var(--oc-space-md);display:flex;align-items:center;gap:var(--oc-space-sm)}.oc-preview-store-header__logo{width:36px;height:36px;border-radius:var(--oc-radius-lg);background:#fff3;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.75rem;overflow:hidden}.oc-preview-store-header__logo img{width:100%;height:100%;object-fit:cover}.oc-preview-store-header__name{font-size:var(--oc-text-base);font-weight:var(--oc-weight-semibold)}.oc-preview-products{padding:var(--oc-space-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--oc-space-sm)}.oc-preview-product{background:var(--oc-bg);border-radius:var(--oc-radius-md);overflow:hidden;border:1px solid var(--oc-border-light)}.oc-preview-product__image{aspect-ratio:1;background:var(--oc-border-light)}.oc-preview-product__image img{width:100%;height:100%;object-fit:cover}.oc-preview-product__info{padding:var(--oc-space-xs)}.oc-preview-product__name{font-size:.7rem;font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-preview-product__price{font-size:.65rem;color:var(--store-primary, var(--oc-primary));font-family:var(--oc-font-mono);font-weight:var(--oc-weight-semibold)}.oc-preview-store-footer{padding:var(--oc-space-sm) var(--oc-space-md);text-align:center;font-size:.55rem;color:var(--oc-text-muted);border-top:1px solid var(--oc-border-light)}.oc-bb{padding:var(--oc-space-md);max-width:480px;margin:0 auto}.oc-bb__cover{background:var(--oc-surface);border-radius:var(--oc-radius-lg);padding:var(--oc-space-lg);margin-bottom:var(--oc-space-md);border:1px solid var(--oc-border);box-shadow:var(--oc-shadow-sm)}.oc-bb__cover-top{display:flex;align-items:center;gap:var(--oc-space-md);margin-bottom:var(--oc-space-md)}.oc-bb__logo{width:48px;height:48px;border-radius:var(--oc-radius-lg);object-fit:cover;border:1px solid var(--oc-border-light)}.oc-bb__logo-placeholder{width:48px;height:48px;min-width:48px;border-radius:var(--oc-radius-lg);background:var(--oc-primary);border:1px solid var(--oc-border-light);display:flex;align-items:center;justify-content:center;color:var(--oc-text-inverse);font-size:1.2rem;font-weight:var(--oc-weight-bold)}.oc-bb__brand-name{font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);color:var(--oc-text-dark)}.oc-bb__cover-sub{font-size:var(--oc-text-xs);color:var(--oc-text-muted);letter-spacing:.05em;font-weight:var(--oc-weight-medium)}.oc-bb__progress{margin-top:var(--oc-space-sm)}.oc-bb__progress-bar{height:6px;background:var(--oc-border-light);border-radius:var(--oc-radius-full);overflow:hidden}.oc-bb__progress-fill{height:100%;background:var(--oc-primary);transition:width .5s ease;border-radius:var(--oc-radius-full)}.oc-bb__progress-label{font-family:var(--oc-font-mono);font-size:var(--oc-text-xs);color:var(--oc-text-muted);margin-top:4px;text-align:right;font-weight:var(--oc-weight-medium)}.oc-bb__section{background:var(--oc-surface);border-radius:var(--oc-radius-lg);padding:var(--oc-space-md);margin-bottom:var(--oc-space-sm);border:1px solid var(--oc-border-light);transition:all var(--oc-transition-fast)}.oc-bb__section--filled{border-color:var(--oc-border)}.oc-bb__section--empty{opacity:.5}.oc-bb__section-header{display:flex;align-items:center;gap:var(--oc-space-sm);margin-bottom:var(--oc-space-xs)}.oc-bb__section-icon{font-size:1rem}.oc-bb__section-title{font-size:var(--oc-text-xs);font-weight:var(--oc-weight-semibold);color:var(--oc-text-muted);letter-spacing:.03em;flex:1}.oc-bb__section-check{color:var(--oc-success);font-size:.85rem;font-weight:var(--oc-weight-bold)}.oc-bb__section-content{padding-top:var(--oc-space-xs)}.oc-bb__section-skeleton{display:flex;flex-direction:column;gap:6px;padding-top:var(--oc-space-xs)}.oc-bb__skeleton-line{height:10px;border-radius:var(--oc-radius-sm);background:var(--oc-border-light)}.oc-bb__skeleton-line--long{width:85%}.oc-bb__skeleton-line--medium{width:55%}.oc-bb__value{font-size:var(--oc-text-sm);color:var(--oc-text-body);line-height:1.5}.oc-bb__value--name{font-size:var(--oc-text-lg);font-weight:var(--oc-weight-bold);color:var(--oc-text-dark)}.oc-bb__value--quote{font-style:italic;color:var(--oc-text-dark);border-left:3px solid var(--oc-primary);padding-left:var(--oc-space-sm)}.oc-bb__value--story{font-size:var(--oc-text-xs);line-height:1.6}.oc-bb__desc{font-size:var(--oc-text-xs);color:var(--oc-text-muted);margin-top:4px}.oc-bb__sub{margin-bottom:var(--oc-space-xs);font-size:var(--oc-text-sm);color:var(--oc-text-body)}.oc-bb__sub-label{display:block;font-size:var(--oc-text-xs);font-weight:var(--oc-weight-semibold);color:var(--oc-text-muted);letter-spacing:.03em;margin-bottom:2px}.oc-bb__tags{display:flex;flex-wrap:wrap;gap:var(--oc-space-xs)}.oc-bb__tag{padding:2px 10px;border-radius:var(--oc-radius-full);background:var(--oc-bg-alt);border:1px solid var(--oc-border-light);color:var(--oc-text-body);font-size:var(--oc-text-xs);font-weight:var(--oc-weight-medium)}.oc-bb__colors{display:flex;flex-wrap:wrap;gap:var(--oc-space-sm)}.oc-bb__color-chip{display:flex;align-items:center;gap:var(--oc-space-sm);padding:var(--oc-space-xs);border:1px solid var(--oc-border-light);border-radius:var(--oc-radius-md)}.oc-bb__color-swatch{width:36px;height:36px;border-radius:var(--oc-radius-sm);border:1px solid var(--oc-border)}.oc-bb__color-info{display:flex;flex-direction:column}.oc-bb__color-label{font-size:var(--oc-text-xs);font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark)}.oc-bb__color-hex{font-size:.65rem;color:var(--oc-text-muted);font-family:var(--oc-font-mono)}.oc-bb__palette{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--oc-space-sm)}.oc-bb__palette-swatch{width:36px;height:36px;border-radius:var(--oc-radius-sm);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;border:1px solid var(--oc-border-light)}.oc-bb__palette-swatch span{font-size:.4rem;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:var(--oc-font-mono);font-weight:var(--oc-weight-bold)}.oc-bb__color-sets{display:flex;flex-direction:column;gap:var(--oc-space-sm);margin-top:var(--oc-space-sm)}.oc-bb__color-set{display:flex;align-items:center;gap:var(--oc-space-sm)}.oc-bb__color-set-label{font-size:var(--oc-text-xs);font-weight:var(--oc-weight-medium);color:var(--oc-text-muted);min-width:50px}.oc-bb__color-set-swatches{display:flex;gap:3px}.oc-bb__font-sample{display:flex;align-items:baseline;gap:var(--oc-space-sm);margin-bottom:var(--oc-space-xs)}.oc-bb__font-label{font-size:var(--oc-text-xs);color:var(--oc-text-muted);min-width:50px;font-weight:var(--oc-weight-medium)}.oc-bb__font-preview{font-size:var(--oc-text-lg);font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark)}.oc-bb__footer{text-align:center;font-size:var(--oc-text-xs);color:var(--oc-text-muted);padding:var(--oc-space-lg) 0 var(--oc-space-md);opacity:.6;font-weight:var(--oc-weight-medium)}.oc-session-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--oc-surface);border-radius:var(--oc-radius-xl);padding:var(--oc-space-xl);width:min(420px,90vw);box-shadow:var(--oc-shadow-float);border:1px solid var(--oc-border);z-index:var(--oc-z-modal)}.oc-session-modal__title{font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);margin-bottom:var(--oc-space-lg)}.oc-session-type-list{display:flex;flex-direction:column;gap:var(--oc-space-sm)}.oc-session-type-item{display:flex;align-items:center;gap:var(--oc-space-md);padding:var(--oc-space-md);border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);cursor:pointer;transition:all var(--oc-transition-fast);box-shadow:var(--oc-shadow-sm)}.oc-session-type-item:hover{box-shadow:var(--oc-shadow-md);border-color:var(--oc-primary)}.oc-session-type-item__icon{font-size:1.5rem}.oc-session-type-item__label{font-weight:var(--oc-weight-semibold);font-size:var(--oc-text-sm);color:var(--oc-text-dark)}.oc-session-toggle{width:36px;height:36px;border-radius:var(--oc-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-text-body);transition:all var(--oc-transition-fast)}.oc-session-toggle:hover{background:var(--oc-bg-alt);color:var(--oc-text-dark)}.oc-companion-header__session-name{font-size:var(--oc-text-sm);color:var(--oc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--oc-weight-medium)}.oc-companion-body{flex:1;display:flex;overflow:hidden;min-height:0}.oc-session-panel{width:0;min-width:0;overflow:hidden;background:var(--oc-surface);border-right:1px solid var(--oc-border);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;flex-shrink:0}.oc-session-panel--open{width:280px;min-width:280px}.oc-session-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--oc-space-md) var(--oc-space-md);border-bottom:1px solid var(--oc-border-light);flex-shrink:0}.oc-session-panel__title{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark)}.oc-session-panel__close{font-size:1.2rem;color:var(--oc-text-muted)}.oc-session-panel__list{flex:1;overflow-y:auto;padding:var(--oc-space-sm);display:flex;flex-direction:column;gap:var(--oc-space-xs)}.oc-session-card{display:flex;align-items:center;gap:var(--oc-space-sm);padding:var(--oc-space-sm) var(--oc-space-md);border-radius:var(--oc-radius-lg);border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--oc-transition-fast);text-align:left;width:100%}.oc-session-card:hover{background:var(--oc-bg-alt);border-color:var(--oc-border-light)}.oc-session-card--active{background:#7c8c6e1a;border-color:var(--oc-primary);border-left:3px solid var(--oc-primary)}.oc-session-card--active:hover{background:#7c8c6e26}.oc-session-card__icon{font-size:1.2rem;flex-shrink:0}.oc-session-card__info{overflow:hidden;min-width:0}.oc-session-card__title{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--oc-text-dark)}.oc-session-card__meta{font-size:var(--oc-text-xs);color:var(--oc-text-muted);white-space:nowrap}.oc-session-card--active .oc-session-card__title{color:var(--oc-primary-dark)}.oc-session-card--active .oc-session-card__meta{color:var(--oc-text-light)}.oc-session-card__delete{width:24px;height:24px;min-width:24px;border-radius:var(--oc-radius-sm);border:none;background:transparent;color:var(--oc-text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--oc-transition-fast);margin-left:auto}.oc-session-card:hover .oc-session-card__delete{opacity:.6}.oc-session-card__delete:hover{opacity:1!important;background:#b85c5c1a;color:var(--oc-error)}.oc-session-card--active .oc-session-card__delete{color:var(--oc-text-light)}.oc-session-card--active .oc-session-card__delete:hover{background:#b85c5c1a;color:var(--oc-error)}.oc-session-delete-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.oc-session-delete-confirm__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c2c2c66}.oc-session-delete-confirm__box{position:relative;background:var(--oc-surface);border-radius:var(--oc-radius-xl);padding:var(--oc-space-lg);width:min(340px,90vw);box-shadow:var(--oc-shadow-float);border:1px solid var(--oc-border)}.oc-session-delete-confirm__box p{margin:0;font-size:var(--oc-text-sm);color:var(--oc-text-body)}.oc-session-delete-confirm__actions{display:flex;gap:var(--oc-space-sm);margin-top:var(--oc-space-lg);justify-content:flex-end}.oc-session-delete-confirm__cancel{padding:var(--oc-space-xs) var(--oc-space-lg);border-radius:var(--oc-radius-md);border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-text-body);font-size:var(--oc-text-sm);font-weight:var(--oc-weight-medium);cursor:pointer}.oc-session-delete-confirm__delete{padding:var(--oc-space-xs) var(--oc-space-lg);border-radius:var(--oc-radius-md);border:1px solid var(--oc-error);background:var(--oc-error);color:#fff;font-size:var(--oc-text-sm);font-weight:var(--oc-weight-medium);cursor:pointer}.oc-session-delete-confirm__delete:hover{background:var(--oc-error-dark)}@media (max-width: 768px){.oc-companion-layout{flex-direction:column}.oc-companion-layout__chat{flex:1;border-right:none;border-bottom:1px solid var(--oc-border)}.oc-companion-layout__resize{display:none}.oc-companion-layout__preview{flex:0 0 40%;min-height:200px}.oc-companion-header{flex-wrap:wrap;gap:var(--oc-space-sm)}.oc-mobile-topbar{display:flex!important;align-items:center;gap:var(--oc-space-sm);padding:var(--oc-space-sm) var(--oc-space-md);border-bottom:1px solid var(--oc-border);background:var(--oc-surface)}.oc-session-panel{position:absolute;left:0;top:0;bottom:0;z-index:20;box-shadow:var(--oc-shadow-xl)}.oc-session-panel--open{width:260px;min-width:260px}.oc-companion-body{position:relative}}