.code-export{display:flex;flex-direction:column;gap:1.5rem}.code-export__title{color:rgb(var(--color-text-primary));font-size:1.125rem;font-weight:600}.code-export__panel{background:linear-gradient(160deg,rgb(var(--surface-panel-1)),rgb(var(--surface-panel-2)));border:1px solid rgb(var(--panel-border));border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}@media(max-width:768px){.code-export__panel{padding:1rem}}.code-export__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.code-export__actions{align-items:center;display:inline-flex;gap:.5rem}@media(max-width:768px){.code-export__actions{display:grid;grid-template-columns:repeat(2,1fr);width:100%}}.code-export__actions .select{min-width:128px}.code-export__code{background:var(--code-surface);border:1px solid rgba(var(--color-border),.4);border-radius:.5rem;overflow:hidden;padding:2.5rem 1.5rem 1rem;position:relative}.code-export__content{color:rgb(var(--code-text));font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;margin:0;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;padding-right:1rem;scrollbar-gutter:stable;white-space:pre;word-break:normal}.code-export__content code{display:block;min-width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.code-export__content .token.comment{color:#6a9955}.code-export__content .token.selector{color:#4fc1ff}.code-export__content .token.property{color:#c792ea}.code-export__content .token.string{color:#ecc48d}.code-export__content .token.number{color:#7fdbca}.code-export__content .token.function{color:#82aaff}.code-export__content .token.at-rule{color:#f78c6c}.code-export__content .token.color{color:#f08c73}.code-export__content .token.punctuation{color:rgba(var(--code-text),.85)}.code-export__window-controls{display:flex;gap:8px;left:1rem;position:absolute;top:1rem}.code-export__window-controls span{background:#ef4444;border-radius:50%;height:12px;width:12px}.code-export__window-controls span:nth-child(2){background:#f59e0b}.code-export__window-controls span:nth-child(3){background:#10b981}.code-export__copy-button{white-space:nowrap}.token.tag{color:#569cd6}.token.attr-name{color:#9cdcfe}.token.attr-value{color:#ce9178}.token.punctuation{color:#d4d4d4}.token.comment{color:#6a9955}.token.doctype{color:#c586c0}