[data-ds-component=DetailsNodeView]{border-radius:var(--core-shape-radius-medium);border:2px solid #0000;margin:16px 0;transition:border-color .2s}[data-ds-component=DetailsNodeView].selected{border-color:var(--color-accent)}[data-ds-component=DetailsNodeView] .detailsEditor{position:relative}[data-ds-component=DetailsNodeView] .summaryEditor{margin-bottom:8px}[data-ds-component=DetailsNodeView] .summaryInput{border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium);background:var(--semantic-color-background-secondary);width:100%;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s}[data-ds-component=DetailsNodeView] .summaryInput:focus{border-color:var(--color-accent);background:var(--semantic-color-background-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 10%, transparent);outline:none}[data-ds-component=DetailsNodeView] .detailsContent{border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium);overflow:hidden}[data-ds-component=DetailsNodeView] .detailsContent .summary{background:var(--semantic-color-background-tertiary);border-bottom:1px solid var(--semantic-color-border-primary)}[data-ds-component=DetailsNodeView] .detailsContent .content{background:var(--semantic-color-background-primary)}
[data-ds-component=TableOfContentsNodeView]{border-radius:var(--core-shape-radius-medium);border:2px solid #0000;margin:24px 0;transition:border-color .2s}[data-ds-component=TableOfContentsNodeView].selected{border-color:var(--color-accent)}[data-ds-component=TableOfContentsNodeView] .tocContainer{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium);padding:var(--core-spacing-size-05)}[data-ds-component=TableOfContentsNodeView] .tocHeader{border-bottom:1px solid var(--semantic-color-border-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}[data-ds-component=TableOfContentsNodeView] .tocHeader h3{font-size:var(--font-size-03);color:var(--color-text-primary);margin:0;font-weight:600}[data-ds-component=TableOfContentsNodeView] .tocList{max-height:300px;overflow-y:auto}[data-ds-component=TableOfContentsNodeView] .tocItem{text-align:left;cursor:pointer;width:100%;padding:var(--core-spacing-size-02) var(--core-spacing-size-03);border-radius:var(--core-shape-radius-medium);background:0 0;border:none;margin:2px 0;transition:background-color .2s;display:block}[data-ds-component=TableOfContentsNodeView] .tocItem:hover{background:var(--semantic-color-background-tertiary)}[data-ds-component=TableOfContentsNodeView] .tocItem:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-ds-component=TableOfContentsNodeView] .tocText{font-size:var(--font-size-02);color:var(--color-text-secondary);line-height:1.4}[data-ds-component=TableOfContentsNodeView] .tocLevel1 .tocText{color:var(--color-text-primary);font-weight:600}[data-ds-component=TableOfContentsNodeView] .tocLevel2 .tocText{font-weight:500}[data-ds-component=TableOfContentsNodeView] .tocEmpty{text-align:center;padding:var(--core-spacing-size-05);color:var(--color-text-secondary)}[data-ds-component=TableOfContentsNodeView] .tocEmpty p{margin:0;font-size:14px}
[data-ds-component=CodeBlockComponent] select{border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium);background:var(--semantic-color-background-secondary);color:var(--color-text-primary);margin-bottom:8px;padding:4px 6px}[data-ds-component=CodeBlockComponent] pre{background:var(--semantic-color-background-tertiary);border:1px solid var(--semantic-color-border-primary);border-radius:var(--core-shape-radius-medium);padding:var(--core-spacing-size-04);overflow-x:auto}
[data-ds-component=VideoNodeView]{margin:var(--core-spacing-size-04) 0;position:relative}[data-ds-component=VideoNodeView][data-align=left]{text-align:left}[data-ds-component=VideoNodeView][data-align=center]{text-align:center}[data-ds-component=VideoNodeView][data-align=right]{text-align:right}[data-ds-component=VideoNodeView].selected{border-radius:var(--semantic-shape-control-radius-02);outline:2px solid var(--color-accent);outline-offset:2px}[data-ds-component=VideoNodeView].empty{padding:var(--core-spacing-size-06);border:2px dashed var(--semantic-color-border-secondary);border-radius:var(--semantic-shape-control-radius-02);color:var(--color-text-secondary);text-align:center}[data-ds-component=VideoNodeView][data-align=left] .videoContainer{max-width:50%;margin-right:var(--core-spacing-size-04);display:inline-block}[data-ds-component=VideoNodeView][data-align=center] .videoContainer{max-width:100%;display:inline-block}[data-ds-component=VideoNodeView][data-align=right] .videoContainer{max-width:50%;margin-left:var(--core-spacing-size-04);display:inline-block}[data-ds-component=VideoNodeView] .videoContainer{background:var(--semantic-color-background-secondary);border-radius:var(--semantic-shape-control-radius-02);position:relative;overflow:hidden}[data-ds-component=VideoNodeView] .toolbar{z-index:10;gap:var(--core-spacing-size-01);padding:var(--core-spacing-size-01);background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-primary);border-radius:var(--semantic-shape-control-radius-02);box-shadow:var(--shadow-02);display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}[data-ds-component=VideoNodeView] .toolbar button{padding:var(--core-spacing-size-01) var(--core-spacing-size-02);border-radius:var(--semantic-shape-control-radius-01);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none}[data-ds-component=VideoNodeView] .toolbar button:hover{background:var(--semantic-color-background-secondary);color:var(--color-text-primary)}[data-ds-component=VideoNodeView] .toolbar button.active{background:var(--color-accent);color:var(--color-accent-contrast)}[data-ds-component=VideoNodeView] .video{border-radius:var(--semantic-shape-control-radius-02);width:100%;height:auto;display:block}[data-ds-component=VideoNodeView] .loading{z-index:2;color:var(--color-text-secondary);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-ds-component=VideoNodeView] .loading .spinner{width:32px;height:32px;margin:0 auto var(--core-spacing-size-02);border:3px solid var(--semantic-color-border-secondary);border-top:3px solid var(--color-accent);border-radius:50%;animation:1s linear infinite spin}[data-ds-component=VideoNodeView] .error{z-index:2;color:var(--color-text-secondary);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-ds-component=VideoNodeView] .error .icon{margin-bottom:var(--core-spacing-size-02);font-size:var(--font-size-xl)}[data-ds-component=VideoNodeView] .error small{margin-top:var(--core-spacing-size-01);color:var(--color-text-tertiary);font-family:var(--font-mono);word-break:break-all;display:block}[data-ds-component=VideoNodeView] .placeholder .icon{margin-bottom:var(--core-spacing-size-02);font-size:var(--font-size-2xl)}[data-ds-component=VideoNodeView] .placeholder p{color:var(--color-text-secondary);margin:0}[data-ds-component=VideoNodeView] .caption{margin-top:var(--core-spacing-size-02);color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){[data-ds-component=VideoNodeView][data-align=left] .videoContainer,[data-ds-component=VideoNodeView][data-align=right] .videoContainer{max-width:100%;margin:0}[data-ds-component=VideoNodeView][data-align=left],[data-ds-component=VideoNodeView][data-align=right]{text-align:center}[data-ds-component=VideoNodeView] .toolbar{margin-bottom:var(--core-spacing-size-02);justify-content:center;position:static;transform:none}}