.code-chrome{--chrome-bar-h:36px;--chrome-radius:10px;--chrome-bg:var(--color-surface);--chrome-bar-bg:var(--color-bg);--chrome-border:var(--color-border);border-radius:var(--chrome-radius);border:1px solid var(--chrome-border);background:var(--chrome-bg);box-shadow:0 1px 2px hsl(var(--shadow-color) / .08), 0 4px 12px hsl(var(--shadow-color) / .12), 0 8px 24px hsl(var(--shadow-color) / .06);position:relative;overflow:hidden}:root:not([data-theme=light]) .code-chrome:after,[data-theme=dark] .code-chrome:after{content:"";border-radius:var(--chrome-radius);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a}.code-chrome-bar{height:var(--chrome-bar-h);background:var(--chrome-bar-bg);border-bottom:1px solid var(--chrome-border);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.code-chrome-bar:before{content:"";opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.code-chrome-dots{align-items:center;gap:6px;padding-right:4px;display:flex}.code-chrome-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.code-chrome-dot--red{background:#ff5f57}.code-chrome-dot--yellow{background:#febc2e}.code-chrome-dot--green{background:#28c840}[data-theme=light] .code-chrome-dot--red{background:#ff6961}[data-theme=light] .code-chrome-dot--yellow{background:#f5c542}[data-theme=light] .code-chrome-dot--green{background:#4cd964}.code-chrome-filename{font-family:var(--font-mono);color:var(--color-muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.code-chrome-hint{font-family:var(--font-mono);color:var(--color-muted);letter-spacing:.02em;align-items:center;gap:5px;font-size:10px;display:flex}.code-chrome-hint-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.code-chrome-spacer{flex:1}.code-chrome-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);background:var(--color-surface-2);border:1px solid var(--chrome-border);border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600;line-height:1.6}.code-chrome-copy{font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 8px;font-size:10px;line-height:1.5;transition:color .15s,background .15s,border-color .15s}.code-chrome-copy:hover{color:var(--color-text);background:var(--color-surface-2);border-color:var(--chrome-border)}.code-chrome-body{position:relative}.code-chrome-body>div{border:none!important;border-radius:0!important;margin:0!important}