.loom-sidebar{z-index:30;color:#404040;background:#fafafa;border-right:1px solid #e9e9e9;flex-direction:column;flex:0 0 316px;width:316px;height:100dvh;display:flex;position:sticky;top:0}.loom-sidebar.is-compact{flex-basis:60px;width:60px}.loom-sidebar-heading{border-bottom:1px solid #ededed;flex:0 0 60px;align-items:center;height:60px;padding:8px;display:flex}.loom-sidebar-brand{color:#23242a;border-radius:8px;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:7px;text-decoration:none;display:flex}.loom-sidebar-brand:hover{background:#ededed}.loom-sidebar-brand img{flex-shrink:0;width:30px;height:30px;display:block}.loom-sidebar-brand span{letter-spacing:-1.2px;font-family:Helvetica Neue,Arial,sans-serif;font-size:25px;font-weight:800;line-height:30px}.loom-sidebar-body{flex:1;min-height:0;display:flex}.loom-nav-rail{background:#f3f3f3;flex-direction:column;flex:0 0 60px;align-items:center;gap:12px;width:60px;padding:8px;display:flex}.loom-sidebar button,.loom-mobile-navigation button{box-shadow:none;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;font-family:inherit;font-weight:400}.loom-sidebar button:hover,.loom-mobile-navigation button:hover{background:#ededed}.loom-sidebar button:focus-visible,.loom-sidebar-brand:focus-visible,.loom-mobile-navigation button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.loom-sidebar button:disabled,.loom-mobile-navigation button:disabled{opacity:.5;cursor:not-allowed}.loom-nav-rail>button,.loom-rail-links>button{color:#757575;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;display:flex;position:relative}.loom-rail-links{scrollbar-width:none;flex-direction:column;flex:1;gap:7px;min-height:0;display:flex;overflow-y:auto}.loom-rail-links>button{flex-shrink:0}.loom-rail-links button[aria-current]{color:#242424;background:#e6e6e6}.loom-rail-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:5;background:#333;border-radius:6px;padding:5px 9px;font-size:12px;display:none;position:fixed;left:60px}.loom-rail-links button:hover .loom-rail-tooltip,.loom-rail-links button:focus-visible .loom-rail-tooltip{display:block}.loom-nav-rail .loom-account-trigger{flex-shrink:0;margin-top:auto}.loom-account-trigger>span{background:var(--brand-soft);width:30px;height:30px;color:var(--brand-strong);border-radius:50%;place-items:center;font-size:13px;display:grid}.loom-nav-panel{flex-direction:column;flex:1;width:256px;min-width:0;min-height:0;display:flex}.loom-panel-actions{flex-shrink:0;padding:8px 10px}.loom-panel-actions>button,.loom-panel-primary-actions>button{align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 10px;font-size:14px;display:flex}.loom-panel-primary-actions{align-items:center;gap:2px;display:flex}.loom-panel-actions .loom-new-creation{flex:1;min-width:0;font-weight:500}.loom-panel-primary-actions .loom-panel-search-toggle{color:#757575;flex:0 0 36px;justify-content:center;width:36px;padding:8px}.loom-panel-actions .loom-history-link{color:#747474;font-size:13px}.loom-sidebar .is-selected,.loom-mobile-navigation .is-selected{color:#242424;background:#ededed}.loom-nav-search{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:6px;margin:6px 2px 0;padding:6px 8px;display:flex}.loom-nav-search svg{color:#888;flex-shrink:0}.loom-nav-search input{width:100%;min-width:0;height:25px;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.loom-nav-search:focus-within{outline:2px solid var(--brand-soft);border-color:var(--brand)}.loom-nav-search button{flex-shrink:0;justify-content:center;width:24px;min-height:24px;padding:2px}.loom-tree-scroll{scrollbar-width:thin;scrollbar-color:#d2d2d2 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:0 9px 18px;overflow:hidden auto}.loom-tree-section{margin-top:17px}.loom-tree-section>header{justify-content:space-between;align-items:center;min-height:30px;padding-right:3px;display:flex}.loom-tree-section>header button{color:#8c8c8c;align-items:center;gap:5px;min-height:28px;padding:4px 7px;font-size:12px;display:flex}.loom-tree-section>header .loom-section-action{opacity:0}.loom-tree-section>header:hover .loom-section-action,.loom-tree-section>header:focus-within .loom-section-action{opacity:1}.loom-tree-row{border-radius:8px;align-items:center;min-height:35px;margin-bottom:1px;padding:0 3px 0 7px;display:flex}.loom-tree-row:hover{background:#f0f0f0}.loom-tree-row .loom-tree-link{background:0 0;flex:1;align-items:center;gap:8px;min-width:0;min-height:35px;padding:7px 1px;font-size:13px;line-height:21px;display:flex}.loom-tree-link span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.loom-tree-link svg{flex-shrink:0}.loom-tree-link>svg:last-child:not(:first-child){color:#8b8b8b}.loom-project-row{padding-left:0}.loom-tree-row .loom-disclosure{color:#979797;flex:0 0 19px;justify-content:center;width:19px;min-height:30px;padding:3px}.loom-project-row .loom-tree-link{font-size:14px}.loom-project-children .is-nested{padding-left:45px}.loom-session-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.loom-tree-row .loom-pin,.loom-tree-row .loom-archive{color:#909090;opacity:0;flex:0 0 24px;justify-content:center;width:24px;min-height:28px;padding:3px}.loom-tree-row:hover .loom-pin,.loom-tree-row:focus-within .loom-pin,.loom-tree-row:hover .loom-archive,.loom-tree-row:focus-within .loom-archive,.loom-tree-row .loom-archive[aria-busy=true],.loom-tree-row .loom-pin.is-pinned{opacity:1}.loom-tree-row .loom-pin.is-pinned{color:#777}.loom-tree-empty{color:#999;margin:0;padding:7px 10px;font-size:11px;line-height:1.7}.loom-project-children .loom-tree-empty{padding:3px 8px 7px 45px}.loom-tree-scroll .loom-tree-more{color:#888;min-height:30px;padding:4px 10px;font-size:12px}.loom-project-children .loom-tree-more{margin-left:40px}.loom-panel-footer{color:#999;flex-shrink:0;padding:10px 18px;font-size:11px}.loom-archive-notice{background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-shrink:0;margin:6px 10px;padding:10px;font-size:12px;line-height:1.6}.loom-archive-notice p{margin:0 0 4px}.loom-archive-notice>div{align-items:center;gap:4px;margin-top:4px;display:flex}.loom-archive-notice button{min-height:32px;padding:4px 6px;font-size:12px}.loom-archive-notice button:last-child{margin-left:auto}@media (hover:none),(pointer:coarse){.loom-tree-row .loom-pin,.loom-tree-row .loom-archive{opacity:1;flex-basis:40px;width:40px;min-height:44px}}.loom-account-content{gap:12px;display:grid}.loom-account-content p{color:#777;font-size:13px}.loom-mobile-trigger{display:none}@media (max-height:560px) and (min-width:761px){.loom-nav-rail{gap:5px;padding-block:6px}.loom-rail-links{gap:2px}.loom-nav-rail>button,.loom-rail-links>button{height:36px;min-height:36px}}@media (max-width:1000px) and (min-width:761px){.loom-sidebar{flex-basis:280px;width:280px}}@media (max-width:760px){.loom-sidebar{display:none}.loom-mobile-trigger{z-index:40;background:#fff;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed;top:8px;left:10px}.canvas-shell .loom-mobile-trigger{top:auto;bottom:16px}.studio-dialog:has(.loom-mobile-navigation){width:min(390px,100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.loom-mobile-navigation{flex-direction:column;height:min(720px,100dvh - 100px);min-height:0;display:flex}.loom-mobile-modules{border-bottom:1px solid #eee;flex-wrap:wrap;flex-shrink:0;gap:2px;padding-bottom:8px;display:flex}.loom-mobile-modules button{align-items:center;gap:6px;min-height:44px;padding:7px 10px;font-size:13px;display:flex}.loom-mobile-modules button[aria-current]{background:#ededed}.loom-mobile-navigation .loom-nav-panel{width:100%}.loom-mobile-navigation .loom-sidebar-heading{border-bottom:0;flex-basis:52px;height:52px;padding:0 0 8px}.loom-mobile-navigation .loom-panel-actions{padding:8px 0}.loom-mobile-navigation .loom-tree-scroll{padding-inline:0}.loom-mobile-navigation .loom-tree-row{min-height:44px}.loom-mobile-navigation .loom-tree-link{min-height:44px;font-size:14px}.loom-mobile-navigation .loom-pin,.loom-mobile-navigation .loom-archive{opacity:1;flex-basis:40px;width:40px;min-height:44px}.loom-mobile-navigation .loom-disclosure{flex-basis:28px;min-height:44px}.loom-mobile-navigation .loom-panel-footer{display:none}.loom-mobile-navigation .loom-section-action{opacity:1}.loom-mobile-account{flex-shrink:0;min-height:44px;padding:10px}}