:root{--bg-color: #0d1117;--text-color: #c9d1d9;--accent-color: #58a6ff;--border-color: #30363d;--secondary-bg: #161b22;--success-color: #238636;--warning-color: #d29922;--danger-color: #f85149;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;overflow:hidden}code,pre,.mono{font-family:var(--font-mono)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;border-radius:6px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-color);border-color:transparent}.container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:100vw;margin:0 auto;padding:.5rem;height:100vh;overflow:hidden;box-sizing:border-box}@media(max-width:1024px){.container{grid-template-columns:1fr;height:auto;overflow:auto}}@media(max-width:768px){.container{padding-top:4rem}}@media(min-width:1025px)and (max-height:900px){.container{transform:scale(.9);transform-origin:top center;height:111vh}}@media(min-width:1025px)and (max-height:800px){.container{transform:scale(.8);transform-origin:top center;height:125vh}}.header-controls{position:absolute;top:1rem;right:1rem;z-index:100;display:flex;gap:1rem}.lang-toggle{position:static}.share-btn{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:all .2s}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.theme-select{background:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);padding:.5rem;border-radius:6px;cursor:pointer}.theme-select:focus{outline:none;border-color:var(--accent-color)}.lang-toggle button{background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--accent-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:all .2s}.lang-toggle button:hover{border-color:var(--accent-color);background:#58a6ff1a}.editor-panel{background:var(--secondary-bg);padding:1rem;border-radius:12px;border:1px solid var(--border-color);height:100%;overflow:hidden;display:flex;flex-direction:column}.editor-panel h2{margin-bottom:.75rem;color:var(--accent-color);font-family:var(--font-mono);font-size:1.2rem;border-bottom:1px dashed var(--border-color);padding-bottom:.25rem;flex-shrink:0}.editor-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.editor-content::-webkit-scrollbar{width:6px}.editor-content::-webkit-scrollbar-track{background:var(--bg-color);border-radius:3px}.editor-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.editor-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.form-group{margin-bottom:.75rem;display:flex;flex-direction:column}.form-group label{margin-bottom:.25rem;font-size:.85rem;color:var(--text-color);font-weight:600}fieldset{border:1px solid var(--border-color);border-radius:8px;padding:.75rem;margin-bottom:.75rem}legend{padding:0 .5rem;color:var(--accent-color);font-family:var(--font-mono);font-size:.85rem}.checkbox-group{display:flex;gap:1rem;margin-bottom:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}input,textarea,select{font-size:.9rem;padding:.4rem}textarea{resize:vertical;min-height:50px}.card-preview{display:flex;justify-content:center;align-items:flex-start;perspective:1000px;height:100%;overflow:hidden;padding:.5rem 0}.card-preview-inner{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:0 .5rem}.card-preview-inner::-webkit-scrollbar{width:6px}.card-preview-inner::-webkit-scrollbar-track{background:var(--bg-color);border-radius:3px}.card-preview-inner::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.card-preview-inner::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.manual-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 10px 30px #00000080;position:relative;overflow:hidden;transition:transform .1s;font-family:var(--font-mono);transform:scale(.95)}.holographic-foil{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,0,150,.1) 30%,rgba(0,255,255,.1) 70%,transparent 100%);background-size:200% 200%;background-position:var(--mouse-x) var(--mouse-y);pointer-events:none;z-index:10;mix-blend-mode:overlay;opacity:.6}.manual-card:hover{transform:translateY(-5px) rotateX(2deg);box-shadow:0 25px 50px #58a6ff26;border-color:var(--accent-color)}.card-header{background:var(--secondary-bg);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;background-color:var(--success-color);border-radius:50%;box-shadow:0 0 8px var(--success-color)}.file-name{font-size:.9rem;color:var(--text-color);opacity:.8}.version-tag{margin-left:auto;background:var(--border-color);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;color:var(--accent-color)}.card-content{padding:1.5rem}.card-content h1{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.section{margin-bottom:1.5rem}.section h2{font-size:1rem;color:var(--text-color);margin-bottom:.75rem;opacity:.9}.section ul{list-style:none;padding-left:1rem;border-left:2px solid var(--border-color)}.section li{margin-bottom:.5rem;color:var(--text-color)}.section li.unsupported{opacity:.5;text-decoration:line-through}.highlight{color:var(--warning-color);font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#388bfd26;color:var(--accent-color);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(56,139,253,.3)}.code-block{background:#000;padding:1rem;border-radius:6px;color:var(--success-color);font-size:.9rem;white-space:pre-wrap;border-left:3px solid var(--success-color)}.warning-block{background:#d299221a;padding:1rem;border-radius:6px;color:var(--warning-color);border:1px dashed var(--warning-color)}.footer{margin-top:3rem;text-align:center;font-size:.75rem;opacity:.5;border-top:1px solid var(--border-color);padding-top:1rem}.export-btn{width:100%;padding:1rem;background:var(--success-color);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:1rem;margin-top:1rem;transition:background .2s}.export-btn:hover{background:#2ea043}.export-btn:disabled{background:var(--border-color);cursor:not-allowed}.custom-sections{margin-top:2rem;border-top:1px dashed var(--border-color);padding-top:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1rem;color:var(--text-color)}.add-btn{background:transparent;border:1px dashed var(--accent-color);color:var(--accent-color);padding:.25rem .75rem;border-radius:4px;font-size:.8rem}.add-btn:hover{background:#58a6ff1a}.custom-section-item{background:#0003;padding:1rem;border-radius:8px;margin-bottom:1rem}.custom-header{display:flex;gap:.5rem;margin-bottom:.5rem}.custom-header input{flex:1}.remove-btn{background:#f851491a;color:var(--danger-color);border:1px solid rgba(248,81,73,.2);padding:0 .5rem;border-radius:4px;font-size:.8rem}.remove-btn:hover{background:#f8514933}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.panel-header h2{margin-bottom:0;border-bottom:none;padding-bottom:0}.preset-select{background:var(--bg-color);color:var(--accent-color);border:1px solid var(--accent-color);padding:.25rem .5rem;border-radius:4px;font-size:.85rem;cursor:pointer}