.cc-skill-layout-heading{align-self:start;min-width:0;padding-top:0}.cc-skill-layout-title-row{display:flex;min-width:0;align-items:center;gap:10px}.cc-skill-layout-title-row h1{min-width:0;margin:0;overflow:hidden;color:color-mix(in oklab,var(--text-primary) 88%,transparent);font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.cc-skill-layout-badge{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:var(--surface-tint);color:var(--text-secondary);font-size:12px;font-weight:500;line-height:18px}.cc-skill-layout-pro{border:0;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);cursor:pointer;font:inherit;font-size:12px;font-weight:500;line-height:18px}.cc-skill-layout-pro:hover{background:color-mix(in srgb,var(--primary) 20%,transparent)}.cc-skill-layout-heading>p{margin:12px 0 0;color:color-mix(in oklab,var(--text-primary) 62%,transparent);font-size:14px;line-height:22px;overflow-wrap:anywhere}.skill-frame-layer{position:absolute;inset:0;pointer-events:none}.skill-frame-slot{position:relative;flex:1;min-width:0;min-height:0}.skill-frame-fallback{position:absolute;inset:0;width:100%;height:100%;border:0}.skill-frame-placeholder{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto minmax(0,1fr);gap:0 24px;overflow:auto;padding:0 24px 24px;margin:0;background:var(--background);color:var(--text-primary, var(--foreground));font-family:var(--font-sans);pointer-events:none}.skill-frame-placeholder-preview{display:flex;min-width:0;min-height:240px;align-items:center;justify-content:center;padding-block:12px 24px}.skill-frame-skeleton-example{width:min(100%,640px);height:min(100%,560px);min-height:240px;border-radius:20px}.skill-frame-placeholder-panel{display:flex;grid-column:2;grid-row:1 / -1;flex-direction:column;gap:22px;min-width:0;min-height:450px;padding:18px;border:1px solid var(--divider-strong, var(--border));border-radius:20px;background:var(--surface-raised, var(--card))}.skill-frame-skeleton-field{display:grid;gap:10px}.skill-frame-skeleton-line,.skill-frame-skeleton-label,.skill-frame-placeholder [data-skeleton]{background:var(--surface-tint, var(--muted))}.skill-frame-skeleton-line{height:10px;border-radius:4px}.skill-frame-skeleton-line:last-child{width:72%}.skill-frame-skeleton-label{width:35%;height:10px;border-radius:4px}.skill-frame-skeleton-media{height:130px;border-radius:10px}.skill-frame-skeleton-text{height:100px;border-radius:10px}.skill-frame-skeleton-control,.skill-frame-skeleton-submit{height:38px;border-radius:10px}.skill-frame-skeleton-submit{margin-top:auto}@media(max-width:700px){.skill-frame-placeholder{display:flex;flex-direction:column;gap:20px;padding:16px 12px}.skill-frame-placeholder-preview{flex-shrink:0;min-height:200px;padding:0}.skill-frame-skeleton-example{height:32dvh;min-height:200px;border-radius:14px}.skill-frame-placeholder-panel{flex-shrink:0;min-height:420px;padding:16px}}