.sidebar .nav button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;color:var(--muted);padding:13px 15px;border-radius:10px;font:inherit}.sidebar .nav button.active{background:var(--accent);color:#082419}.sidebar .nav button:hover{background:#20334a;color:#fff}.library-card{overflow:visible;gap:18px}.library-card .flowmain{min-width:0}.library-card .flow-open{display:block;text-align:left}.library-account{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#b9c8dd;font-size:12px;padding:5px 0}.library-account .channel-logo{width:15px;height:15px}.library-controls{display:flex;align-items:center;gap:14px;position:relative}.library-more{font-size:26px;line-height:1;width:36px;padding:2px 0;border:0;background:transparent}.library-switch{height:24px;width:44px;padding:3px;border:0;background:#42536a;border-radius:20px;flex-shrink:0}.library-switch span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}.library-switch.on{background:#21b879}.library-switch.on span{transform:translateX(20px)}.library-menu{position:absolute;top:40px;right:0;z-index:30;background:#142337;border:1px solid #354b69;box-shadow:0 14px 34px #0008;border-radius:10px;padding:6px;min-width:174px}.library-menu button{display:block;text-align:left;width:100%;border:0;background:transparent;padding:10px 14px}.library-menu button:hover{background:#263d58}.template-preview{max-height:220px;overflow:auto;display:grid;gap:8px;margin:16px 0}.template-preview>div{padding:10px;border:1px solid #354b69;border-radius:8px}.template-preview p{white-space:pre-wrap}#library-error{color:#ff676e}.flow-library.grid-view .library-controls{justify-content:flex-end}.library-switch:focus-visible,.library-more:focus-visible{outline:2px solid #7ed4ff;outline-offset:3px}@media(max-width:650px){.library-card{flex-wrap:wrap;gap:12px}.library-card .flowmain{flex:1}.library-controls{margin-left:58px;width:calc(100% - 58px);justify-content:flex-end}.library-card .flow-open{overflow-wrap:anywhere}.library-menu{top:32px}.sidebar .nav button{justify-content:center;padding:10px}.library-account{max-width:100%;overflow-wrap:anywhere}}

.sidebar .nav button.active{background:#275acc;color:#fff}.sidebar .nav button .icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;flex-shrink:0}.studio-open .sidebar .nav button{flex-direction:column;gap:7px;font-size:11px;padding:12px 2px;border-radius:0}.library-card{cursor:pointer}