.workspace-route .app-header{gap:18px}.workspace-route .brand small,.workspace-route .build-label{display:none}.sv-toolbar{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.og-main{background:#e9edf0;grid-template-rows:minmax(0,1fr) auto;display:grid}.og-stage{touch-action:none;user-select:none;min-height:0;position:relative;overflow:hidden}.og-stage:fullscreen{background:#e9edf0}.og-img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .38s;position:absolute;inset:0}.og-img.on{opacity:1}.og-caption{z-index:3;background:#fffffff0;border-radius:10px;flex-direction:column;gap:2px;max-width:min(560px,100% - 300px);padding:10px 14px;display:flex;position:absolute;top:14px;left:16px;box-shadow:0 6px 20px #0f2a2f24}.og-caption strong{color:#0f2a2f;font-size:16px;line-height:1.25}.og-group{letter-spacing:.07em;text-transform:uppercase;color:#94600c;font-size:10.5px;font-weight:700}.og-meta{color:#5b6770;font-size:12px}.og-arrow{z-index:3;color:#0f2a2f;cursor:pointer;background:#fffffff0;border:1px solid #d5dde3;border-radius:14px;flex-direction:column;align-items:center;gap:3px;width:78px;min-height:96px;padding:10px 6px;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 20px #0f2a2f29}.og-arrow:hover{background:#fff;border-color:#145c5d}.og-arrow svg{width:34px;height:34px}.og-prev{left:16px}.og-next{right:250px}.og-stage kbd,.og-keys kbd{color:#17242e;text-align:center;background:#fff;border:1px solid #b9c5cd;border-radius:5px;min-width:20px;padding:2px 5px;font:700 11px/1.2 Segoe UI,system-ui,sans-serif;display:inline-block;box-shadow:0 1px #b9c5cd}.og-schemes{z-index:3;background:#fffffff2;border:1px solid #d5dde3;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;width:218px;padding:10px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 6px 20px #0f2a2f29}.og-schemes-head{color:#0f2a2f;align-items:center;gap:5px;margin:0 2px 2px;font-size:12px;font-weight:700;display:flex}.og-schemes-head kbd:first-of-type{margin-left:auto}.og-step{color:#0f2a2f;cursor:pointer;background:#f8fafc;border:1px solid #d5dde3;border-radius:9px;justify-content:center;align-items:center;min-height:38px;display:flex}.og-step:hover{background:#fff;border-color:#145c5d}.og-step svg{width:24px;height:24px}.og-scheme-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.og-scheme-list button{text-align:left;color:#17242e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;padding:5px 8px;font-size:12.5px;font-weight:650;display:flex}.og-scheme-list button:hover{background:#eef2f5}.og-scheme-list button[aria-current=true]{color:#fff;background:#0f2a2f}.og-scheme-list button.og-missing{opacity:.45}.og-swatch{background:var(--wall);border:1px solid #0000002e;border-radius:6px;flex:none;width:26px;height:26px;position:relative;overflow:hidden}.og-swatch:before{content:"";background:var(--roof);height:40%;position:absolute;inset:0 0 auto}.og-swatch:after{content:"";background:var(--accent);width:35%;height:60%;position:absolute;bottom:0;right:0}.og-scheme-list small{opacity:.75;font-size:10.5px;font-weight:500;display:block}.og-toast{z-index:4;color:#fff;background:#0f2a2f;border-radius:8px;max-width:calc(100% - 32px);margin:0;padding:8px 14px;font-size:12.5px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.og-topright{z-index:4;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:14px;right:16px}.og-foot{background:#fff;border-top:1px solid #d5dde3;min-width:0;padding:8px 12px 10px}.og-keys{color:#3d4d59;flex-wrap:wrap;flex:1;gap:6px 22px;min-width:0;margin:0;font-size:12px;display:flex}.og-keys span{align-items:center;gap:4px;display:inline-flex}.og-keys-touch{display:none!important}.og-strip{scrollbar-width:thin;scrollbar-color:#b9c5cd transparent;gap:6px;padding:2px 2px 8px;display:flex;overflow-x:auto}.og-strip::-webkit-scrollbar{height:7px}.og-strip::-webkit-scrollbar-track{background:0 0}.og-strip::-webkit-scrollbar-thumb{background:#c9d3da;border-radius:4px}.og-strip::-webkit-scrollbar-thumb:hover{background:#9fb0bb}.og-strip .og-gl{letter-spacing:.06em;text-transform:uppercase;color:#94600c;writing-mode:vertical-rl;border-left:1px solid #d5dde3;flex:none;align-self:stretch;align-items:flex-end;padding:0 2px 4px 8px;font-size:10px;font-weight:700;display:flex;transform:rotate(180deg)}.og-strip .og-gl:first-child{border-left:0}.og-strip button{cursor:pointer;text-align:left;background:#eef2f5;border:2px solid #0000;border-radius:7px;flex:none;width:128px;padding:0;overflow:hidden}.og-strip button img{object-fit:cover;width:100%;height:72px;display:block}.og-strip button span{color:#17242e;white-space:nowrap;text-overflow:ellipsis;padding:3px 6px 4px;font-size:11px;font-weight:600;display:block;overflow:hidden}.og-strip button[aria-current=true]{border-color:#145c5d;box-shadow:0 0 0 2px #145c5d40}.og-strip button.og-missing{opacity:.4}@media (width<=900px){.og-next{right:16px}.og-schemes{flex-direction:row;align-items:center;width:auto;padding:6px;inset:auto 12px 12px;transform:none}.og-schemes-head{display:none}.og-scheme-list{scrollbar-width:none;flex-direction:row;flex:1;overflow-x:auto}.og-scheme-list button small{display:none}.og-scheme-list button{white-space:nowrap}.og-step{min-width:40px;min-height:40px}.og-step svg{transform:rotate(-90deg)}.og-caption{max-width:calc(100% - 90px)}.og-toast{bottom:76px}}@media (width<=700px){.og-arrow{width:52px;min-height:72px;padding:6px 4px;font-size:10.5px}.og-arrow kbd{display:none}.og-arrow svg{width:26px;height:26px}.og-prev{left:8px}.og-next{right:8px}.og-caption{padding:8px 10px;top:8px;left:8px}.og-caption strong{font-size:14px}.og-topright{top:8px;right:8px}.og-keys span:not(.og-keys-touch){display:none}.og-keys-touch{display:inline-flex!important}.og-strip button{width:104px}.og-strip button img{height:60px}}@media (prefers-reduced-motion:reduce){.og-img{transition:none}}