.workspace{grid-template-columns:154px 280px 1fr 292px}
.feature-nav{border-right:1px solid var(--line);padding:16px 10px;overflow:auto}
.feature-nav-title{padding:2px 9px 12px;color:var(--muted);font-size:11px;font-weight:700}
.feature-nav-item{width:100%;display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#526070;border-radius:7px;padding:10px 8px;text-align:left;font-size:11px;margin-bottom:5px}
.feature-nav-item:hover,.feature-nav-item.active{background:var(--orange-soft);border-color:#ffc8aa;color:var(--orange)}
.feature-nav-item-muted{color:#a0a9b4;cursor:default}
.feature-nav-item-muted:hover{background:transparent;border-color:transparent;color:#a0a9b4}
.feature-nav-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#f0f2f5;color:inherit;font-size:14px;flex:none}
.feature-nav-item.active .feature-nav-icon{background:var(--orange);color:#fff}
.deskmat-area{display:none;grid-column:2/-1;min-width:0;background:#fff}
.deskmat-area iframe{display:block;width:100%;height:100%;border:0;background:#f6f3ee}
.feature-deskmat .left-panel,.feature-deskmat .canvas-area,.feature-deskmat .right-panel{display:none}
.feature-deskmat .deskmat-area{display:block}
.feature-pegboard .deskmat-area{display:block}
.feature-deskmat .topbar .project,.feature-deskmat .topbar .actions{visibility:hidden}
@media(max-width:1000px){.workspace{grid-template-columns:120px 230px 1fr}.right-panel{position:fixed;right:0;top:64px;bottom:0;width:280px;box-shadow:var(--shadow);transform:translateX(calc(100% - 8px));transition:.2s;z-index:5}.right-panel:hover{transform:none}}
@media(max-width:700px){.workspace{display:block;height:auto}.feature-nav{display:flex;align-items:center;gap:5px;height:58px;padding:8px 10px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.feature-nav-title{padding:0 7px;white-space:nowrap}.feature-nav-item{width:auto;white-space:nowrap;margin:0;padding:7px 9px}.left-panel{height:330px}.deskmat-area{height:calc(100vh - 122px)}.feature-deskmat .workspace{height:calc(100vh - 64px)}}