:root{font-family:Inter,system-ui,sans-serif;color:#e7e7ea;background:#14151a}body{margin:0;background:#14151a}.factory-root{display:flex;flex-direction:column;height:100vh}.factory-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1.25rem;background:#1a1f29;border-bottom:1px solid #2d3441;position:sticky;top:0;z-index:100}.factory-title{font-size:1rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:#c8d0e0}.factory-title em{font-style:normal;color:#4ade80}.toolbar-inputs{display:flex;gap:.75rem;flex-wrap:wrap;flex:1}.toolbar-field{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#6b7280}.toolbar-input{border:1px solid #3b4452;border-radius:6px;padding:.4rem .6rem;background:#0f1117;color:#eef0f3;font-size:.85rem;width:140px}.toolbar-input--wide{width:240px}.toolbar-actions{display:flex;gap:.5rem;flex-shrink:0}.btn{border:0;border-radius:6px;padding:.45rem .85rem;cursor:pointer;font-size:.82rem;font-weight:600}.btn--primary{background:#2563eb;color:#fff}.btn--primary:hover{background:#1d4ed8}.btn--secondary{background:#262d39;color:#c8d0e0;border:1px solid #3b4452}.btn--secondary:hover{background:#2e3848}.btn:disabled{opacity:.45;cursor:not-allowed}.factory-status{margin:0;padding:.4rem 1.25rem;font-size:.8rem;color:#9bb0ff;background:#1a1f29;border-bottom:1px solid #2d3441}.factory-tabs{display:flex;gap:.4rem;padding:.65rem 1.25rem 0;border-bottom:1px solid #2d3441;background:#14151a}.tab-btn{background:#1d2028;color:#9aa4b2;border:1px solid #2d3441;border-bottom:none;border-radius:6px 6px 0 0;padding:.4rem 1rem;cursor:pointer;font-size:.82rem;font-weight:600;transition:background .12s}.tab-btn:hover{background:#252c39}.tab-btn--active{background:#1a1f29;color:#4ade80;border-color:#2d3441}.factory-split{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0;overflow:hidden}.editor-col{padding:1rem 1rem 2rem;overflow-y:auto;border-right:1px solid #2d3441}.card-frame{margin-bottom:.6rem;border:1px solid #2d3441;border-radius:8px;background:#1a1f29;overflow:hidden}.card-frame-header{margin:0;padding:.6rem .8rem;font-size:.82rem;font-weight:600;color:#9aa4b2;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid transparent;transition:background .1s}.card-frame-header:hover{background:#1f2535}.card-frame .card-body{border-top:1px solid #2d3441}.card-toggle-icon{font-size:.75rem;color:#4a5568;flex-shrink:0}.card-ghost-num{color:#253040;font-size:1.4rem;font-weight:900;line-height:1;margin-right:.25rem;-webkit-user-select:none;user-select:none}.card-body{padding:.75rem}.card-fields{display:grid;gap:.6rem}.field-editor{display:flex;flex-direction:column;gap:.2rem}.field-label{font-size:.78rem;font-weight:500;color:#c8d0e0;display:flex;align-items:center;gap:.3rem}.field-letter{display:inline-block;color:#6b7280;font-family:monospace;font-size:.65rem;font-weight:700;background:#1e2330;border:1px solid #3b4452;border-radius:3px;padding:0 4px;line-height:1.4}.field-path{color:#4a5568;font-size:.68rem;font-family:monospace}.field-input{border:1px solid #3b4452;border-radius:6px;padding:.4rem .5rem;background:#0f1117;color:#eef0f3;font-size:.83rem;font-family:inherit;resize:vertical;transition:border-color .12s}.field-input:focus{outline:none;border-color:#3c69ff}textarea.field-input{min-height:64px}.json-preview-block{margin-top:1rem;border:1px solid #2d3441;border-radius:8px;background:#10131a;overflow:hidden}.json-preview-heading{margin:0;padding:.5rem .75rem;font-size:.78rem;font-weight:600;color:#6b7280;border-bottom:1px solid #2d3441}.json-preview{margin:0;padding:.75rem;font-size:.72rem;color:#9aa4b2;white-space:pre-wrap;word-break:break-word;max-height:480px;overflow-y:auto}.reference-col{padding:1rem;overflow-y:auto}.ref-panel{display:flex;flex-direction:column;gap:1rem}.ref-image-block{display:flex;flex-direction:column;gap:.35rem}.ref-image-label{font-size:.72rem;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.07em}.ref-image{display:block;width:100%;border-radius:6px;border:1px solid #2d3441;cursor:zoom-in;transition:border-color .15s;background:#10131a;min-height:120px;object-fit:cover}.ref-image:hover{border-color:#4ade80}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lightbox-content{position:relative;width:min(1200px,96vw);max-height:94vh;border:1px solid #2d3441;border-radius:10px;background:#0f1117;padding:2.5rem .75rem .75rem;display:flex;flex-direction:column;align-items:center}.lightbox-close{position:absolute;top:.5rem;right:.5rem}.lightbox-img{display:block;width:100%;max-height:calc(94vh - 3.5rem);object-fit:contain;border-radius:4px}@media (max-width: 900px){.factory-root{height:auto}.factory-split{grid-template-columns:1fr;overflow:visible}.editor-col,.reference-col{overflow-y:visible}.toolbar-input--wide{width:180px}}