:root{--ph-code-bg:#1e1e1e;--ph-code-header-bg:#2d2d2d;--ph-code-text:#d4d4d4;--ph-code-border:#333;--ph-code-num-bg:#252526;--ph-code-num-text:#858585;--ph-code-num-border:#333;--ph-code-hover:rgba(255,255,255,0.04);--ph-code-syn-keyword:#c586c0;--ph-code-syn-string:#ce9178;--ph-code-syn-comment:#6a9955;--ph-code-syn-number:#b5cea8;--ph-code-syn-tag:#569cd6;--ph-code-syn-attr:#9cdcfe;--ph-code-syn-val:#ce9178;--ph-code-syn-sel:#d7ba7d;--ph-code-syn-prop:#9cdcfe;--ph-code-syn-var:#9cdcfe}[data-theme="dark"]{--ph-code-border:#454545;--ph-code-num-border:#454545;--ph-code-header-bg:#333}.ph-code-wrapper{position:relative;background:var(--ph-code-bg);color:var(--ph-code-text);font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.6;border:1px solid var(--ph-code-border);border-radius:8px;overflow:hidden;margin:20px 0;display:flex;flex-direction:column;padding:0;width:100%;box-sizing:border-box}.ph-code-header{display:flex;justify-content:space-between;align-items:center;background:var(--ph-code-header-bg);padding:10px 15px;border-bottom:1px solid var(--ph-code-border);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:600;text-transform:uppercase}.ph-code-header *{font-size:13px !important}.ph-header-lang{font-weight:bold;font-size:12px;color:var(--ph-code-num-text);letter-spacing:.5px;display:flex;align-items:center;gap:7px}.ph-header-lang i{font-size:16px !important}.ph-header-copy{color:var(--ph-code-text);font-size:16px !important;background:none;border:none;padding:0;cursor:pointer;transition:color .3s ease}.ph-header-copy:hover{color:var(--ph-accent)}.ph-header-copy i{font-size:16px !important}.ph-code-row{display:flex;align-items:stretch;width:100%}.ph-code-header + .ph-code-row .ph-line-content,.ph-code-header + .ph-code-row .ph-line-num{padding-top:10px}.ph-code-wrapper>.ph-code-row:last-of-type .ph-line-content,.ph-code-wrapper>.ph-code-row:last-of-type .ph-line-num{padding-bottom:10px}.ph-code-row:hover{background-color:var(--ph-code-hover);transition:background .3s ease}.ph-line-num{background:var(--ph-code-num-bg);color:var(--ph-code-num-text);min-width:45px;padding:0 10px;text-align:right;border-right:1px solid var(--ph-code-num-border);user-select:none;flex-shrink:0;display:flex;justify-content:flex-end}.ph-line-content{flex-grow:1;padding:0 15px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;min-width:0}.ph-code-keyword{color:var(--ph-code-syn-keyword);font-weight:bold}.ph-code-string{color:var(--ph-code-syn-string)}.ph-code-comment{color:var(--ph-code-syn-comment);font-style:italic}.ph-code-number{color:var(--ph-code-syn-number)}.ph-code-tag{color:var(--ph-code-syn-tag)}.ph-code-attr-name{color:var(--ph-code-syn-attr)}.ph-code-attr-value{color:var(--ph-code-syn-val)}.ph-code-selector{color:var(--ph-code-syn-sel)}.ph-code-property{color:var(--ph-code-syn-prop)}.ph-code-variable{color:var(--ph-code-syn-var)}.ph-code-wrapper[data-numbers="false"] .ph-line-num{display:none}.ph-code-wrapper[data-numbers="false"] .ph-line-content{padding-left:20px}.ph-code-wrapper::-webkit-scrollbar{height:8px;width:8px}.ph-code-wrapper::-webkit-scrollbar-track{background:var(--ph-code-bg)}.ph-code-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.ph-code-wrapper::-webkit-scrollbar-thumb:hover{background:#555}