:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{display:flex;min-height:100vh;background-color:#0f111a;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.editor-panel{width:400px;background-color:#161b22;padding:24px;border-right:1px solid #30363d;overflow-y:auto;height:100vh;box-shadow:10px 0 30px #00000080;z-index:10}.preview-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-color:#0d1117;overflow:auto;position:relative}.editor-panel::-webkit-scrollbar{width:6px}.editor-panel::-webkit-scrollbar-track{background:transparent}.editor-panel::-webkit-scrollbar-thumb{background:#30363d;border-radius:10px}.editor-panel::-webkit-scrollbar-thumb:hover{background:#484f58}.form-group{margin-bottom:24px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;color:#8b949e;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-textarea,select{width:100%;padding:12px;background-color:#0d1117;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;font-size:.95rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-input:focus,.form-textarea:focus,select:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}.form-textarea{min-height:100px;resize:vertical}details{border:1px solid #30363d;border-radius:12px;background-color:#0d1117;transition:all .3s ease;overflow:hidden}details[open]{background-color:#161b22}summary{cursor:pointer;font-weight:600;padding:16px;list-style:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;background:linear-gradient(to right,#161b22,#0d1117)}summary:after{content:"→";transition:transform .3s;color:#58a6ff}details[open] summary:after{transform:rotate(90deg)}.btn-primary{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-weight:700;cursor:pointer;width:100%;transition:transform .2s,background .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #2386364d}.btn-primary:hover{background:linear-gradient(135deg,#2ea043,#3fb950);transform:translateY(-2px);box-shadow:0 6px 16px #23863666}.btn-primary:active{transform:translateY(0)}.download-section{margin-top:30px;padding:20px;background-color:#2386360d;border-radius:12px;border:1px dashed rgba(35,134,54,.3)}.card-preview-wrapper{box-shadow:0 20px 80px #000c;margin:0;flex-shrink:0;border-radius:10px;overflow:hidden}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#30363d;border-radius:3px}input[type=range]::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:#58a6ff;cursor:pointer;-webkit-appearance:none;margin-top:-6px;box-shadow:0 0 10px #00000080}@media(max-width:1024px){.app-container{flex-direction:column}.editor-panel{width:100%;height:auto;border-right:none;border-bottom:1px solid #30363d;box-shadow:0 10px 30px #00000080}.preview-panel{padding:20px;min-height:auto}}