.tool-code-window{overflow:hidden;border:1px solid #303035;border-radius:18px;background:#111113;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.tool-code-window__header{min-height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #303035;background:#1b1b21;color:#a3a3a3;font:14px ui-monospace,SFMono-Regular,Menlo,monospace}
.tool-code-window__dots{display:flex;gap:9px}.tool-code-window__dots i{display:block;width:13px;height:13px;border-radius:50%}.tool-code-window__dots i:nth-child(1){background:#ef5b50}.tool-code-window__dots i:nth-child(2){background:#dca23a}.tool-code-window__dots i:nth-child(3){background:#51b182}
.tool-code-window__language{color:#a3a3a3;white-space:nowrap}.tool-code-window__copy{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid #4a4a50;border-radius:8px;padding:7px 11px;background:rgba(255,255,255,.02);color:#a3a3a3;font:14px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.tool-code-window__copy:hover{border-color:#14b8a6;color:#f4f4f5;background:rgba(20,184,166,.08)}
.tool-code-window pre{margin:0!important;border:0!important;border-radius:0!important;padding:24px 30px!important;background:#111113!important;color:#f4f4f5!important;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace!important;white-space:pre!important}
@media(max-width:640px){.tool-code-window__header{min-height:52px;padding:0 13px;gap:10px}.tool-code-window__dots{gap:6px}.tool-code-window__dots i{width:10px;height:10px}.tool-code-window pre{padding:20px!important;font-size:12px!important;line-height:1.65!important}.tool-code-window__copy{padding:6px 8px;font-size:0}.tool-code-window__copy span:first-child{font-size:16px}}