.mock-visual-studio[data-astro-cid-eb7jma3k]{--fs-body: 16px;--fs-h2: 18px;--fs-ui: 13px;--fs-sm: 12px;--fs-xs: 11px;--r-xs: 3px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;perspective:1200px}.vs-chrome[data-astro-cid-eb7jma3k]{background:var(--s-base);border:1px solid var(--b-default);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-screenshot),0 0 80px #d4885c14}.title-bar[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--s-raised);border-bottom:1px solid var(--b-subtle)}.chrome-dots[data-astro-cid-eb7jma3k]{display:flex;gap:6px}.dot[data-astro-cid-eb7jma3k]{width:10px;height:10px;border-radius:50%}.dot-red[data-astro-cid-eb7jma3k]{background:#cc6b6b}.dot-amber[data-astro-cid-eb7jma3k]{background:#cca04e}.dot-green[data-astro-cid-eb7jma3k]{background:#6aaf7a}.app-title[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-xs);color:var(--t-dim);flex:1;text-align:center}.title-spacer[data-astro-cid-eb7jma3k]{width:52px}.vs-body[data-astro-cid-eb7jma3k]{display:grid;grid-template-columns:160px 1fr 300px;min-height:380px}.sidebar-visual[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:1px solid var(--b-hairline)}.vs-sidebar-top[data-astro-cid-eb7jma3k]{padding:var(--sp-2) var(--sp-3)}.vs-new-btn[data-astro-cid-eb7jma3k]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:5px 10px;border-radius:var(--r-sm);background:var(--accent);color:var(--s-base);border:none;cursor:default;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.vs-board-list[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;padding:0 var(--sp-2)}.drow[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--r-xs);margin-bottom:2px;cursor:default;opacity:0;animation:fade-in-left .3s ease forwards;animation-delay:var(--board-delay)}.drow[data-astro-cid-eb7jma3k].active{background:var(--accent-bg)}.vs-board-thumb[data-astro-cid-eb7jma3k]{width:28px;height:28px;border-radius:var(--r-xs);background:var(--s-overlay);border:1px solid var(--b-hairline);flex-shrink:0}.vs-board-info[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;gap:1px;min-width:0}.vs-board-name[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-ui);font-weight:600;color:var(--t-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-board-count[data-astro-cid-eb7jma3k]{font-family:var(--f-mono);font-size:9px;color:var(--t-dim)}.vs-sidebar-spacer[data-astro-cid-eb7jma3k]{flex:1}.vs-search-bar[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--b-hairline)}.vs-search-icon[data-astro-cid-eb7jma3k]{color:var(--t-ghost);flex-shrink:0;font-size:10px}.vs-search-placeholder[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-ui);color:var(--t-ghost)}.vs-new-folder[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-dim);padding:var(--sp-1) var(--sp-3) var(--sp-2);cursor:default}.vsp[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;overflow:hidden}.vsp-toolbar[data-astro-cid-eb7jma3k]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--b-hairline);flex-shrink:0}.vsp-toolbar-left[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.vsp-project-name[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-h2);font-weight:600;color:var(--t-primary);white-space:nowrap}.vsp-folder-nav[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;gap:2px;margin-left:var(--sp-3)}.vsp-folder-link[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-dim);display:flex;align-items:center;gap:4px}.vsp-folder-link[data-astro-cid-eb7jma3k].active{color:var(--accent)}.vsp-folder-indent[data-astro-cid-eb7jma3k]{color:var(--t-ghost);font-size:10px}.vsp-folder-count[data-astro-cid-eb7jma3k]{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--t-dim)}.vsp-toolbar-right[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.vsp-chips[data-astro-cid-eb7jma3k]{display:flex;gap:3px}.vsp-chip[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-muted);padding:3px 8px;border-radius:var(--r-xs);cursor:default}.vsp-chip[data-astro-cid-eb7jma3k].active{background:var(--accent-bg);color:var(--accent)}.vsp-sort[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-muted);background:var(--s-overlay);border:1px solid var(--b-default);border-radius:var(--r-xs);padding:3px 6px;pointer-events:none}.vsp-view-toggle[data-astro-cid-eb7jma3k]{display:flex;border:1px solid var(--b-default);border-radius:var(--r-xs);overflow:hidden}.vsp-vt-btn[data-astro-cid-eb7jma3k]{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border:none;background:var(--s-overlay);color:var(--t-dim);cursor:default;font-size:12px}.vsp-vt-btn[data-astro-cid-eb7jma3k].active{background:var(--accent-bg);color:var(--accent)}.vsp-vt-btn[data-astro-cid-eb7jma3k]+.vsp-vt-btn[data-astro-cid-eb7jma3k]{border-left:1px solid var(--b-default)}.vsp-upload-group[data-astro-cid-eb7jma3k]{display:inline-flex}.vsp-upload-btn[data-astro-cid-eb7jma3k]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:5px 10px;border-radius:var(--r-sm) 0 0 var(--r-sm);background:var(--accent);color:var(--s-base);border:none;cursor:default;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.vsp-upload-caret[data-astro-cid-eb7jma3k]{display:flex;align-items:center;justify-content:center;padding:0 6px;background:var(--accent);color:var(--s-base);border:none;border-left:1px solid rgba(255,255,255,.2);border-radius:0 var(--r-sm) var(--r-sm) 0;cursor:default;font-size:10px}.vsp-content[data-astro-cid-eb7jma3k]{flex:1;overflow-y:auto;padding:var(--sp-4)}.vsp-grid[data-astro-cid-eb7jma3k]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3)}.vsp-card[data-astro-cid-eb7jma3k]{position:relative;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;cursor:default;opacity:0;animation:scale-in .4s var(--ease-out) forwards;animation-delay:var(--gallery-delay)}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.vsp-card[data-astro-cid-eb7jma3k].selected{border-color:var(--accent)}.vsp-card-thumb[data-astro-cid-eb7jma3k]{position:relative;aspect-ratio:4 / 3;background:var(--s-sunken);overflow:hidden}.vsp-card-bg[data-astro-cid-eb7jma3k]{width:100%;height:100%}.vsp-card-overlay[data-astro-cid-eb7jma3k]{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:linear-gradient(transparent,#000000b3);opacity:0}.vsp-card[data-astro-cid-eb7jma3k]:hover .vsp-card-overlay[data-astro-cid-eb7jma3k]{opacity:1}.vsp-card-name[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--s-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsp-drawer[data-astro-cid-eb7jma3k]{width:300px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--b-hairline);background:var(--s-raised);overflow:hidden}.vsp-drawer-header[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--b-hairline);flex-shrink:0}.vsp-drawer-close[data-astro-cid-eb7jma3k]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--t-dim);cursor:default;border-radius:var(--r-xs)}.vsp-drawer-title[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-ui);font-weight:600;color:var(--t-primary)}.vsp-drawer-body[data-astro-cid-eb7jma3k]{flex:1;overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-4)}.vsp-drawer-preview[data-astro-cid-eb7jma3k]{width:100%;border-radius:var(--r-sm);overflow:hidden;background:var(--s-sunken)}.vsp-preview-bg[data-astro-cid-eb7jma3k]{width:100%;aspect-ratio:16 / 10}.vsp-drawer-fields[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;gap:var(--sp-3)}.vsp-field[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;gap:2px;opacity:0;animation:fade-in .3s ease forwards;animation-delay:var(--field-delay, 0ms)}.vsp-field-label[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:4px;font-family:var(--f-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--t-dim)}.vsp-field-value[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-ui);color:var(--t-body);word-break:break-word}.vsp-folder-select[data-astro-cid-eb7jma3k]{font-family:var(--f-ui);font-size:var(--fs-ui);color:var(--t-body);background:var(--s-sunken);border:1px solid var(--b-default);border-radius:var(--r-xs);padding:4px 6px;pointer-events:none;width:100%}.vsp-links[data-astro-cid-eb7jma3k]{display:flex;flex-direction:column;gap:4px}.vsp-link-row[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:6px;padding:2px 0}.vsp-link-dot[data-astro-cid-eb7jma3k]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.vsp-link-title[data-astro-cid-eb7jma3k]{font-size:var(--fs-sm);color:var(--t-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsp-link-type[data-astro-cid-eb7jma3k]{font-size:9px;text-transform:uppercase;color:var(--t-dim);flex-shrink:0}.vsp-link-add[data-astro-cid-eb7jma3k]{display:block;font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--accent);margin-top:4px}.vsp-drawer-actions[data-astro-cid-eb7jma3k]{display:flex;gap:var(--sp-2);flex-wrap:wrap;padding-top:var(--sp-3);border-top:1px solid var(--b-hairline)}.vs-btn[data-astro-cid-eb7jma3k]{padding:var(--sp-1) var(--sp-3);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:500;border:1px solid var(--b-default);border-radius:var(--r-xs);background:var(--s-overlay);color:var(--t-muted);cursor:default;display:inline-flex;align-items:center;gap:var(--sp-1)}.vs-btn-danger[data-astro-cid-eb7jma3k]{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,transparent)}.writing-subtabs[data-astro-cid-eb7jma3k]{display:flex;align-items:center;height:30px;background:var(--s-raised);border-top:1px solid var(--border);padding:0 12px}.writing-subtab[data-astro-cid-eb7jma3k]{position:relative;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:500;color:var(--t-muted);padding:0 12px;height:100%;display:flex;align-items:center;cursor:default}.writing-subtab[data-astro-cid-eb7jma3k].on{color:var(--t-primary)}.writing-subtab[data-astro-cid-eb7jma3k].on:after{content:"";position:absolute;bottom:0;left:4px;right:4px;height:2px;background:var(--accent);border-radius:1px 1px 0 0}.sbar[data-astro-cid-eb7jma3k]{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 12px;font-family:var(--f-ui);font-size:var(--fs-xs);color:var(--t-dim);background:var(--s-raised);border-top:1px solid var(--b-hairline)}.sbar-l[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:14px}.sbar-dot[data-astro-cid-eb7jma3k]{width:4px;height:4px;border-radius:50%;background:var(--green)}.sbar-sep[data-astro-cid-eb7jma3k]{color:var(--t-ghost)}.sbar-r[data-astro-cid-eb7jma3k]{display:flex;align-items:center;gap:14px}.sbar-warn[data-astro-cid-eb7jma3k]{color:var(--amber)}@keyframes fade-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:959px){.vs-body[data-astro-cid-eb7jma3k]{grid-template-columns:1fr;min-height:auto}.sidebar-visual[data-astro-cid-eb7jma3k],.vsp-drawer[data-astro-cid-eb7jma3k]{display:none}}.detail-grid[data-astro-cid-w4g7o7gs]{display:flex;flex-direction:column;gap:24px;max-width:var(--max-w-narrow)}