#root{grid-template-rows:auto 1fr;width:100%;height:100vh;display:grid;overflow:hidden}.left-panel-shell{z-index:100;flex-shrink:0;height:100%;display:flex;position:relative;overflow:hidden}.left-panel-shell__inner{width:100%;height:100%;display:flex}.screen-panel-wrapper,.right-panel-wrapper{flex-shrink:0;height:100%;display:flex;overflow:hidden}.main-layout{background:var(--bg-base);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.workspace{flex:1;gap:0;display:flex;overflow:hidden}.center-col{border-right:1px solid var(--border);z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.center-top-row{flex:1;min-height:0;display:flex;overflow:hidden}.topbar{background:var(--bg-panel);z-index:100;border:none;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex;box-shadow:0 1px #ffffff0f,0 4px 24px #0000004d}.topbar__logo{align-items:center;gap:8px;display:flex}.topbar__logo-image{object-fit:contain;filter:invert()brightness(.77);transform-origin:50%;width:auto;height:50px;margin-left:40px;transform:scale(2.8)}.topbar__logo-text{font-family:var(--font-sans);font-size:var(--fs-lg);color:var(--text-primary);letter-spacing:.04em;font-weight:700}.topbar__nav{align-items:center;gap:16px;display:flex}.topbar__nav-btn{background:var(--bg-elevated);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .2s;display:flex}.topbar__nav-btn:hover{background:var(--bg-hover);transform:none!important}.topbar__nav-btn--active{background:var(--bg-hover)!important;transform:none!important}.topbar__ai-btn{background:var(--accent-dim)!important}.topbar__ai-btn .topbar__icon{color:var(--accent);filter:drop-shadow(0 0 2px var(--accent-dim))}.topbar__ai-btn:hover{background:#c6a0f626!important}[data-theme=gruvbox] .topbar__ai-btn:hover{background:#fe801926!important}.topbar__ai-btn.topbar__nav-btn--active{background:var(--accent-border)!important}.topbar__icon{opacity:.85;width:18px;height:18px;transition:opacity .2s,filter .2s}.topbar__nav-btn--active .topbar__icon{opacity:1}.topbar__overflow{position:relative}.topbar__overflow-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:170px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);z-index:200;flex-direction:column;gap:2px;padding:6px;animation:.12s overflow-in;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes overflow-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar__overflow-item{width:100%;height:38px;color:var(--text-secondary);font:500 var(--fs-sm) var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:12px;padding:0 10px;text-decoration:none;transition:background .12s,color .12s;display:flex}.topbar__overflow-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.topbar__overflow-item .topbar__icon{opacity:.7}.topbar__overflow-item:hover .topbar__icon{opacity:1}.topbar__overflow-divider{background:var(--border);height:1px;margin:4px 0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:0;animation:.15s forwards overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.settings-modal{width:350px;font-family:var(--font-sans);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);animation:.18s cubic-bezier(.34,1.56,.64,1) forwards modal-in;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.settings-modal__title{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.settings-modal__body{flex-direction:column;gap:14px;padding:14px 16px;display:flex}.settings-modal__field{flex-direction:column;gap:6px;display:flex}.settings-modal__label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.settings-modal__options{gap:6px;display:flex}.settings-modal__opt-btn{font-size:var(--fs-sm);flex:1;padding:8px 12px}.settings-modal__opt-btn:hover{background:var(--bg-hover)}.settings-modal__opt-btn.active{background:var(--btn-active-bg);border-color:var(--btn-active-bg);color:var(--btn-active-fg);font-weight:600}.settings-modal__opt-btn.active:hover{background:var(--btn-active-hover);border-color:var(--btn-active-hover);color:var(--btn-active-fg)}.settings-modal__divider{background:var(--border);height:1px;margin:0 -4px}.settings-modal__action-btn{text-align:left;justify-content:flex-start;width:100%;padding:10px 14px}.settings-modal__preview{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);word-break:break-all;padding:2px 0 0 2px;line-height:1.4}button.settings-modal__save-btn{width:100%;font-size:var(--fs-base);text-align:center;padding:11px 16px;font-weight:600;background:var(--green)!important;border-color:var(--green)!important;color:var(--bg-base)!important}button.settings-modal__save-btn:hover:not(:disabled){filter:brightness(1.1)}button.settings-modal__save-btn.saved{opacity:.8;pointer-events:none}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;max-height:85vh;padding:16px;display:flex;position:relative;overflow:hidden}.modal-wrapper h2{font-size:var(--fs-lg);color:var(--text-primary);text-align:center;flex-shrink:0;margin:0;font-weight:600}.modal-wrapper__content{flex-direction:column;flex:1;gap:12px;min-height:0;margin:0 -8px;padding:0 8px;display:flex;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-wrapper.about-modal .modal-wrapper__content{overflow-x:hidden}.about-modal__text{font-size:var(--fs-sm);color:var(--text-secondary);white-space:pre-line;margin:0;line-height:1.6}.about-modal__monoc-icon{object-fit:contain;filter:invert()brightness(.77);transform-origin:50%;width:auto;height:50px;transform:scale(3.4)}.about-modal__meta{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;display:flex}.about-modal__row{font-size:var(--fs-sm);color:var(--text-primary);align-items:center;gap:10px;display:flex}.about-modal__key{width:64px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-weight:500}.about-modal__link{color:var(--accent);text-decoration:none}.about-modal__link:hover{text-decoration:underline}.about-modal__icon{width:16px;height:16px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.auth-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:20px;width:360px;max-width:90%;padding:32px;display:flex;position:relative}.auth-modal h2{font-size:var(--fs-md);color:var(--text);text-align:center;margin:0}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-submit{margin-top:8px;padding:10px;font-weight:600}.auth-error{color:var(--red);font-size:var(--fs-sm);text-align:center;background:var(--red-dim);border-radius:6px;padding:8px}.auth-toggle{text-align:center;font-size:var(--fs-sm);color:var(--text-muted);margin:0}.text-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-weight:500}.text-btn:hover{text-decoration:underline}.modal-close{position:absolute;top:12px;right:12px}.profile-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:360px;padding:24px;display:flex;position:relative}.profile-modal__header{justify-content:space-between;align-items:flex-start;display:flex}.profile-modal__username{font-size:var(--fs-md);color:var(--text);margin:0;font-weight:600}.profile-modal__subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.profile-modal__body{max-height:240px;overflow-y:auto}.profile-modal__empty{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;margin:20px 0}.profile-modal__list{flex-direction:column;gap:8px;display:flex}.profile-modal__item{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .2s,border-color .2s;display:flex}.profile-modal__item:hover{border-color:var(--accent);background:#ffffff14}.profile-modal__item-name{font-size:var(--fs-base);color:var(--text);font-weight:500}.profile-modal__item-actions{align-items:center;gap:4px;display:flex}.profile-modal__action-btn--delete:hover{color:var(--red);background:#d619199c}.profile-modal__action-btn--delete:hover img{filter:invert(36%)sepia(87%)saturate(2468%)hue-rotate(336deg)brightness(98%)contrast(93%)}.profile-modal__footer{border-top:1px solid var(--border);justify-content:flex-end;padding-top:12px;display:flex}.profile-modal__logout-btn{background:var(--red-dim);color:var(--red);border:1px solid #ef444433;justify-content:center;width:100%;transition:all .15s}.ui-button.profile-modal__logout-btn:hover,.ui-button.profile-modal__logout-btn:hover:not(:disabled){background:#d619199c}.save-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:20px;width:360px;max-width:90%;padding:32px;display:flex;position:relative}.save-modal h2{font-size:var(--fs-lg);color:var(--text);text-align:center;margin:0}.save-form{flex-direction:column;gap:16px;display:flex}.save-submit{padding:10px;font-weight:600}.save-error{color:var(--red);font-size:var(--fs-sm);text-align:center;background:var(--red-dim);border-radius:6px;padding:8px}.save-success{color:var(--green);font-size:var(--fs-sm);text-align:center;background:var(--green-dim);border-radius:6px;padding:12px;font-weight:500}.left-sidebar-container{border-right:1px solid var(--border);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.left-sidebar-container.collapsed{width:100%}.left-sidebar__content{flex:1;min-height:0;overflow-y:auto}.left-sidebar__collapsed-header{justify-content:center;align-items:center;height:34px;display:flex}.left-sidebar__collapsed-header .icon-btn{cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:34px;margin:0;padding:0;display:flex;position:relative}.icon-collapse{width:20px;height:20px;display:block}.reg-grid{padding:6px 0}.reg-grid__section-label{font-size:var(--fs-xs);font-weight:600;font-family:var(--font-sans);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 12px 3px}.reg-grid__pinned{flex-direction:column;display:flex}.reg-grid__divider{margin:6px 12px}.reg-grid__list{flex-direction:column;display:flex}.reg-grid__alias{font-family:var(--font-mono);color:var(--text-muted);opacity:.45;letter-spacing:.02em;transition:opacity var(--transition), color var(--transition);margin-left:5px;font-size:.7rem;font-weight:500}.reg-cell:hover .reg-grid__alias{opacity:.85;color:var(--text-secondary)}[data-theme=gruvbox] .reg-grid__alias{color:var(--text-muted);opacity:.45}[data-theme=gruvbox] .reg-cell:hover .reg-grid__alias{color:var(--accent);opacity:.85}.reg-cell{transition:background var(--transition);border-radius:4px;justify-content:space-between;align-items:center;margin:0 6px;padding:5px 10px;display:flex}.reg-cell:hover{background:var(--bg-hover)}.reg-cell--highlighted{background:var(--highlight-bg);border-left:3px solid var(--highlight-border)}.reg-cell__name{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;flex:1;align-items:center;min-width:52px;font-weight:700;display:inline-flex}.reg-cell__value{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:color var(--transition);border-left:1px solid var(--border);padding-left:12px;font-weight:500}.reg-cell:hover .reg-cell__value{color:var(--text-primary)}.reg-cell--highlighted .reg-cell__value{color:var(--highlight-border);font-weight:600}.right-sidebar{border-left:1px solid var(--border);--fs-xs:.8125rem;--fs-sm:.90625rem;--fs-base:1.03125rem;--fs-md:1.25rem;--fs-lg:1.5rem;border-radius:12px 0 0 12px;flex-direction:column;display:flex;overflow:hidden}.right-sidebar__header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.right-sidebar__hide-btn{flex-shrink:0;margin-left:auto}.right-sidebar__hide-btn:hover{background:var(--red-dim);color:var(--red)}.right-sidebar__title{font-weight:600;font-size:var(--fs-md);color:var(--text-primary)}.right-sidebar__badge{font-size:var(--fs-xs);background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);border-radius:99px;padding:2px 6px;font-weight:600}.right-sidebar__content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-panel__messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.chat-panel__welcome{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-self:center;gap:16px;max-width:90%;margin-top:16px;padding:24px 16px;animation:.2s ease-out modal-in;display:flex}.chat-panel__welcome-title{font-size:var(--fs-md);color:var(--text-primary);margin:0;font-weight:600}.chat-panel__welcome-text{font-size:var(--fs-sm);color:var(--text-secondary);margin:0;line-height:1.5}.chat-panel__suggestions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.chat-suggestion-chip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition);text-align:left;align-items:center;padding:10px 14px;font-weight:500;display:inline-flex}.chat-suggestion-chip:hover{background:var(--bg-hover);border-color:var(--accent-border);color:var(--accent)}.chat-panel__input-wrap{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;align-items:flex-end;padding:12px 14px 24px;display:flex;position:relative}.chat-panel__input{resize:none;min-height:36px;max-height:140px;padding:7px 36px 7px 10px;line-height:1.4;display:block;overflow-y:auto}.chat-panel__send-btn{background:var(--accent);position:absolute;bottom:28px;right:18px}.chat-panel__send-btn:hover{background:var(--accent-hover)}.chat-panel__send-icon{filter:brightness(0)invert();width:14px;height:14px}.chat-message{font-size:var(--fs-sm);word-wrap:break-word;border-radius:var(--radius-md);align-self:flex-start;max-width:100%;padding:10px 14px;font-weight:400;line-height:1.6}.chat-message p{margin:0 0 10px;line-height:1.6}.chat-message p:last-child{margin-bottom:0}.chat-message strong,.chat-message b{font-weight:600}.chat-message em,.chat-message i{font-style:italic}.chat-message code{font-family:var(--font-mono);background:var(--bg-elevated);color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.875em;font-weight:500}.chat-message pre{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);margin:10px 0;overflow-x:auto}.chat-message pre code{color:var(--text-primary);font-size:var(--fs-xs);background:0 0;border:none;padding:12px 14px;line-height:1.6;display:block}.chat-message ul,.chat-message ol{margin:4px 0 8px;padding-left:20px}.chat-message li{margin-bottom:4px}.chat-message h1,.chat-message h2,.chat-message h3,.chat-message h4{margin:10px 0 6px;font-weight:600;line-height:1.3}.chat-message h1{font-size:var(--fs-lg);color:var(--text-primary);margin-top:18px;margin-bottom:12px}.chat-message h2{font-size:var(--fs-md);color:var(--text-primary);margin-top:16px;margin-bottom:10px}.chat-message h3{font-size:var(--fs-base);color:var(--text-primary);margin-top:14px;margin-bottom:8px}.chat-message h4{font-size:var(--fs-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-top:12px;margin-bottom:6px}.chat-message blockquote{border-left:3px solid var(--accent);opacity:.9;margin:6px 0;padding-left:10px}.chat-message--user{max-width:82%;color:var(--text-primary);text-align:left;background:var(--accent-dim);border:1px solid var(--accent-border);align-self:flex-end}.chat-message--assistant{max-width:96%;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);align-self:flex-start}.chat-codeblock{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);margin:10px 0;overflow:hidden}.chat-codeblock__header{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.chat-codeblock__lang{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:var(--font-mono)}.chat-codeblock__copy-btn{border-radius:var(--radius-sm);opacity:0;cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:opacity .15s,background .15s,border-color .15s;display:flex}.chat-codeblock:hover .chat-codeblock__copy-btn{opacity:1}.chat-codeblock__copy-btn:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--text-primary)}.chat-codeblock__copy-btn:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.chat-codeblock__copy-btn svg{pointer-events:none}.chat-codeblock pre{white-space:pre-wrap;word-wrap:break-word;background:0 0;margin:0;padding:10px 12px;overflow-x:auto}.chat-codeblock pre code{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:0 0;border:none;padding:0}.chat-thinking{align-items:center;gap:5px;padding:12px 16px;display:flex}.chat-thinking__dot{background:var(--accent);opacity:.4;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite thinking-pulse}.chat-thinking__dot:nth-child(2){animation-delay:.2s}.chat-thinking__dot:nth-child(3){animation-delay:.4s}.chat-thinking__text{font-size:var(--fs-sm);color:var(--text-muted);margin-left:4px}@keyframes thinking-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-message__tool-badge{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border);padding:2px var(--space-2);border-radius:var(--radius-sm);align-items:center;line-height:1.4;display:inline-flex}.chat-panel__context-suggestion{justify-content:center;align-items:center;width:100%;padding:16px;display:flex}.docs-panel{background:var(--bg-panel);border:none;border-radius:12px 0 0 12px;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden;box-shadow:1px 0 #ffffff0f,4px 0 24px #0000004d}.docs-panel__tabs{background:var(--bg-surface);flex-shrink:0;gap:4px;padding:10px 14px 0;display:flex}.docs-panel__tab{color:var(--text-secondary);font:500 var(--fs-sm) var(--font-sans);text-align:center;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;flex:1;padding:7px 10px;transition:background .12s,color .12s}.docs-panel__tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.docs-panel__tab--active{background:var(--bg-elevated);color:var(--text-primary);border-bottom-color:var(--accent)}.docs-panel__header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.docs-panel__title{font-weight:600;font-size:var(--fs-md);color:var(--text-primary)}.docs-panel__search{font-size:var(--fs-base);flex:1;min-width:0;padding:6px 12px}.docs-panel__empty{color:var(--text-secondary);font-size:var(--fs-base);text-align:center;margin-top:24px}.docs-panel__actions{flex-direction:column;gap:2px;display:flex}.docs-panel__action-btn{width:20px;height:16px;font-size:var(--fs-xs);border-radius:2px}.docs-panel__close-btn{flex-shrink:0;width:28px;height:28px}.docs-panel__close-btn img{width:16px;height:16px}.docs-panel__content{flex-direction:column;flex:1;gap:16px;padding:12px;display:flex;overflow-y:auto}.docs-category{border-bottom:1px solid var(--border);padding-bottom:8px}.docs-category summary{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:4px 0;font-weight:500;list-style:none;display:flex}.docs-category summary::-webkit-details-marker{display:none}.docs-category summary:after{content:"▼";font-size:var(--fs-xs);color:var(--text-secondary);margin-left:8px;transition:transform .2s}.docs-category[open] summary:after{transform:rotate(-180deg)}.docs-item{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:12px;margin-left:8px;padding:8px 12px}.docs-item h4{font-family:var(--font-mono);font-size:var(--fs-base);color:var(--accent);margin:0 0 4px}.docs-item p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0;line-height:1.4}.docs-item p a{color:var(--accent);text-decoration:none}.docs-item p a:hover{text-decoration:underline}.docs-item__example{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;background:#0003;margin:8px 0 0;padding:8px 10px;overflow-x:auto}.docs-item__example-wrapper{position:relative}.docs-item__copy-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:0;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s,background .15s,border-color .15s;display:flex;position:absolute;top:6px;right:6px}.docs-item__example-wrapper:hover .docs-item__copy-btn{opacity:1}.docs-item__copy-btn:hover{background:var(--bg-elevated);border-color:var(--accent)}.docs-item__copy-btn:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.docs-item__copy-icon{filter:brightness(0)saturate()invert(70%);pointer-events:none;width:14px;height:14px}.docs-item__copy-btn:hover .docs-item__copy-icon{filter:brightness(0)saturate()invert()}.library-panel{flex-direction:column;height:100%;min-height:0;display:flex}.library-panel__search-wrap{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px 8px;display:flex}.library-panel__search-input{flex:1;min-width:0}.library-panel__action-btn{width:20px;height:16px;font-size:var(--fs-xs);border-radius:2px}.library-panel__body{flex-direction:column;flex:1;gap:16px;padding:12px 16px 16px;display:flex;overflow-y:auto}.library-panel__status{text-align:center;font-size:var(--fs-sm);color:var(--text-muted);padding:24px 0}.library-category{border-bottom:1px solid var(--border);padding-bottom:8px}.library-category__summary{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:2px;padding:4px 0;font-weight:500;list-style:none;display:flex}.library-category__summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.library-category__summary::-webkit-details-marker{display:none}.library-category__summary:after{content:"▼";font-size:var(--fs-xs);color:var(--text-secondary);margin-left:8px;transition:transform .2s}.library-category[open] .library-category__summary:after{transform:rotate(-180deg)}.library-panel__items{flex-direction:column;gap:6px;display:flex}.library-panel__item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition);flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;display:flex}.library-panel__item:hover{background:var(--bg-hover);border-color:var(--accent-border)}.library-panel__item.loading{opacity:.6;cursor:wait}.library-panel__item-title{font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.library-panel__item-desc{font-size:var(--fs-xs);color:var(--text-secondary);white-space:pre-wrap;line-height:1.4}.screen-panel{background:var(--bg-panel);border-radius:var(--radius-lg);border:none;flex-direction:column;flex-shrink:0;margin-top:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards sidebar-slide-in;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 8px 32px #0000004d}@keyframes sidebar-slide-in{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.screen-panel__header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.screen-panel__hide-btn{flex-shrink:0;margin-left:auto}.screen-panel__hide-btn:hover{background:var(--red-dim);color:var(--red)}.screen-panel__title{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.screen-panel__body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden}.screen-panel__frame{border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;background:#000;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:2px;line-height:0;display:flex}.screen-panel__canvas{width:100%;height:auto;image-rendering:pixelated;background:#000;display:block}.screen-panel__meta{font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.editor-panel{border-bottom:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-panel__editor{flex:1;position:relative;overflow:hidden}.code-editor{background:var(--bg-base);width:100%;height:100%;position:relative;overflow:hidden}.cm-editor{height:100%;font-size:var(--editor-font-size,16px)!important;font-family:var(--font-mono)!important;background:var(--bg-base)!important}.cm-scroller{font-family:var(--font-mono)!important}.cm-editor .cm-content{padding:8px 0!important;line-height:1.7!important}.cm-editor .cm-gutters{background-color:var(--bg-base)!important;border:none!important;line-height:1.7!important}.cm-editor .cm-activeLine{background-color:var(--active-line)!important}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background-color:var(--selection)!important}.cm-editor .cm-selectionMatch{background-color:#ffffff1a!important}.cm-editor .cm-activeLineGutter{color:var(--accent)!important;background-color:var(--active-line)!important}.cm-editor .cm-cursor,.cm-editor .cm-dropCursor{border-left-color:var(--cyan)!important}.cm-editor .cm-error-line{box-shadow:inset 2px 0 0 var(--danger,#e53935);background-color:#e539351f!important}.cm-tooltip{background-color:var(--bg-elevated)!important;border:1px solid var(--border)!important;color:var(--text-base)!important;border-radius:6px!important;box-shadow:0 4px 12px #0006!important}:root .cm-editor .cm-tooltip,[data-theme=catppuccin] .cm-editor .cm-tooltip{background-color:#252a35!important}[data-theme=gruvbox] .cm-editor .cm-tooltip{background-color:#423c39!important}.cm-tooltip-autocomplete>ul{font-family:var(--font-mono)!important}.cm-tooltip-autocomplete>ul>li{color:var(--text-muted)!important;padding:4px 8px!important}.cm-tooltip-autocomplete>ul>li[aria-selected]{background-color:var(--active-line)!important;color:var(--text-base)!important}.cm-completionIcon{display:none!important}.cm-tooltip-docs{max-width:440px;padding:6px}.cm-tooltip-docs .docs-item{margin:0}.cm-tooltip-docs .docs-item h4{font-size:var(--fs-sm)}.cm-tooltip-docs .docs-item p{white-space:normal}.cm-tooltip-docs .docs-item__example{max-height:160px;margin-top:6px;overflow-y:auto}.control-bar{background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 12px;display:grid}.control-bar__left{justify-content:flex-start;display:flex}.control-bar__center{justify-content:center;display:flex}.control-bar__right{justify-content:flex-end;display:flex}.control-bar__status{color:var(--text-muted);font-size:var(--fs-sm);min-width:65px;font-weight:600}.control-bar__status--running{color:var(--green)}.toolbar__actions{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:6px;padding:3px;display:flex}button.ui-button.control-bar__btn{width:34px;height:26px;min-height:26px;box-shadow:none;background:0 0;border-color:#0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .2s,transform .1s;display:flex}.control-bar__icon{opacity:.9;width:18px;height:18px}#ctrl-play{color:var(--green)}#ctrl-stop{color:var(--red)}#ctrl-step-over{color:var(--cyan)}#ctrl-compile{color:var(--text-primary)}#ctrl-reset{color:var(--yellow)}button.ui-button.control-bar__btn:hover:not(:disabled){background:var(--bg-hover);border-color:#0000;transform:none}.control-bar__btn--loading{opacity:.8}.control-bar__status--compiled{color:var(--cyan)}.control-bar__status--halted{color:var(--yellow)}.control-bar__status--waiting{color:var(--accent)}.control-bar__spinner{border:2px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar__divider{background:var(--border);opacity:.5;width:1px;height:18px;margin:0 12px}.toolbar__speed{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:8px;font-weight:600;display:flex}.toolbar__slider{-webkit-appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--fill,50%), #ffffff1a var(--fill,50%));border-radius:99px;outline:none;width:120px;height:4px}.toolbar__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 6px #0006}.toolbar__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.bottom-panel{background:var(--bg-panel);border:none;border-radius:12px 12px 0 0;flex-direction:column;flex-shrink:0;transition:height .15s ease-out;display:flex;overflow:hidden;box-shadow:0 -1px #ffffff0f,0 -4px 24px #0000004d}.bottom-panel__content{background-color:var(--bg-elevated);flex-direction:column;flex:1;padding:8px;display:flex;overflow:hidden}[data-theme=gruvbox] .bottom-panel__content{background-color:#0000001f;box-shadow:inset 0 3px 6px #0003}.disassembler{font-family:var(--font-mono);font-size:var(--fs-sm);flex:1;overflow-y:auto}.disassembler__empty{color:var(--text-muted);font-size:var(--fs-sm);font-family:var(--font-sans);padding:16px 4px}.disassembler__table{border-collapse:collapse;width:100%}.disassembler__table th{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border);padding:4px 8px;font-weight:600}.disassembler__table td{color:var(--text-primary);padding:3px 8px}.disassembler__table tr:hover td{background:var(--bg-hover)}.disassembler__row--active td{background:var(--highlight-bg)}.disassembler__addr{color:var(--cyan)}.disassembler__hex{color:var(--text-muted)}.disassembler__ins{color:var(--text-primary)}.console-panel{flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;position:relative;overflow:hidden}.console-panel__clear{min-height:0;font-size:var(--fs-xs);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:10;opacity:.7;padding:4px 8px;position:absolute;top:16px;right:24px}.console-panel__clear:hover{opacity:1;background:var(--bg-hover);color:var(--text-primary)}.console-panel__output{background:var(--bg-panel);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-sm);flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.console-panel__line{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.console-panel__line--in{align-items:center;gap:8px;display:flex}.console-panel__line--out{color:var(--text-primary)}.console-panel__line--sys{color:var(--text-muted);font-size:var(--fs-sm)}.console-panel__prompt{color:var(--accent,var(--text-muted));flex-shrink:0;font-weight:700}.console-panel__in{color:var(--text-secondary,var(--text-primary));flex:1}.console-panel__input{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1;padding:0}.resize-divider{z-index:10;transition:background var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.resize-divider--horizontal{cursor:col-resize;flex-direction:column;width:5px}.resize-divider--vertical{cursor:row-resize;flex-direction:row;width:100%;height:5px}.resize-divider__track{transition:background var(--transition), transform var(--transition);background:0 0;border-radius:99px}.resize-divider--horizontal .resize-divider__track{width:2px;height:40px}.resize-divider--vertical .resize-divider__track{width:40px;height:2px}.resize-divider:hover .resize-divider__track,.resize-divider:active .resize-divider__track{background:var(--accent);transform:scaleY(1.5)}.resize-divider:hover,.resize-divider:active{background:var(--accent-glow)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);font-size:var(--fs-sm);color:#fff;background:var(--bg-elevated);border:1px solid var(--border);pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(12px);padding:12px 16px;font-weight:500;box-shadow:0 4px 12px #0006}.toast:hover{opacity:.9}.toast--info{border-left:4px solid var(--accent)}.toast--success{border-left:4px solid var(--green)}.toast--error{border-left:4px solid var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root,[data-theme=catppuccin]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#111318;--bg-panel:#1d212aa6;--bg-surface:#1d212ad9;--bg-elevated:#252a35e6;--bg-hover:#2e3341cc;--active-line:#ffffff0f;--selection:#b4b4b433;--border:#ffffff1f;--border-bright:#ffffff40;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-glow:0 0 12px var(--accent-glow);--text-primary:#dbdbdb;--text-secondary:#a6adc8;--text-muted:#6c7086;--accent:#c6a0f6;--accent-hover:#dcbaf8;--accent-dim:#c6a0f61f;--accent-border:#c6a0f659;--accent-glow:#c6a0f614;--accent2:#3b5364;--btn-active-bg:var(--accent);--btn-active-hover:var(--accent-hover);--btn-active-fg:#111318;--highlight-bg:#fab3872e;--highlight-border:#fab387;--green:#a6e3a1;--green-dim:#a6e3a11f;--red:#f38ba8;--red-dim:#f38ba81f;--yellow:#f9e2af;--yellow-dim:#f9e2af1f;--cyan:#89dceb;--cyan-dim:#89dceb1f;--code-comment:#6c7086;--code-string:#a6e3a1;--code-number:#f9e2af;--code-atom:#cba6f7;--code-keyword:#89dceb;--code-label:#fab387;--code-meta:#f5c2e7;--code-variable:#cdd6f4;--code-constant:#f38ba8;--code-punctuation:#bac2de}[data-theme=gruvbox]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#1d2021;--bg-panel:#282828b3;--bg-surface:#32302fd9;--bg-elevated:#423c39e6;--bg-hover:#504945d9;--active-line:#ffffff0f;--selection:#fe801938;--border:#ebdbb21a;--border-bright:#ebdbb240;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--shadow-glow:0 0 12px var(--accent-glow);--text-primary:#fbf1c7;--text-secondary:#d5c4a1;--text-muted:#928374;--accent:#fe8019;--accent-hover:#ff9e3b;--accent-dim:#fe801924;--accent-border:#fe801959;--accent-glow:#fe80191f;--accent2:#83a598;--btn-active-bg:#c6613f;--btn-active-hover:#d86d49;--btn-active-fg:#fff;--highlight-bg:#fe801933;--highlight-border:#fe8019;--green:#b8bb26;--green-dim:#b8bb2624;--red:#fb4934;--red-dim:#fb493424;--yellow:#fabd2f;--yellow-dim:#fabd2f24;--cyan:#8ec07c;--cyan-dim:#8ec07c24;--code-comment:#928374;--code-string:#b8bb26;--code-number:#d3869b;--code-atom:#fabd2f;--code-keyword:#fe8019;--code-label:#8ec07c;--code-meta:#83a598;--code-variable:#fbf1c7;--code-constant:#fb4934;--code-punctuation:#d5c4a1}:root{--font-sans:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace;--fs-xs:.9rem;--fs-sm:1rem;--fs-base:1.125rem;--fs-md:1.375rem;--fs-lg:1.625rem;--fs-xl:2.125rem;--fs-2xl:2.75rem;--lh-tight:1.2;--lh-base:1.5;--lh-loose:1.75;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--control-height:38px;--transition:.15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}::selection{background-color:var(--accent-dim);color:var(--text-primary)}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:var(--lh-tight)}#root,#__next{isolation:isolate}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-primary);background-color:var(--bg-base);background-image:radial-gradient(var(--border) 1px, transparent 1px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:24px 24px;background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-corner{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=gruvbox] ::-webkit-scrollbar-thumb{background:#0000004d}[data-theme=gruvbox] ::-webkit-scrollbar-thumb:hover{background:#00000080}.panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px)}.panel-content-wrapper{flex-direction:column;flex-shrink:0;height:100%;display:flex}.tab-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);gap:8px;height:34px;padding:0 12px;display:flex}.tab-bar--sidebar{padding:0 4px}.tab-bar__tabs{flex:1;gap:4px;display:flex}.tab-bar__title{font-size:var(--fs-sm);color:var(--text-primary);flex:1;align-items:center;padding-left:8px;font-weight:600;display:flex}.tab-bar__collapse-btn{margin:auto 0 auto 8px}.tab-bar__collapse-btn--left{margin:auto 8px auto 0}.tab-btn{height:100%;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;transition:color var(--transition), border-color var(--transition);white-space:nowrap;letter-spacing:.01em;box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0 12px;font-weight:500;display:inline-flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom:2px solid var(--accent);box-shadow:none;background:0 0;font-weight:600}.icon-btn{width:30px;height:30px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:var(--fs-base);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn img{opacity:.9;width:20px;height:20px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-button{min-height:var(--control-height);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);font:500 var(--fs-sm) var(--font-sans);letter-spacing:.01em;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;padding:8px 14px;display:inline-flex}.ui-button:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-md)}.ui-button:disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-button--ghost{color:var(--text-primary);font-size:var(--fs-sm);background:0 0;border-color:#0000;padding:0 8px}.ui-button--accent{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}.ui-button--accent:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-hover)}.ui-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text-primary);font:var(--fs-sm) var(--font-sans);outline:none;padding:8px 12px}.ui-input:focus{border-color:var(--accent)}.ui-input::placeholder{color:var(--text-muted)}.divider-v{background:var(--border);flex-shrink:0;width:1px}.divider-h{background:var(--border);flex-shrink:0;height:1px}.icon-collapse{opacity:.6;background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='3%203%2018%2018'%3e%3cpath%20d='M18%203a3%203%200%200%201%202.995%202.824l.005%20.176v12a3%203%200%200%201%20-2.824%202.995l-.176%20.005h-12a3%203%200%200%201%20-2.995%20-2.824l-.005%20-.176v-12a3%203%200%200%201%202.824%20-2.995l.176%20-.005h12zm-3%202h-9a1%201%200%200%200%20-.993%20.883l-.007%20.117v12a1%201%200%200%200%20.883%20.993l.117%20.007h9v-14zm-3.293%204.293a1%201%200%200%201%20.083%201.32l-.083%20.094l-1.292%201.293l1.292%201.293a1%201%200%200%201%20.083%201.32l-.083%20.094a1%201%200%200%201%20-1.32%20.083l-.094%20-.083l-2%20-2a1%201%200%200%201%20-.083%20-1.32l.083%20-.094l2%20-2a1%201%200%200%201%201.414%200z'%20fill='%23dbdbdb'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='3%203%2018%2018'%3e%3cpath%20d='M18%203a3%203%200%200%201%202.995%202.824l.005%20.176v12a3%203%200%200%201%20-2.824%202.995l-.176%20.005h-12a3%203%200%200%201%20-2.995%20-2.824l-.005%20-.176v-12a3%203%200%200%201%202.824%20-2.995l.176%20-.005h12zm-3%202h-9a1%201%200%200%200%20-.993%20.883l-.007%20.117v12a1%201%200%200%200%20.883%20.993l.117%20.007h9v-14zm-3.293%204.293a1%201%200%200%201%20.083%201.32l-.083%20.094l-1.292%201.293l1.292%201.293a1%201%200%200%201%20.083%201.32l-.083%20.094a1%201%200%200%201%20-1.32%20.083l-.094%20-.083l-2%20-2a1%201%200%200%201%20-.083%20-1.32l.083%20-.094l2%20-2a1%201%200%200%201%201.414%200z'%20fill='%23dbdbdb'/%3e%3c/svg%3e") 50%/contain no-repeat}.icon-collapse--right{transform:scaleX(-1)}.icon-collapse--down{transform:rotate(270deg)}.icon-collapse--up{transform:rotate(90deg)}