@import url(https://cdn.jsdelivr.net/npm/prismjs@1/themes/prism-tomorrow.css);
:root{--vs-bg:#fff;--vs-header-bg:#2d2d30;--vs-border:#3e3e42;--vs-text:#ccc;--vs-text-muted:#858585;--vs-accent:#007acc;--vs-button-bg:#3c3c3c;--vs-button-hover:#4c4c4c;--vs-button-text:#ccc;--vs-success:#4caf50;--vs-error:#f44336;--vs-file-bg:#1e1e1e;--vs-scrollbar:#424242;--vs-scrollbar-thumb:#686868}.code-block-wrapper{background:var(--vs-bg);border:1px solid var(--vs-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);font-family:Consolas,Monaco,Courier New,monospace;margin:1.5rem 0;overflow:hidden}.code-block-title{background:var(--vs-header-bg);border-bottom:1px solid var(--vs-border);padding:.75rem 1rem}.code-block-title span{color:var(--vs-text);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0}.code-block-container{background:var(--vs-bg)}.code-block-header{align-items:center;background:var(--vs-header-bg);border-bottom:1px solid var(--vs-border);display:flex;justify-content:space-between;padding:.75rem 1rem}.code-block-header .file-info{align-items:center;display:flex;gap:.75rem}.code-block-header .file-info .file-name{align-items:center;color:var(--vs-text);display:flex;font-size:.85rem;font-weight:500}.code-block-header .file-info .file-name:before{content:"📄";font-size:.8rem;margin-right:.5rem}.code-block-header .file-info .language-badge{background:var(--vs-accent);border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.code-block-header .code-actions{display:flex;gap:.5rem}.code-block-header .code-actions button{background:var(--vs-button-bg);border:1px solid var(--vs-border);border-radius:4px;color:var(--vs-button-text);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.code-block-header .code-actions button:hover{background:var(--vs-button-hover);border-color:var(--vs-accent)}.code-block-header .code-actions button:active{-ms-transform:translateY(1px);transform:translateY(1px)}.code-block-header .code-actions button.copy-btn.copy-success{background:var(--vs-success);border-color:var(--vs-success)}.code-block-content{background:var(--vs-file-bg);position:relative}.code-block-content pre{background:rgba(0,0,0,0);border:none;border-radius:0;font-size:.85rem;line-height:1.5;margin:0;max-height:500px;overflow-x:auto;padding:1rem}.code-block-content pre::-webkit-scrollbar{height:8px}.code-block-content pre::-webkit-scrollbar-track{background:var(--vs-scrollbar)}.code-block-content pre::-webkit-scrollbar-thumb{background:var(--vs-scrollbar-thumb);border-radius:4px}.code-block-content pre::-webkit-scrollbar-thumb:hover{background:#888}.code-block-content pre code{background:rgba(0,0,0,0);border:none;border-radius:0;color:var(--vs-text);font-family:inherit;font-size:inherit;line-height:inherit;padding:0}.code-block-editor-preview .code-block-container{border:2px dashed var(--vs-border);border-radius:8px;margin-top:1rem;overflow:hidden}.code-block-editor-preview .code-textarea{background:var(--vs-file-bg)!important;border:none!important;color:var(--vs-text)!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.85rem!important;line-height:1.5!important;padding:1rem!important;resize:vertical}.code-block-editor-preview .code-textarea:focus{border:none!important;box-shadow:none!important}.code-block-editor-preview .copy-success{background:var(--vs-success)!important;border-color:var(--vs-success)!important;color:#fff!important}@media(max-width:768px){.code-block-header{align-items:flex-start;flex-direction:column;gap:.75rem}.code-block-header .code-actions{justify-content:flex-end;width:100%}.code-block-content pre{font-size:.8rem;padding:.75rem}}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copy-success{animation:copySuccess .3s ease}@media(prefers-color-scheme:dark){:root{--vs-bg:#0d1117;--vs-header-bg:#161b22;--vs-border:#30363d;--vs-text:#c9d1d9;--vs-text-muted:#8b949e;--vs-button-bg:#21262d;--vs-button-hover:#30363d}}