*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}[hidden]{display:none!important}:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f1f4;--border:#dfe2e7;--text:#1a1d23;--text-muted:#666d78;--accent:#2563eb;--accent-contrast:#fff;--accent-soft:#e8effe;--danger:#dc2626;--danger-soft:#fdeaea;--warn:#b45309;--warn-soft:#fdf1dc;--ok:#15803d;--ok-soft:#e6f6ec;--info:#475569;--info-soft:#eef1f5;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #14161c0f, 0 4px 16px #14161c0d;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1c1f25;--surface-2:#23262d;--border:#33363e;--text:#eceef1;--text-muted:#9aa1ad;--accent:#5b8def;--accent-contrast:#0b1120;--accent-soft:#1c2a44;--danger:#f27171;--danger-soft:#3a1e21;--warn:#e3a94d;--warn-soft:#3a2e17;--ok:#5fd189;--ok-soft:#16301f;--info:#a7b0bd;--info-soft:#262a31;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:100vh;font-size:15px;line-height:1.45}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .2em;font-weight:650}p{margin:.25em 0}.muted{color:var(--text-muted);font-size:.88em}code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:.1em .4em;font-size:.9em}.contact-link{color:inherit;border-bottom:1px dotted var(--text-muted);text-decoration:none}.contact-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4em;padding:.5em .9em;font-size:.92em;font-weight:550;text-decoration:none;transition:background-color .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:0 0}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-icon{padding:.45em}.btn-small{padding:.32em .6em;font-size:.82em}#app-header{z-index:10;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header-title h1{font-size:1.25rem}.header-actions{align-items:center;display:flex}.header-actions-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.layout-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);margin-right:.25rem;display:inline-flex;overflow:hidden}.layout-toggle .btn{border:none;border-radius:0}.layout-toggle .btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}main{max-width:1200px;margin:0 auto;padding:1.5rem}.banner{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9em}.banner-error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.repo-section{margin-bottom:2rem}.repo-section-header{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.repo-section-heading h3{font-size:1.05rem}.repo-actions{gap:.4rem;margin-left:auto;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:.2em .65em;font-size:.75em;font-weight:600}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-error{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.empty-state{color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;font-size:.9em}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;display:grid}.card-list{flex-direction:column;gap:.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;color:inherit;text-decoration:none;transition:transform .1s,border-color .1s;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-static{cursor:default}.card-static:hover{border-color:var(--border);transform:none}.card-grid .card{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.card-list .card{flex-direction:row;align-items:center;gap:.8rem;padding:.6rem .9rem;display:flex}.card-icon{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:40px;height:40px}.card-icon-fallback{background:var(--surface-2);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.card-body h4{font-size:.95rem}.card-meta{color:var(--text-muted);font-size:.8em}.card-remove{padding:.15em .5em;font-size:1.1em;line-height:1;position:absolute;top:.4rem;right:.4rem}.card-list .card-remove{margin-left:auto;position:static}.editor-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.template-icon{border-radius:var(--radius-sm);object-fit:cover;width:48px;height:48px}.editor-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content;margin-bottom:1rem;display:none;overflow:hidden}.editor-tabs .btn{border:none;border-radius:0}.editor-tabs .btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.editor-body{grid-template-columns:minmax(280px,380px) 1fr;gap:1.5rem;height:calc(100vh - 15rem);display:grid}#config-form-panel,#preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;overflow-y:auto}@media (width<=860px){.editor-tabs{display:flex}.editor-body{grid-template-columns:1fr}#config-form-panel,#preview-panel{max-height:none;overflow-y:visible}#config-form-panel[data-tab-hidden],#preview-panel[data-tab-hidden]{display:none}}.field{margin-bottom:1.1rem}.field label{margin-bottom:.25em;font-size:.88em;font-weight:600;display:block}.required-mark{color:var(--danger)}.field-help{color:var(--text-muted);margin:0 0 .35em;font-size:.78em}.field-control{align-items:center;gap:.4rem;display:flex}.field input[type=text],.field input[type=password],.field input[type=number],.field input[type=date],.field input[type=datetime-local],.field input[type=url],.field input[type=email],.field select,.field textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:.5em .65em;font-family:inherit;font-size:.92em}.field textarea{font-family:var(--mono);resize:vertical;font-size:.82em}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field input[type=checkbox]{width:1.1em;height:1.1em}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--danger)}.field-error{color:var(--danger);margin-top:.3em;font-size:.8em}#preview-cards{flex-direction:column;gap:1rem;display:flex}.preview-card{--preview-bg:#12141c;--preview-bg-2:#191c26;--preview-border:#2a2e3a;--preview-text:#e3e6ed;--preview-text-muted:#8890a3;border:1px solid var(--preview-border);border-radius:var(--radius);background:var(--preview-bg);box-shadow:var(--shadow);overflow:hidden}.preview-card-header{background:var(--preview-bg-2);border-bottom:1px solid var(--preview-border);color:var(--preview-text);align-items:baseline;gap:.5rem;padding:.7rem 1rem;display:flex}.preview-card-header .muted{color:var(--preview-text-muted)}.preview-content{font-family:var(--mono);color:var(--preview-text);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--preview-border) transparent;max-height:340px;margin:0;padding:1rem;font-size:.82em;overflow:auto}.preview-content .hljs-attr{color:#7dd3fc}.preview-content .hljs-string{color:#a6e3a1}.preview-content .hljs-number{color:#f2cc60}.preview-content .hljs-literal{color:#c792ea;font-weight:600}.preview-content .hljs-type{color:#4fd1c5}.preview-content .hljs-bullet{color:#7c85a3}.preview-content .hljs-meta{color:#6b7280}.preview-content .hljs-comment{color:#6b7280;font-style:italic}.preview-content .hljs-template-variable{color:#f78fb3}.preview-card-actions{background:var(--preview-bg-2);border-top:1px solid var(--preview-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:relative}.preview-card-actions .btn{color:var(--preview-text);background:#ffffff0f;border-color:#ffffff24}.preview-card-actions .btn svg{opacity:.85;flex-shrink:0}.preview-card-actions .btn:hover{background:color-mix(in srgb, var(--accent) 30%, transparent);border-color:var(--accent);color:#fff}.preview-card-actions .btn:hover svg{opacity:1}.preview-card-actions .btn:active{transform:translateY(1px)}.flash-note{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:5;background:#1f8a4c;border-radius:999px;margin-bottom:.6rem;padding:.35em .85em;font-size:.78em;font-weight:600;transition:opacity .16s,transform .16s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,4px);box-shadow:0 6px 16px #00000059}.flash-note:after{content:"";border:5px solid #0000;border-top-color:#1f8a4c;position:absolute;top:100%;left:50%;transform:translate(-50%)}.flash-note-visible{opacity:1;transform:translate(-50%)}dialog{border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:none;width:min(560px,92vw);padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c1080}.modal-form{flex-direction:column;gap:.75rem;max-height:85vh;padding:1.5rem;display:flex;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:2rem 1rem;transition:border-color .12s,background-color .12s;display:flex}.dropzone.dragover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.import-results{flex-direction:column;gap:.3rem;margin:0;padding:0;font-size:.85em;list-style:none;display:flex}.import-results li{border-radius:var(--radius-sm);background:var(--surface-2);padding:.4em .6em}.import-ok{color:var(--ok)}.import-error{color:var(--danger)}.preview-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.confirm-dialog{width:min(420px,92vw)}.confirm-message{color:var(--text-muted);font-size:.92em;line-height:1.5}.creator-row{border-bottom:1px solid var(--border);margin-bottom:1.1rem;padding-bottom:1.1rem}.creator-row:last-child{border-bottom:none}.creator-row-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.75rem;margin-bottom:.6rem;display:grid}.creator-inline-checkbox{white-space:nowrap;align-items:center;gap:.4rem;font-size:.88em;font-weight:600;display:flex}.creator-options-list{flex-direction:column;gap:.5rem;margin:.5rem 0;display:flex}.creator-option-row{align-items:center;gap:.5rem;display:flex}.creator-option-row .field-control{flex:1}.creator-row-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.creator-icon-row{align-items:center;gap:.75rem;display:flex}.creator-icon-preview{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:var(--surface-2);width:48px;height:48px}.flash-anchor{position:relative}