.ds-shell{background:var(--background,#0b1220);height:100vh;color:var(--foreground,#e2e8f0);flex-direction:column;display:flex}.ds-header{background:var(--surface-overlay,#0f172a99);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #33415580;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.ds-body{flex:1;min-height:0;display:flex}.ds-nav{border-right:1px solid #33415580;flex-shrink:0;width:220px;padding:1rem .75rem;position:sticky;top:0;overflow-y:auto}.ds-main{scroll-behavior:smooth;flex:1;padding:2rem 2.5rem 6rem;overflow-y:auto}.ds-main section{margin-bottom:4rem}.trk-item{transition:outline-color .2s;position:relative}.trk-copyable{cursor:pointer}.trk-copyable:hover{outline-offset:4px;outline:1px dashed #3b82f680}.trk-active{outline-offset:4px;will-change:opacity;outline:2px solid #3b82f6;animation:1.2s ease-out trk-pulse}.trk-item[data-copied=true]{outline-offset:4px;outline:2px solid #22c55e!important}.trk-item[data-copied=true]:after{content:"복사됨 ✓";color:#22c55e;pointer-events:none;z-index:10;background:#22c55e26;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;position:absolute;top:-1.5rem;left:0}@keyframes trk-pulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.ds-grid{gap:.75rem;display:grid}.ds-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-sample{background:var(--surface-raised,#1e293b66);border:1px solid #33415566;border-radius:.5rem;padding:1rem}.ds-sample-label{color:var(--text-hint,#94a3b8);word-break:break-all;margin-top:.5rem;font-family:ui-monospace,monospace;font-size:.625rem}.ds-code{color:#cbd5e1;white-space:pre;background:#0f172ab3;border:1px solid #33415566;border-radius:.375rem;padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.75rem;display:block;overflow-x:auto}