.ctg-preview{display:flex;align-items:center;justify-content:center;min-height:240px;padding:var(--tb-space-6);border-radius:var(--tb-radius-lg);border:1px solid var(--tb-border);background:var(--tb-color-gray-100);overflow:auto}.ctg-shape{display:block;flex-shrink:0}.ctg-dir{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tb-space-2);max-width:12rem}.ctg-dir-center{display:block}.ctg-dir-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;background:var(--tb-color-white);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md);cursor:pointer;transition:border-color var(--tb-transition-fast),background var(--tb-transition-fast)}.ctg-dir-btn:hover{border-color:var(--tb-color-gray-400)}.ctg-dir-btn.is-active{border-color:var(--tb-color-dark);background:var(--tb-color-gray-100)}.ctg-dir-icon{display:block;width:0;height:0}.ctg-dir-icon--up{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid currentColor}.ctg-dir-icon--down{border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid currentColor}.ctg-dir-icon--left{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid currentColor}.ctg-dir-icon--right{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid currentColor}.ctg-dir-icon--up-left{border-top:13px solid currentColor;border-right:13px solid transparent}.ctg-dir-icon--up-right{border-top:13px solid currentColor;border-left:13px solid transparent}.ctg-dir-icon--down-left{border-bottom:13px solid currentColor;border-right:13px solid transparent}.ctg-dir-icon--down-right{border-bottom:13px solid currentColor;border-left:13px solid transparent}.ctg-code-block{position:relative}.ctg-code{padding:var(--tb-space-3) var(--tb-space-4);background:var(--tb-color-gray-100);border-radius:var(--tb-radius-md);font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm);color:var(--tb-color-gray-600);line-height:var(--tb-leading-relaxed);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.ctg-copy-btn{position:absolute;top:var(--tb-space-2);right:var(--tb-space-2);padding:var(--tb-space-1) var(--tb-space-2);font-size:var(--tb-font-size-xs)}