#__next,body,html{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#04070f;color:#f0f4ff}:root{--bg-dark:#04070f;--bg-panel:hsla(0,0%,100%,.03);--border-color:hsla(0,0%,100%,.1);--accent-primary:#6d7bff;--accent-secondary:#4ec0d5;--text-main:#f0f4ff;--text-muted:rgba(224,229,255,.7)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);background:hsla(0,0%,100%,.08);color:#fff}.btn:hover{background:hsla(0,0%,100%,.15);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#041025;border:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px) scale(1.02)}.btn-icon{width:36px;height:36px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.04)}.btn-icon:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px)}.toolbar{padding:12px 20px;border-bottom:1px solid hsla(0,0%,100%,.06);gap:16px;background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));flex-wrap:wrap}.toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:24px}.toolbar-right{margin-left:auto}.toolbar-group,.toolbar-right{display:flex;gap:12px;align-items:center}.toolbar-item{display:flex;align-items:center;gap:8px}.toolbar-divider{width:1px;height:24px;background:hsla(0,0%,100%,.1);margin:0 4px}.btn-active{background:rgba(109,123,255,.2)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.preview-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 12px 32px rgba(0,0,0,.4);z-index:20}@media (max-width:640px){.preview-controls{bottom:16px;padding:4px;gap:6px}.control-scale{display:none}}.control-btn,.control-btn-text{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;border-radius:8px}.control-btn{width:32px;height:32px}.control-btn-text{padding:0 10px;height:32px;font-size:12px;font-weight:600}.control-btn-text:hover,.control-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.control-divider{width:1px;height:16px;background:hsla(0,0%,100%,.15);margin:0 4px}.control-scale{padding:0 12px;font-size:11px;font-weight:700;color:var(--accent-secondary);min-width:50px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.editor-header{padding:12px 20px;background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.05)}.editor-label{font-weight:600;font-size:.85rem;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.1em}.btn-icon:focus-visible,.btn:focus-visible,.input-dark:focus-visible,.select-dark:focus-visible{outline:3px solid rgba(109,123,255,.2);outline-offset:2px}.template-card{padding:10px;border-radius:10px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04)}.template-thumb{width:110px;height:72px;border-radius:8px;overflow:hidden;background:hsla(0,0%,100%,.02);display:flex;align-items:center;justify-content:center}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.template-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.45);transition:transform .18s ease,box-shadow .18s ease}.template-card:focus-visible{outline:3px solid rgba(109,123,255,.18);outline-offset:4px;transform:translateY(-6px);box-shadow:0 14px 36px rgba(0,0,0,.5)}.template-thumb svg{display:block;width:100%;height:auto}.input-dark{padding:.4rem .8rem}.input-dark,.select-dark{background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:6px;color:#fff;font-size:.875rem}.select-dark{padding:.4rem 2rem .4rem .8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.container{min-height:100vh;display:flex;flex-direction:column}.main{flex:1 1;display:flex;align-items:stretch}.split{display:flex;width:100%;height:80vh}.left{border-right:1px solid #eaeaea}.left,.right{width:50%}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:8px;top:8px;width:auto;height:auto;padding:8px 12px;background:#000;color:#fff;z-index:1000}.preview-error{min-width:260px;max-width:520px;box-sizing:border-box}@media (max-width:720px){.preview-error{left:12px!important;right:12px!important;top:80px!important;max-width:calc(100% - 24px)}}.mermaid .alert,.mermaid .error,.mermaid .errorText,.mermaid .notice,.svg-wrap .error,.svg-wrap .errorText{display:none!important}.monaco-editor .error-line-decoration{background-color:rgba(220,38,38,.14)!important;border-left:4px solid rgba(220,38,38,.9)!important}