.detail-container[data-astro-cid-mwfdl6pr]{padding:2.5rem 1rem 5rem}.detail-navigation[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.back-link[data-astro-cid-mwfdl6pr]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.back-link[data-astro-cid-mwfdl6pr]:hover{color:var(--accent-blue);transform:translate(-3px)}.icon-back[data-astro-cid-mwfdl6pr]{width:1rem;height:1rem}.detail-breadcrumbs[data-astro-cid-mwfdl6pr]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.detail-breadcrumbs[data-astro-cid-mwfdl6pr] .crumb[data-astro-cid-mwfdl6pr].active{color:var(--text-primary);font-weight:600}.detail-breadcrumbs[data-astro-cid-mwfdl6pr] .separator[data-astro-cid-mwfdl6pr]{color:var(--text-muted)}.editor-workspace[data-astro-cid-mwfdl6pr]{display:grid;grid-template-columns:1fr 340px;min-height:680px;overflow:hidden;background:var(--bg-card)}.editor-canvas[data-astro-cid-mwfdl6pr]{display:flex;flex-direction:column;background:var(--bg-workspace);border-right:1px solid var(--border-subtle);transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.viewport-toolbar[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.canvas-title[data-astro-cid-mwfdl6pr]{font-size:.8rem;font-weight:600;color:var(--text-primary)}.divider-line[data-astro-cid-mwfdl6pr]{width:1px;height:12px;background:var(--border-subtle);display:inline-block;margin:0 .75rem;vertical-align:middle}.frame-resolution-label[data-astro-cid-mwfdl6pr]{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.toolbar-left[data-astro-cid-mwfdl6pr],.toolbar-right[data-astro-cid-mwfdl6pr]{display:flex;align-items:center}.toolbar-hint[data-astro-cid-mwfdl6pr]{font-size:.75rem;color:var(--text-muted);font-style:italic}.zoom-indicator[data-astro-cid-mwfdl6pr]{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-main);border:1px solid var(--border-subtle);padding:.15rem .5rem;border-radius:4px}.vector-viewport[data-astro-cid-mwfdl6pr]{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden;min-height:420px}.active-frame[data-astro-cid-mwfdl6pr]{border-color:var(--accent-blue)}.opacity-100[data-astro-cid-mwfdl6pr]{opacity:.85!important}.viewport-svg-object[data-astro-cid-mwfdl6pr]{max-width:100%;max-height:100%;width:85%;height:85%;object-fit:contain;z-index:10;background:transparent!important;background-color:transparent!important}.viewport-controls-bar[data-astro-cid-mwfdl6pr]{padding:.75rem 1.5rem;background:var(--bg-card);border-top:1px solid var(--border-subtle);display:flex;justify-content:center;transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.grid-style-toggles[data-astro-cid-mwfdl6pr]{display:flex;align-items:center;gap:.75rem}.control-label[data-astro-cid-mwfdl6pr]{font-size:.75rem;color:var(--text-muted);font-weight:500}.pill-group[data-astro-cid-mwfdl6pr]{background:var(--bg-main);border:1px solid var(--border-subtle);padding:2px;border-radius:8px;display:flex;gap:2px}.pill-btn[data-astro-cid-mwfdl6pr]{background:transparent;border:none;padding:.3rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.pill-btn[data-astro-cid-mwfdl6pr].active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014;font-weight:600}.editor-sidebar[data-astro-cid-mwfdl6pr]{background:var(--bg-sidebar);display:flex;flex-direction:column;height:100%;transition:background-color var(--transition-smooth)}.sidebar-header-tabs[data-astro-cid-mwfdl6pr]{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.sidebar-tab[data-astro-cid-mwfdl6pr]{background:transparent;border:none;padding:.85rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:center;border-bottom:2px solid transparent;transition:var(--transition-fast)}.sidebar-tab[data-astro-cid-mwfdl6pr].active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.sidebar-tab[data-astro-cid-mwfdl6pr]:disabled{opacity:.35;cursor:not-allowed}.sidebar-scrollable-content[data-astro-cid-mwfdl6pr]{padding:1.5rem;display:flex;flex-direction:column;gap:1.75rem;flex-grow:1;overflow-y:auto;max-height:580px}.sidebar-section[data-astro-cid-mwfdl6pr]{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.sidebar-section[data-astro-cid-mwfdl6pr]:last-child{border-bottom:none;padding-bottom:0}.section-title[data-astro-cid-mwfdl6pr]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.properties-grid[data-astro-cid-mwfdl6pr]{display:flex;flex-direction:column;gap:.55rem}.prop-row[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.prop-row[data-astro-cid-mwfdl6pr].vertical-prop{flex-direction:column;align-items:flex-start;gap:.3rem}.prop-label[data-astro-cid-mwfdl6pr]{color:var(--text-muted);font-weight:500}.prop-val[data-astro-cid-mwfdl6pr]{color:var(--text-primary);font-weight:600;text-align:right}.prop-val[data-astro-cid-mwfdl6pr].code-font{font-family:var(--font-mono);font-size:.75rem;font-weight:500;background:var(--bg-main);padding:.1rem .35rem;border-radius:4px;border:1px solid var(--border-subtle)}.text-truncate[data-astro-cid-mwfdl6pr]{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description-text[data-astro-cid-mwfdl6pr]{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.reference-link[data-astro-cid-mwfdl6pr]{color:var(--accent-blue);font-weight:600;text-decoration:none}.reference-link[data-astro-cid-mwfdl6pr]:hover{text-decoration:underline}.meta-tags-row[data-astro-cid-mwfdl6pr]{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.5rem}.card-tag[data-astro-cid-mwfdl6pr]{font-size:.75rem;color:var(--accent-blue);background:var(--accent-bg-glow);padding:.15rem .5rem;border-radius:4px;font-weight:500}.dev-mode-header[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center}.dev-badge[data-astro-cid-mwfdl6pr]{background:#10b981;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.code-tabs-control[data-astro-cid-mwfdl6pr]{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:6px;padding:2px;display:flex;gap:2px}.code-tab-btn[data-astro-cid-mwfdl6pr]{flex:1;background:transparent;border:none;padding:.3rem .5rem;font-size:.75rem;color:var(--text-secondary);font-weight:500;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.code-tab-btn[data-astro-cid-mwfdl6pr].active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014;font-weight:600}.code-editor-box[data-astro-cid-mwfdl6pr]{border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-code)}.code-editor-header[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.file-name-tab[data-astro-cid-mwfdl6pr]{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.copy-code-btn[data-astro-cid-mwfdl6pr]{background:transparent;border:1px solid rgba(255,255,255,.1);color:#98c379;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.copy-code-btn[data-astro-cid-mwfdl6pr]:hover{background:#98c37926;border-color:#98c379}.copy-code-btn[data-astro-cid-mwfdl6pr].copied{background:var(--accent-pink);border-color:var(--accent-pink);color:#fff}.icon-copy[data-astro-cid-mwfdl6pr]{width:.8rem;height:.8rem}.code-viewport[data-astro-cid-mwfdl6pr]{padding:.85rem;max-height:180px;overflow-y:auto}.xml-code[data-astro-cid-mwfdl6pr]{font-family:var(--font-mono);font-size:.75rem;color:#abb2bf;line-height:1.4;white-space:pre}.sidebar-header-title[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-card);transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.active-badge[data-astro-cid-mwfdl6pr]{font-size:.6rem;font-weight:700;color:var(--accent-blue);background:var(--accent-bg-glow);padding:.15rem .4rem;border-radius:4px;letter-spacing:.02em}.sidebar-export-footer[data-astro-cid-mwfdl6pr]{border-top:1px solid var(--border-subtle);padding:1.25rem 1.5rem;background:var(--bg-card);display:flex;flex-direction:column;gap:.85rem;transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.export-title-row[data-astro-cid-mwfdl6pr]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}.export-settings-icon[data-astro-cid-mwfdl6pr]{color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.export-settings-icon[data-astro-cid-mwfdl6pr]:hover{color:var(--text-primary)}.export-options-row[data-astro-cid-mwfdl6pr]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.export-opt-col[data-astro-cid-mwfdl6pr]{display:flex;flex-direction:column;gap:.25rem}.opt-label[data-astro-cid-mwfdl6pr]{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.export-btn-cta[data-astro-cid-mwfdl6pr]{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-primary);color:#fff;padding:.7rem 1.25rem;border-radius:var(--border-radius-md);font-weight:600;font-size:.85rem;width:100%;transition:var(--transition-fast)}.export-btn-cta[data-astro-cid-mwfdl6pr]:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.icon-export[data-astro-cid-mwfdl6pr]{width:1rem;height:1rem}.figma-select[data-astro-cid-mwfdl6pr]{background:var(--bg-main);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.8rem;font-weight:600;padding:.35rem 2rem .35rem .75rem;border-radius:6px;cursor:pointer;width:100%;appearance:none;-webkit-appearance:none;transition:var(--transition-fast)}.figma-select[data-astro-cid-mwfdl6pr]:hover{border-color:var(--border-active)}.select-wrapper[data-astro-cid-mwfdl6pr]{position:relative;width:100%;margin-top:.35rem}.select-arrow[data-astro-cid-mwfdl6pr]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:.8rem;height:.8rem;pointer-events:none;color:var(--text-muted)}.variant-selector-row[data-astro-cid-mwfdl6pr]{margin-bottom:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1rem}.variant-preview-selector-bar[data-astro-cid-mwfdl6pr]{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);background:var(--bg-card);display:flex;flex-direction:column;gap:.75rem;transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.variant-thumbnails-grid[data-astro-cid-mwfdl6pr]{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.variant-thumb-btn[data-astro-cid-mwfdl6pr]{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:transparent;border:2px solid transparent;padding:.4rem;border-radius:var(--border-radius-md);cursor:pointer;min-width:80px;transition:var(--transition-fast)}.variant-thumb-btn[data-astro-cid-mwfdl6pr]:hover{background:var(--bg-main)}.variant-thumb-btn[data-astro-cid-mwfdl6pr].active{border-color:var(--accent-blue);background:var(--accent-bg-glow)}.thumb-preview-box[data-astro-cid-mwfdl6pr]{width:70px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--border-subtle);overflow:hidden}.thumb-preview-box[data-astro-cid-mwfdl6pr] img[data-astro-cid-mwfdl6pr]{max-width:85%;max-height:85%;object-fit:contain}.thumb-name[data-astro-cid-mwfdl6pr]{font-size:.7rem;font-weight:600;color:var(--text-secondary);max-width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variant-thumb-btn[data-astro-cid-mwfdl6pr].active .thumb-name[data-astro-cid-mwfdl6pr]{color:var(--accent-blue)}@media(max-width:968px){.editor-workspace[data-astro-cid-mwfdl6pr]{grid-template-columns:1fr}.editor-canvas[data-astro-cid-mwfdl6pr]{border-right:none;border-bottom:1px solid var(--border-subtle)}.vector-viewport[data-astro-cid-mwfdl6pr]{min-height:360px}.sidebar-scrollable-content[data-astro-cid-mwfdl6pr]{max-height:none}}