.sidebar{z-index:200}
main>header{position:relative;z-index:180;background:var(--paper)}
.sidebar-navigation{display:grid;gap:4px}
.sidebar-nav-group{display:grid;gap:7px;min-width:0}
.sidebar-nav-links{display:grid;gap:4px}
.sidebar nav a{transition:background-color .16s ease,color .16s ease,transform .16s ease}
.sidebar nav a:not(.active):hover{background:#e7e3dc;color:var(--ink);transform:translateX(2px)}
.sidebar nav a.active:hover{background:#d3cec4}
.sidebar nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--ink)}
.sidebar-link-label{font-size:inherit!important;width:auto!important;text-align:left!important}
.sidebar nav a .sidebar-workspace-icon{display:grid;width:17px;height:20px;flex:0 0 17px;place-items:center;transform:translateX(-1px)}
.sidebar-workspace-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .16s ease}
.sidebar nav a:hover .sidebar-workspace-icon svg,.sidebar nav a.active .sidebar-workspace-icon svg{stroke-width:2.25}
.sidebar-project-group{display:none;margin:5px 0;border-top:1px solid #d7d2c8;border-bottom:1px solid #d7d2c8;padding:8px 0 10px}
.project-context .sidebar-project-group{display:grid}
.sidebar-project-group .project-switcher{margin:0 0 8px 13px}
.project-nav-links{position:relative;padding-left:22px}
.project-nav-links::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:#d2ccc1}
.project-nav-links a{position:relative}
.project-nav-links a::before{content:"";position:absolute;left:-9px;top:50%;width:7px;height:1px;background:#d2ccc1}

.project-switcher{position:relative;display:block;margin:0;padding:7px 10px 8px;border:1px solid #d4d0c7;border-radius:7px;background:#f8f6f1;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.project-switcher:hover{border-color:#bcb6ac;background:#fbfaf6}
.project-switcher:focus-within{border-color:#9d9589;box-shadow:0 0 0 3px #ba5b3b12}
.project-switcher .project-switcher-label{display:block;margin-bottom:4px;color:#8b867e;font:9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}
.project-switcher .project-switcher-button{display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-column:auto;grid-row:auto;align-items:center;gap:7px;width:100%;min-height:28px;border:0;background:transparent;padding:0;color:var(--ink);text-align:left;cursor:pointer}
.project-switcher .project-switcher-button strong{display:-webkit-box;min-width:0;overflow:hidden;font:600 13px/1.3 'DM Sans';overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.project-switcher .project-switcher-button svg{width:18px;height:18px;fill:none;stroke:#716c64;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.project-switcher .project-switcher-button.is-open svg{transform:rotate(180deg)}
.project-switcher .project-switcher-button:focus-visible{outline:0}
.project-switcher-menu{position:absolute;z-index:220;top:calc(100% + 8px);left:-1px;width:260px;overflow:hidden;border:1px solid #d4d0c7;border-radius:7px;background:#fffefa;box-shadow:0 15px 34px #2a292626}
.project-switcher-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e4e0d8;padding:10px 11px;background:#f3f0e9}
.project-switcher-menu-head span{color:#55514a;font:500 9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}
.project-switcher-menu-head small{color:#8a857c;font-size:9px}
.project-switcher-options{display:grid;max-height:268px;overflow-y:auto;padding:5px}
.project-switcher-divider{margin:5px 3px 3px;border-top:1px solid #e2ddd4;padding:9px 6px 3px;color:#a14d35;font:600 8px 'DM Mono';letter-spacing:.1em;text-transform:uppercase}
.project-switcher-divider.first{margin-top:0;border-top:0;padding-top:4px}
.project-switcher .project-switcher-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-column:auto;grid-row:auto;align-items:center;gap:8px;width:100%;border:0;border-radius:4px;background:transparent;padding:9px 8px;color:#4d4a44;text-align:left;cursor:pointer}
.project-switcher .project-switcher-option>span{display:grid;gap:3px;min-width:0}
.project-switcher .project-switcher-option strong{display:-webkit-box;overflow:hidden;font:600 11px/1.3 'DM Sans';overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.project-switcher .project-switcher-option small{color:#918b82;font:8px 'DM Mono';letter-spacing:.06em;text-transform:uppercase}
.project-switcher .project-switcher-option svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.project-switcher .project-switcher-option:hover{background:#f0ede6;color:var(--ink)}
.project-switcher .project-switcher-option:focus-visible{outline:2px solid #b75c3b;outline-offset:-2px;background:#f4eee8}
.project-switcher .project-switcher-option.is-selected{background:#ece7de;color:var(--ink)}
.project-switcher .project-switcher-option.is-selected svg{opacity:1}
.header-project-switcher{position:relative;display:flex;align-items:center;gap:7px;min-width:0}
.header-project-switcher-control{position:relative;display:flex;min-width:0}
.header-projects-link{border-radius:3px;color:inherit;text-decoration:none;transition:background-color .16s ease,color .16s ease}
.header-projects-link:hover{background:#ebe7df;color:var(--ink)}
.header-projects-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.header-project-switcher-button{display:flex;align-items:center;gap:5px;min-width:0;max-width:min(34vw,360px);border:0;border-radius:3px;background:transparent;padding:4px 5px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.header-project-switcher-button:hover,.header-project-switcher-button.is-open{background:#ebe7df;color:var(--ink)}
.header-project-switcher-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.header-project-switcher-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-project-switcher-button svg{flex:0 0 auto;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.header-project-switcher-button.is-open svg{transform:rotate(180deg)}
.header-project-switcher-menu{top:calc(100% + 10px);left:0;width:min(280px,calc(100vw - 24px));text-transform:none;letter-spacing:normal}
.header-project-switcher .project-switcher-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;border:0;border-radius:4px;background:transparent;padding:9px 8px;color:#4d4a44;text-align:left;cursor:pointer}
.header-project-switcher .project-switcher-option>span{display:grid;gap:3px;min-width:0}
.header-project-switcher .project-switcher-option strong{display:-webkit-box;overflow:hidden;font:600 11px/1.3 'DM Sans';overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.header-project-switcher .project-switcher-option small{color:#918b82;font:8px 'DM Mono';letter-spacing:.06em;text-transform:uppercase}
.header-project-switcher .project-switcher-option svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.header-project-switcher .project-switcher-option:hover{background:#f0ede6;color:var(--ink)}
.header-project-switcher .project-switcher-option:focus-visible{outline:2px solid #b75c3b;outline-offset:-2px;background:#f4eee8}
.header-project-switcher .project-switcher-option.is-selected{background:#ece7de;color:var(--ink)}
.header-project-switcher .project-switcher-option.is-selected svg{opacity:1}
.header-project-view-all{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e0d8;padding:10px 12px;color:#55514a;font:600 10px 'DM Sans';text-decoration:none}
.header-project-view-all:hover{background:#f0ede6;color:var(--ink)}
.header-project-view-all:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:600px){
  .header-project-switcher{gap:4px}
  .header-project-switcher-button{max-width:30vw;padding-inline:3px}
  .header-project-switcher-menu{position:fixed;top:70px;left:12px;width:min(280px,calc(100vw - 24px))}
}

.new-project{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--ink);border-radius:6px;background:var(--ink);padding:10px 12px;color:#fff;text-align:left;font:600 13px 'DM Sans';cursor:pointer;box-shadow:0 4px 12px #2a292615;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.new-project span{display:grid;flex:0 0 25px;height:25px;place-items:center;border-radius:50%;background:#ffffff18;font-size:18px;font-weight:400;line-height:1}
.new-project strong{font:inherit}
.new-project:hover{transform:translateY(-1px);background:#3a3935;box-shadow:0 7px 16px #2a292624}
.new-project:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (min-width:601px) and (max-width:900px){
  .sidebar-navigation{gap:4px}
  .sidebar-nav-group{display:grid;gap:4px}
  .sidebar-nav-links{display:grid;gap:4px}
  .sidebar-project-group{display:none;border:0;border-radius:0;background:transparent;padding:0}
  .project-context .sidebar-project-group{display:grid}
  .project-nav-links{gap:2px;margin:3px 0;padding:3px 0;border:0;border-radius:0;background:transparent}
  .project-nav-links a{color:#695f57}
  .project-nav-links a.active{background:#ded9d0;color:var(--ink)}
  .project-nav-links::before{display:block;z-index:2;left:0;top:3px;bottom:3px;width:1px;border-radius:1px;background:#ba5b3b45;pointer-events:none}
  .project-nav-links a::before{display:none}
  .project-switcher{display:none}
  .sidebar .brand{margin-bottom:18px}
  .sidebar nav a{gap:0;min-width:0}
  .sidebar nav a span{width:auto;flex:0 0 auto}
  .sidebar-link-label{display:none}
  .new-project{display:grid;width:44px;height:44px;margin-inline:auto;padding:0;place-items:center;border-radius:8px;box-shadow:none}
  .new-project span{width:28px;height:28px;flex-basis:28px}
  .new-project strong{display:none}
}
@media (max-width:600px){
  .sidebar .sidebar-navigation{display:grid;grid-template-columns:2fr 4.15fr 1fr;align-items:center;flex:1;gap:4px}
  body:not(.project-context) .sidebar-navigation,.projects-view .sidebar-navigation{grid-template-columns:2fr 1fr}
  .sidebar-nav-links{display:contents}
  .sidebar-primary-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
  .sidebar-project-group{display:none;margin:0;border:0;background:transparent;padding:0}
  .project-context .sidebar-project-group{display:block}
  .projects-view .sidebar-project-group{display:none}
  .project-nav-links{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0 5px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .project-nav-links a{min-width:0;color:#605e57}
  .project-nav-links a.active{background:#ded9d0;color:var(--ink)}
  .sidebar-catalog-link{display:grid}
  .project-nav-links::before,.project-nav-links::after{content:"";position:absolute;z-index:2;top:10px;bottom:10px;width:1px;background:#ba5b3b70;pointer-events:none}
  .project-nav-links::before{display:block;left:0}
  .project-nav-links::after{right:0}
  .project-nav-links a::before{display:none}
  .sidebar nav a{gap:0;min-width:0}
  .sidebar nav a span{width:auto;flex:0 0 auto}
  .sidebar-link-label{display:none}
  .new-project{display:none!important}
}