@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #eef1f6;--bg-gradient: linear-gradient(165deg, #eef1f6 0%, #e6ebf4 50%, #eef1f6 100%);--surface-color: #ffffff;--surface-muted: #f4f7fb;--surface-border: #d8e0ec;--surface-border-strong: #b8c4d4;--header-bg: #0a0e17;--header-surface: rgba(255, 255, 255, .06);--header-border: rgba(59, 130, 246, .22);--header-text: #e2e8f0;--header-text-muted: #94a3b8;--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-deep: #1e3a8a;--primary-soft: rgba(37, 99, 235, .1);--primary-glow: rgba(37, 99, 235, .28);--accent-cyan: #06b6d4;--text-primary: #0b1220;--text-secondary: #475569;--text-muted: #64748b;--danger-color: #dc2626;--danger-soft: #fef2f2;--success-color: #059669;--success-soft: #ecfdf5;--warning-color: #d97706;--warning-soft: #fffbeb;--font-family: "IBM Plex Sans Thai", "Inter", system-ui, sans-serif;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgb(11 18 32 / .07);--glass-shadow: 0 8px 32px rgb(11 18 32 / .1), 0 2px 8px rgb(11 18 32 / .04);--transition: all .18s ease;--space-page: 1.25rem;--space-section: 1rem;--space-stack: .75rem}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:.005em}#root{min-height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{max-width:1280px;width:100%;margin:0 auto;padding:var(--space-page) 1.5rem 1.75rem;box-sizing:border-box;flex:1}.app-header{position:sticky;top:0;z-index:1000;background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 4px 24px #00000047;transition:var(--transition)}.app-header.glass{background:var(--header-bg)}.header-container{max-width:1280px;margin:0 auto;padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-sizing:border-box}.brand-logo{display:flex;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.brand-icon-wrapper{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-cyan) 100%);padding:.4rem;border-radius:var(--radius-sm);border:1px solid rgba(96,165,250,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--primary-glow)}.brand-text-main{font-weight:700;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text-sub{font-weight:400;color:var(--header-text-muted)}.brand-badge{display:none}.nav-menu--compact{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:.35rem}.nav-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;color:var(--header-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);outline:none;white-space:nowrap}.nav-pill:hover{color:#fff;background:var(--header-surface);border-color:#ffffff1a}.nav-pill.active{color:#fff;background:#2563eb47;border-color:#60a5fa73;font-weight:700;box-shadow:inset 0 0 0 1px #3b82f626}.nav-pill--menu .nav-chevron{opacity:.55;transition:transform .2s ease}.nav-dropdown.is-open .nav-chevron{transform:rotate(180deg)}.nav-dropdown{position:relative}.nav-inline-group{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:var(--radius-sm)}.nav-dropdown-panel{position:absolute;top:calc(100% + .35rem);left:0;min-width:11.5rem;padding:.35rem;background:#111827;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow);z-index:1100}.nav-user-dropdown{position:relative}.nav-user-dropdown .nav-dropdown-panel{right:0;left:auto}.nav-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;font-size:.8125rem;font-weight:500;color:var(--header-text);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition)}.nav-dropdown-item:hover{background:#ffffff0f}.nav-dropdown-item.active{color:#fff;background:#2563eb38;font-weight:700;border-left:2px solid var(--primary-color)}.nav-dropdown-item--danger{color:var(--danger-color)}.nav-dropdown-item--danger:hover{background:var(--danger-soft)}.nav-user-panel{min-width:12.5rem}.nav-user-panel-head{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem .35rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.25rem}.nav-user-panel-head .user-name{color:#fff}.nav-user-panel-head .user-role{color:var(--header-text-muted)}.header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.nav-mobile-toggle{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;color:var(--header-text-muted);background:var(--header-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer}.nav-mobile-toggle:hover{color:#fff;background:#2563eb33;border-color:#60a5fa59}.nav-mobile-drawer{display:none;padding:.65rem 1rem 1rem;border-top:1px solid var(--header-border);background:#0f1524}.nav-mobile-section{margin-bottom:.5rem}.nav-mobile-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--header-text-muted);padding:.35rem .65rem}.nav-pill--block,.nav-dropdown-item--mobile{width:100%;justify-content:flex-start;margin-bottom:.15rem}.user-avatar--btn{border:none;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease}.user-avatar--btn:hover{box-shadow:0 0 0 2px #3b82f673}.brand-text-wrap{line-height:1.15}.nav-menu{display:flex;align-items:center}.nav-item{display:inline-flex;align-items:center;gap:.45rem}@media (max-width: 900px){.nav-menu--compact{display:none}.nav-mobile-toggle{display:inline-flex}.nav-mobile-drawer{display:block}.brand-text-sub{display:none}}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary);font-weight:500}.user-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary-color) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;border:1px solid rgba(96,165,250,.35);-webkit-user-select:none;user-select:none}.logout-btn-header{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:var(--header-surface);color:var(--header-text-muted);cursor:pointer;transition:var(--transition);outline:none}.logout-btn-header:hover{background:#dc262626;color:#fca5a5;border-color:#f8717159}.glass{background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:var(--glass-shadow)}.card{border-radius:var(--radius);padding:1rem 1.125rem;transition:var(--transition);background-color:var(--surface-color);border:1px solid var(--surface-border);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid transparent;outline:none;font-family:var(--font-family);font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-deep) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)}.btn-secondary{background-color:var(--surface-color);border-color:var(--surface-border);color:var(--text-secondary);box-shadow:var(--shadow)}.btn-secondary:hover{background-color:var(--surface-muted);border-color:var(--surface-border-strong);color:var(--text-primary)}.btn-danger{background-color:#fef2f2;color:var(--danger-color);border:1px solid #fee2e2}.btn-danger:hover{background-color:#fee2e2}.btn-icon{padding:.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.input,.select,.textarea{background-color:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.625rem;color:var(--text-primary);font-family:var(--font-family);font-size:.875rem;transition:var(--transition);width:100%;box-sizing:border-box;box-shadow:inset 0 1px 2px #0b122008}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-soft)}.container{display:flex;flex-direction:column;gap:var(--space-section)}.header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-stack);margin-bottom:0;flex-wrap:wrap}.title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.3}.selection-list{display:flex;flex-direction:column;gap:1.5rem}.property-list{margin-left:1.5rem;border-left:1px solid var(--surface-border);padding-left:1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);border:2px solid var(--surface-border);background:var(--surface-muted)}.row{display:flex;gap:1rem;align-items:center}.col{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.badge-muted{background:var(--surface-muted);color:var(--text-secondary);font-size:.6875rem;font-weight:500}.badge{padding:.25rem .5rem;background:var(--primary-soft);color:var(--primary-color);border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(37,99,235,.18);max-width:180px;overflow-wrap:break-word}.nested-connector{position:absolute;left:-1.5rem;top:50%;width:1rem;height:1px;background:var(--surface-border)}textarea{resize:vertical;min-height:100px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e178c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.spinner{width:50px;height:50px;border:3px solid rgba(37,99,235,.2);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-text{font-size:1.2rem;font-weight:600;color:#fff;background:#111827eb;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);box-shadow:0 8px 24px #00000040}@keyframes spin{to{transform:rotate(360deg)}}.schema-header-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;margin-bottom:1.5rem;border:1px solid var(--surface-border);background:var(--surface-color)}.schema-header-info{display:flex;align-items:center;gap:1.25rem}.schema-header-icon-wrapper{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-cyan) 100%);padding:.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--primary-glow)}.schema-header-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.025em}.schema-header-subtitle{font-size:.875rem;color:var(--text-secondary);margin:.15rem 0 0;font-weight:500}.btn-create-schema{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);border:1px solid transparent;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-deep) 100%);box-shadow:0 4px 14px var(--primary-glow);outline:none}.btn-create-schema:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--primary-glow);background:linear-gradient(135deg,var(--primary-hover) 0%,#1e40af 100%)}.schema-filter-card{padding:1.25rem 1.5rem;background:var(--surface-color);border:1px solid var(--surface-border);margin-bottom:2rem}.schema-filter-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.schema-filter-inputs{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;width:100%}.search-input-wrapper{position:relative;flex:1;min-width:250px}.search-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;transition:var(--transition)}.schema-search-input{background-color:#fff;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.65rem .65rem .65rem 2.5rem;color:var(--text-primary);font-family:var(--font-family);font-size:.875rem;transition:var(--transition);width:100%;box-sizing:border-box;box-shadow:0 1px 2px #0000000a}.schema-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-soft)}.schema-search-input:focus+.search-input-icon{color:var(--primary-color)}.btn-clear-filters{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);border:1px solid var(--surface-border);background-color:#fff;color:var(--text-secondary);box-shadow:0 1px 2px #0000000a;height:38px;outline:none}.btn-clear-filters:hover{background-color:#f8fafc;color:var(--text-primary);border-color:#cbd5e1}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.template-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;transition:var(--transition);cursor:pointer;position:relative;box-shadow:var(--shadow)}.template-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);border:2px solid transparent;transition:var(--transition);pointer-events:none}.template-card:hover{transform:translateY(-3px);border-color:#2563eb59;box-shadow:0 12px 28px #0b12201a,0 0 0 1px #2563eb14;background-color:#fff}.template-card:hover:before{border-color:#2563eb1f}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.template-badge{padding:.25rem .6rem;background:var(--primary-soft);color:var(--primary-color);border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.02em;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(37,99,235,.15)}.template-run-indicator{color:var(--text-secondary);opacity:0;transition:all .2s ease;transform:translate(-4px)}.template-card:hover .template-run-indicator{opacity:1;transform:translate(0);color:var(--success-color)}.template-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4;transition:var(--transition)}.template-card:hover .template-card-title{color:var(--primary-color)}.template-card-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(226,232,240,.7);margin-top:auto}.template-db-id{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.template-actions{display:flex;align-items:center;gap:.35rem}.action-capsule{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--surface-border);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.action-capsule-process:hover{background-color:var(--success-soft);color:var(--success-color);border-color:#6ee7b7}.action-capsule-edit:hover{background-color:var(--primary-soft);color:var(--primary-color);border-color:#93c5fd}.action-capsule-results:hover{background-color:#eef2ff;color:#4338ca;border-color:#c7d2fe}.btn-trash-card{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-trash-card:hover{background-color:#fef2f2;color:var(--danger-color);border-color:#fee2e2}.page-header,.schema-header-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-stack);flex-wrap:wrap;padding:.875rem 1.125rem;border-radius:var(--radius);margin-bottom:0;border:1px solid var(--surface-border);background:var(--surface-color);box-shadow:var(--shadow)}.page-header-main,.schema-header-info{display:flex;align-items:center;gap:.75rem;min-width:0}.page-header-icon,.schema-header-icon-wrapper{background:var(--primary-color);padding:.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none}.page-title,.schema-header-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.3}.page-subtitle,.schema-header-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:.125rem 0 0;font-weight:400;line-height:1.4}.page-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-bar,.schema-filter-card{border-radius:var(--radius);padding:.75rem 1rem;background:var(--surface-color);border:1px solid var(--surface-border);box-shadow:var(--shadow)}.filter-bar-title,.schema-filter-title-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.625rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.filter-bar-fields,.schema-filter-inputs{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap;width:100%}.filter-field{flex:1;min-width:160px}.filter-field .label{font-size:.75rem;font-weight:600;margin-bottom:.25rem;color:var(--text-secondary)}.filter-field .input-group{margin-bottom:0}.searchable-select{position:relative;width:100%}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;cursor:pointer;min-height:2.5rem}.searchable-select-trigger:disabled{opacity:.6;cursor:not-allowed}.searchable-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary)}.searchable-select-value.is-placeholder{color:var(--text-secondary);font-weight:400}.searchable-select-trigger-icons{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.searchable-select-chevron{color:var(--text-muted);transition:transform .2s ease}.searchable-select.is-open .searchable-select-chevron{transform:rotate(180deg)}.searchable-select-clear{display:inline-flex;align-items:center;justify-content:center;padding:.15rem;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.searchable-select-clear:hover{color:var(--text-primary);background:var(--surface-muted)}.searchable-select-panel{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:200;padding:.5rem;max-height:16rem;display:flex;flex-direction:column;border:1px solid var(--surface-border);box-shadow:var(--glass-shadow)}.searchable-select-search{position:relative;margin-bottom:.5rem;flex-shrink:0}.searchable-select-search svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.searchable-select-search .input{width:100%;padding-left:2rem;box-sizing:border-box}.searchable-select-list{overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;min-height:0}.searchable-select-option{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.5rem .65rem;font-size:.8125rem;text-align:left;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.searchable-select-option:hover{background:var(--surface-muted)}.searchable-select-option.active{background:var(--primary-soft);border-color:#2563eb40;color:var(--primary-color);border-left:2px solid var(--primary-color)}.searchable-select-option-label{font-weight:600;line-height:1.3}.searchable-select-option-hint{font-size:.75rem;color:var(--text-muted);font-weight:500}.searchable-select-option.active .searchable-select-option-hint{color:var(--primary-color);opacity:.75}.searchable-select-empty{padding:.75rem;text-align:center;font-size:.8125rem;color:var(--text-muted)}.btn-create-schema{padding:.5rem .875rem;font-size:.8125rem}.list-stack{display:flex;flex-direction:column;gap:.625rem}.list-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--surface-color);box-shadow:var(--shadow);transition:var(--transition)}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{border-color:#2563eb59;box-shadow:var(--glass-shadow);background:#fff}.list-row-main{flex:1;min-width:0}.list-row-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.list-row-meta{font-size:.75rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.5rem 1rem}.list-row-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.panel{padding:1rem}.panel-title{margin:0 0 .875rem;font-size:.9375rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;font-size:.75rem;font-weight:700;background:var(--primary-soft);color:var(--primary-color);border:1px solid rgba(37,99,235,.2)}.dropzone{border:1.5px dashed var(--surface-border);border-radius:var(--radius);padding:1.25rem 1rem;text-align:center;background:var(--surface-muted);cursor:pointer;transition:var(--transition)}.dropzone:hover{border-color:var(--primary-color);background:var(--primary-soft)}.dropzone-title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.dropzone-hint{margin:.35rem 0 0;font-size:.75rem;color:var(--text-secondary)}.code-block{background:#0f172a;padding:.75rem 1rem;border-radius:var(--radius-sm);overflow:auto;max-height:420px}.code-block pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:#e2e8f0;line-height:1.5}.metric-grid{display:flex;gap:.625rem;flex-wrap:wrap;margin-bottom:.75rem}.metric-card{flex:1;min-width:100px;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-muted)}.metric-label{font-size:.6875rem;color:var(--text-secondary);margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.03em}.metric-value{font-size:1rem;font-weight:700}.metric-value.good{color:var(--success-color)}.metric-value.warn{color:var(--warning-color)}.metric-value.bad{color:var(--danger-color)}.usage-page.container{max-width:none;width:100%}.usage-page .usage-tab-bar{display:flex;gap:.35rem;margin-bottom:.75rem}.usage-records-card{overflow:hidden}.usage-records-card .data-list-panel{border:none;box-shadow:none;border-radius:0}.usage-records-card .data-table-wrap--scroll-wide{border-top:1px solid var(--surface-border)}.usage-scroll-hint{margin:0 0 .5rem;padding:0 .25rem;font-size:.75rem;color:var(--text-muted)}.usage-pricing-note{margin:0 0 .75rem;padding:0 .25rem;font-size:.75rem;color:var(--text-muted);line-height:1.45}.processing-run-result{display:flex;flex-direction:column;gap:.75rem}.processing-status-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid transparent}.processing-status-banner--ok{background:#10b9811a;border-color:#10b98140;color:var(--success-color)}.processing-status-banner--warn{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--warning-color)}.processing-status-banner-main{display:flex;align-items:center;gap:.65rem;min-width:0}.processing-status-title{font-weight:700;font-size:.9rem;color:var(--text-primary)}.processing-status-meta{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.15rem}.processing-status-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:4px;background:var(--surface-muted);border:1px solid var(--surface-border);color:var(--text-secondary)}.processing-match-card{padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.35);background:#f59e0b14;font-size:.85rem;line-height:1.45}.processing-match-card p{margin:.25rem 0 0}.processing-match-card p:first-child{margin-top:0}.processing-ai-note{padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-muted);font-size:.85rem}.processing-ai-note p{margin:.35rem 0 0;color:var(--text-secondary)}.processing-raw-panel{margin-top:.25rem}.processing-raw-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin:.5rem}.processing-raw-code{max-height:min(280px,40vh);overflow:auto;overscroll-behavior:contain}.processing-raw-code pre{white-space:pre}.data-table .metric-value{font-size:.8125rem;font-weight:600}.alert{display:flex;gap:.5rem;align-items:flex-start;padding:.625rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;margin-bottom:.75rem}.alert-error{background:var(--danger-soft);border:1px solid #fecaca;color:#b91c1c}.alert-success{background:var(--success-soft);border:1px solid #bbf7d0;color:#15803d}.toast{position:fixed;top:4.5rem;right:1rem;z-index:9999;padding:.625rem 1rem;border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--surface-color);box-shadow:var(--glass-shadow);display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;max-width:min(360px,calc(100vw - 2rem))}.toast-success{border-left:3px solid var(--success-color)}.toast-error{border-left:3px solid var(--danger-color)}.empty-state-compact{text-align:center;padding:2rem 1rem;color:var(--text-secondary);border:1px solid var(--surface-border);background:var(--surface-muted)}.empty-state-compact h3{margin:0 0 .35rem;font-size:.9375rem;color:var(--text-primary)}.empty-state-compact p{margin:0;font-size:.8125rem}.loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary);font-size:.875rem}.loading-inline .spinner{width:28px;height:28px;margin:0;border-width:3px}.hover-effect{transition:var(--transition)}.hover-effect:hover{background:var(--surface-muted)}.input-icon-wrap{position:relative}.input-icon-wrap .input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-icon-wrap .input{padding-left:2.25rem}.btn-sm{padding:.35rem .65rem;font-size:.8125rem}.toolbar-sticky{position:sticky;top:3.25rem;z-index:50;margin-bottom:var(--space-section)}.split-layout{display:flex;gap:var(--space-section);flex-wrap:wrap;align-items:flex-start}.split-panel{flex:1;min-width:min(100%,320px)}.split-panel-wide{flex:1.4;min-width:min(100%,320px)}.app-footer{padding:.75rem 1.5rem 1.25rem;text-align:center;color:var(--text-muted);font-size:.75rem;border-top:1px solid var(--surface-border);background:var(--surface-color)}.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:380px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.login-brand{text-align:center}.login-brand-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-cyan) 100%);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;box-shadow:0 8px 24px var(--primary-glow)}.login-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.login-subtitle{color:var(--text-secondary);margin:.35rem 0 0;font-size:.8125rem}.template-grid{gap:.875rem;margin-top:0}.template-card{min-height:180px;padding:1rem}.template-card-title{font-size:1rem}.template-card-desc{margin-bottom:.75rem;-webkit-line-clamp:2}.schema-filter-card{margin-bottom:0}.spin{animation:spin 1s linear infinite}.data-list-panel{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-color);box-shadow:var(--shadow);overflow:hidden}.data-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;border-bottom:1px solid var(--surface-border);background:var(--surface-muted);font-size:.8125rem}.data-list-count{color:var(--text-secondary)}.data-list-count strong{color:var(--text-primary);font-weight:600}.data-list-range{color:var(--text-muted);font-weight:400}.data-list-toolbar-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.data-list-page-size{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.data-list-select{width:auto;min-width:4.25rem;padding:.25rem 1.75rem .25rem .5rem;font-size:.8125rem;min-height:1.75rem}.data-list-pager{display:flex;align-items:center;gap:.25rem}.data-list-pager-label{min-width:3.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.data-table-wrap{overflow:auto}.data-table-wrap--scroll-wide{overflow-x:auto;overflow-y:auto;max-width:100%;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.8125rem}.data-table--wide{width:max-content;min-width:100%;table-layout:auto}.data-table--wide th,.data-table--wide td{white-space:nowrap}.data-table--wide .data-table-cell-truncate{max-width:18rem}.data-table thead{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:0 1px 0 var(--surface-border)}.data-table th{padding:.4rem .5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid var(--surface-border)}.data-table td{padding:.3rem .5rem;border-bottom:1px solid var(--surface-border);color:var(--text-primary);vertical-align:middle;line-height:1.35}.data-table tbody tr:last-child td{border-bottom:none}.data-table-row-clickable{cursor:pointer}.data-table-row-clickable:hover td{background:var(--primary-soft)}.data-table-cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-actions-col{width:4.5rem;text-align:right;padding-right:.35rem!important}.data-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:.15rem}.data-table-num{font-variant-numeric:tabular-nums;text-align:right}.status-pill{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:lowercase;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill--completed{background:var(--success-soft);color:var(--success-color)}.status-pill--queued,.status-pill--pending,.status-pill--processing{background:var(--warning-soft);color:var(--warning-color)}.status-pill--failed,.status-pill--error{background:var(--danger-soft);color:var(--danger-color)}.status-pill--default{background:var(--surface-muted);color:var(--text-secondary)}.filter-bar-compact{padding:.5rem .75rem}.filter-bar-compact .filter-bar-title{margin-bottom:0;margin-right:.5rem}.filter-bar-compact .filter-bar-fields{flex:1;align-items:center}.filter-bar-compact .filter-field{min-width:120px}.filter-field-date{flex:0 1 auto;min-width:9.25rem;max-width:11rem}.filter-bar-compact .filter-field .label{display:none}.filter-bar-compact .input,.filter-bar-compact .schema-search-input{padding:.4rem .5rem;font-size:.8125rem;min-height:2rem}.filter-bar-compact .search-input-wrapper .schema-search-input{padding-left:2rem}.filter-bar-compact .search-input-icon{left:8px}.builder-page{display:flex;flex-direction:column;gap:var(--space-section)}.builder-section{padding:.75rem 1rem}.builder-section .panel-title{margin-bottom:.5rem}.builder-fields-grid{display:grid;gap:.5rem .625rem}.builder-fields-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-fields-grid-3{grid-template-columns:1fr 1fr 2fr}@media (max-width: 960px){.builder-fields-grid-2,.builder-fields-grid-3{grid-template-columns:1fr}}.builder-section .label,.builder-collapse .label{font-size:.75rem;margin-bottom:.2rem}.builder-section .input-group,.builder-collapse .input-group{margin-bottom:0}.builder-section .input,.builder-section .select,.builder-collapse .input,.builder-collapse .btn{padding:.4rem .5rem;font-size:.8125rem;min-height:2rem}.builder-section .textarea,.builder-collapse .textarea{min-height:2.75rem;padding:.4rem .5rem;font-size:.8125rem;resize:vertical}.builder-checkbox-row{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;padding:.5rem .625rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.builder-checkbox-row input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.builder-checkbox-row strong{display:block;font-size:.8125rem;color:var(--text-primary)}.builder-checkbox-hint{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.15rem;line-height:1.35}.ocr-processing-section .panel-title{margin-bottom:0}.ocr-processing-header{margin-bottom:.75rem}.ocr-processing-desc{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.ocr-pipeline{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;margin-bottom:.875rem;padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--surface-border)}.ocr-pipeline-step{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:.2rem .5rem;background:var(--surface-color);border:1px solid var(--surface-border);transition:var(--transition)}.ocr-pipeline-step.is-on{color:var(--primary-color);background:var(--primary-soft);border-color:#2563eb4d;font-weight:600}.ocr-pipeline-arrow{color:var(--text-muted);flex-shrink:0}.ocr-processing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}@media (max-width: 720px){.ocr-processing-grid{grid-template-columns:1fr}}.ocr-option-card{display:flex;flex-direction:column;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-muted);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.ocr-option-card.is-active{border-color:#2563eb66;background:var(--surface-color);box-shadow:0 0 0 1px var(--primary-soft)}.ocr-option-card-label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;padding:.625rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ocr-option-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ocr-option-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);flex-shrink:0}.ocr-option-icon--match{color:var(--primary-deep);background:#2563eb1f;border:1px solid rgba(37,99,235,.18)}.ocr-option-card.is-active .ocr-option-icon--match{background:#2563eb2e;border-color:#2563eb4d}.ocr-option-body{min-width:0}.ocr-option-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem}.ocr-option-title-row strong{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.ocr-model-badge{font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.1rem .4rem;border-radius:4px;color:var(--primary-deep);background:#2563eb1a;border:1px solid rgba(37,99,235,.2)}.ocr-model-badge--pro{color:#4338ca;background:#6366f11a;border-color:#6366f138}.ocr-option-hint{display:block;margin-top:.2rem;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.ocr-switch{position:relative;width:2.125rem;height:1.25rem;flex-shrink:0;border-radius:999px;background:#cbd5e1;border:1px solid var(--surface-border);transition:background .15s ease}.ocr-switch:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0b122026;transition:transform .15s ease}.ocr-option-card.is-active .ocr-switch{background:var(--primary-color)}.ocr-option-card.is-active .ocr-switch:after{transform:translate(.875rem)}.ocr-option-subpanel{margin:0 .75rem .75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--surface-border);border-left:3px solid var(--primary-color)}.ocr-subpanel-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.35rem}.ocr-option-card-label--static{cursor:default}.ocr-merge-toggles{display:flex;flex-direction:column;gap:.45rem}.ocr-inline-check{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer}.property-merge-keys{margin:.35rem 0 .5rem 1.75rem;max-width:28rem}.property-merge-keys .input{margin-top:.25rem}.ocr-pages-input{width:4.5rem;text-align:center}.ocr-pages-hint{flex:1;min-width:10rem;margin-top:0}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.builder-page .selection-list{gap:.625rem;margin-left:0;padding-left:0;border:none}.property-row{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-color)}.property-row+.property-row{margin-top:.35rem}.property-row-inner{display:flex;align-items:center;gap:.35rem;padding:.3rem .4rem}.property-row-toggle{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.property-row-toggle:disabled{visibility:hidden;cursor:default}.property-row-fields{display:flex;flex:1;gap:.35rem;min-width:0;align-items:center}.property-row-fields .input,.property-row-fields .select{padding:.3rem .45rem;font-size:.8125rem;min-height:1.75rem}.property-row-fields .field-id{flex:0 1 6.5rem;min-width:4.5rem;font-family:ui-monospace,monospace;font-size:.75rem}.property-row-fields .field-name{flex:1 1 7rem;min-width:5rem}.property-row-fields .field-desc{flex:1.5 1 8rem;min-width:5rem}.property-row-fields .field-type{flex:0 0 5.75rem}.property-nested{margin:.25rem 0 .35rem 1rem;padding-left:.5rem;border-left:2px solid var(--surface-border)}.property-nested-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;font-size:.75rem;color:var(--text-secondary)}.property-nested-empty{padding:.35rem .5rem;font-size:.75rem;color:var(--text-muted);font-style:italic}.selection-block{padding:.625rem .75rem!important}.selection-block-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--surface-border)}.selection-block-header-main{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0}.selection-name-input{flex:1;min-width:0;font-weight:600;font-size:.875rem;padding:.3rem .45rem!important;min-height:1.75rem!important}.selection-block-body{display:flex;flex-direction:column;gap:.5rem}.builder-collapse{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-color);box-shadow:var(--shadow);overflow:hidden}.builder-collapse>summary{list-style:none;cursor:pointer;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.builder-collapse>summary::-webkit-details-marker{display:none}.builder-collapse>summary:before{content:"▸";font-size:.75rem;color:var(--text-secondary);transition:transform .15s ease}.builder-collapse[open]>summary:before{transform:rotate(90deg)}.builder-collapse-body{padding:0 1rem .75rem;border-top:1px solid var(--surface-border)}.ai-generator-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}@media (max-width: 768px){.property-row-fields{flex-wrap:wrap}.property-row-fields .field-id,.property-row-fields .field-name,.property-row-fields .field-desc,.property-row-fields .field-type{flex:1 1 100%}}.preview-page{display:flex;flex-direction:column;gap:var(--space-section);height:calc(100vh - 5.5rem);min-height:420px}.preview-workspace{display:flex;gap:var(--space-section);flex:1;min-height:0;overflow:hidden}.preview-doc-panel{flex:0 0 min(44%,520px);max-width:520px;display:flex;flex-direction:column;padding:.5rem;min-height:0;border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-color);box-shadow:var(--shadow)}.preview-doc-panel.hidden{display:none}.preview-doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.35rem .5rem;border-bottom:1px solid var(--surface-border);margin-bottom:.35rem}.preview-doc-toolbar h3{margin:0;font-size:.875rem;font-weight:600}.preview-doc-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.preview-zoom-bar{display:flex;align-items:center;gap:.2rem;padding:.15rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--surface-border)}.preview-page-nav{display:flex;align-items:center;gap:.15rem;padding:.15rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--surface-border)}.preview-page-nav--compact{flex-wrap:wrap;justify-content:center}.preview-page-nav .btn{background:transparent;border:none;box-shadow:none;color:var(--text-secondary);padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition);height:24px;width:24px}.preview-page-nav .btn:hover:not(:disabled){background:#0f172a0f;color:var(--text-primary)}.preview-page-nav .btn:disabled{opacity:.35;cursor:not-allowed}.preview-page-selector{display:flex;align-items:center;gap:.35rem;padding:0 .5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);border-right:1px solid var(--surface-border);border-left:1px solid var(--surface-border);margin:0 .15rem;height:20px}.preview-page-input{width:2.25rem;height:18px;padding:0;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-primary);transition:var(--transition);-moz-appearance:textfield}.preview-page-input::-webkit-outer-spin-button,.preview-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.preview-page-input:hover{background:#0f172a0a}.preview-page-input:focus{outline:none;background:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-soft)}.preview-page-total{color:var(--text-muted);font-weight:500}.preview-doc-loading{padding:2rem 1rem;text-align:center;font-size:.8125rem;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-doc-viewport{flex:1;min-height:280px;background:var(--surface-muted);border-radius:var(--radius-sm);overflow:auto;padding:.75rem;outline:none}.preview-doc-viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-soft)}.preview-doc-canvas{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;width:fit-content;max-width:100%;min-width:min(100%,280px);gap:.35rem}.preview-doc-canvas--zoomable{max-width:none}.preview-doc-image{position:relative;display:block;height:auto;max-width:100%;border-radius:2px;background:#fff;box-shadow:0 2px 12px #0000001f}.preview-doc-image--loading{position:relative;width:0;height:0;margin:0;padding:0;overflow:hidden;opacity:0;border:0;box-shadow:none}.preview-doc-image.is-loaded:not(.preview-doc-image--loading){max-width:none;transition:opacity .2s ease}.preview-zoom-value{min-width:3.25rem;padding:.2rem .35rem!important;font-size:.75rem!important;font-weight:600;font-variant-numeric:tabular-nums}.preview-doc-zoom-hint{margin:.35rem 0 0;font-size:.6875rem;color:var(--text-muted);text-align:center}.preview-thumbs{display:flex;gap:.35rem;margin-top:.35rem;overflow-x:auto;padding-bottom:.15rem}.preview-thumbs--virtual{display:block}.preview-thumbs-track{position:relative;height:40px}.preview-thumb-slot{position:absolute;top:0;width:32px;height:40px}.preview-thumb{position:relative;width:32px;height:40px;flex-shrink:0;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid var(--surface-border);opacity:.55;background:var(--surface-muted)}.preview-thumb.active{border-color:var(--primary-color);border-width:2px;opacity:1}.preview-thumb img,.preview-thumb-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s ease}.preview-thumb-image.is-loaded{opacity:1}.preview-thumb-num{position:absolute;right:1px;bottom:0;padding:0 2px;font-size:.5625rem;font-weight:700;line-height:1.2;color:#fff;background:#0000008c;border-radius:2px 0 0;pointer-events:none}.preview-main{position:relative;flex:1;min-width:0;overflow-y:auto;padding-right:.25rem;display:flex;flex-direction:column}.preview-setup{padding:.75rem 1rem;margin-bottom:var(--space-section)}.preview-setup-header{margin-bottom:0}.preview-setup-meta{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-secondary)}.preview-setup-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;flex-shrink:0}.preview-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem;margin-top:.65rem}@media (max-width: 900px){.preview-workspace{flex-direction:column;overflow:visible}.preview-page{height:auto;min-height:0}.preview-doc-panel{flex:none;max-width:none;max-height:50vh}.preview-setup-grid{grid-template-columns:1fr}}.preview-file-row{display:flex;flex-direction:column;gap:.35rem}.preview-file-row .label{font-size:.75rem;margin:0}.preview-file-actions{display:flex;gap:.35rem;align-items:stretch}.preview-file-actions .btn-file{flex:1;justify-content:flex-start;font-size:.8125rem;padding:.4rem .5rem;min-height:2rem}.preview-export-menu{position:relative;flex-shrink:0}.preview-export-menu>.btn{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.preview-export-dropdown{position:absolute;top:calc(100% + .25rem);right:0;z-index:30;min-width:14.5rem;padding:.35rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-color);box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:.15rem}.preview-export-dropdown button[role=menuitem]{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.45rem .55rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer}.preview-export-dropdown button[role=menuitem]:hover:not(:disabled){background:var(--surface-muted)}.preview-export-dropdown button[role=menuitem]:disabled{opacity:.45;cursor:not-allowed}.preview-export-dropdown-hint{font-size:.6875rem;font-weight:400;color:var(--text-muted);line-height:1.3}.preview-banner{position:relative;padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.8125rem;border:1px solid var(--surface-border)}.preview-banner-error{border-left:3px solid var(--danger-color);background:var(--danger-soft)}.preview-banner-warn{border-left:3px solid var(--warning-color);background:var(--warning-soft)}.preview-banner-success{border-left:3px solid var(--success-color);background:var(--success-soft)}.preview-banner-info{border-left:3px solid var(--primary-color);background:var(--primary-soft)}.preview-banner-title{font-weight:600;font-size:.8125rem;margin:0 0 .2rem}.preview-banner p{margin:0;line-height:1.4;color:var(--text-secondary)}.preview-metrics{position:relative;display:flex;flex-wrap:wrap;gap:.65rem}.preview-metric{flex:1;min-width:100px;padding:.55rem .75rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-muted)}.preview-metric-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:.15rem}.preview-metric-bar{height:4px;background:var(--surface-border);border-radius:2px;overflow:hidden;margin:.2rem 0}.preview-metric-bar-fill{height:100%;border-radius:2px}.preview-selection-block{position:relative;border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-color);margin-bottom:.65rem;box-shadow:var(--shadow)}.preview-selection-block--array .preview-array-toolbar{margin-top:0}.preview-selection-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;cursor:pointer;border-bottom:1px solid transparent}.preview-selection-header.expanded{border-bottom-color:var(--surface-border)}.preview-selection-header-main{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1}.preview-selection-header h3{margin:0;font-size:.875rem;font-weight:600;line-height:1.3}.preview-selection-header .preview-selection-desc{font-size:.75rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-selection-body{position:relative;padding:.65rem .85rem .85rem}.preview-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem .85rem}.preview-field-item .label{font-size:.75rem;margin-bottom:.25rem;display:block}.preview-field-item .label-type{font-weight:400;color:var(--text-muted);font-size:.6875rem}.preview-field-item{position:relative;min-width:0}.preview-field-item--block{grid-column:1 / -1}.preview-array-list,.preview-array-items{position:relative;display:flex;flex-direction:column;gap:.5rem;width:100%}.preview-array-items--scroll{max-height:min(65vh,640px);overflow-y:auto;overflow-x:hidden;padding:.35rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-bg)}.preview-array-count{margin-right:auto;font-size:.75rem;font-weight:600;color:var(--text-muted)}.preview-array-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:.35rem}.preview-array-row{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.5rem .65rem;align-items:start;padding:.5rem .65rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-muted)}.preview-array-row--rich{align-items:start;padding:.55rem .65rem}.preview-array-row--stacked{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.preview-array-row-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:1.75rem}.preview-array-row-head-title{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.preview-array-row-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.preview-array-row--stacked .preview-array-row-index{padding-top:0}.preview-array-row-body{width:100%;min-width:0}.preview-array-row-fields--stacked{display:flex;flex-direction:column;gap:.5rem;width:100%}.preview-array-row--stacked .preview-array-field--block{width:100%;max-width:none}.preview-array-row--stacked .preview-array-field--block>.preview-inline-object,.preview-array-row--stacked .preview-array-field--block>.preview-array-list{width:100%;max-width:none;box-sizing:border-box}.preview-array-row--stacked .preview-array-row-actions{align-self:center;padding-top:0;flex-shrink:0}.preview-array-row-index{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-align:center;line-height:1.3;padding-top:.15rem}.preview-array-row-fields{min-width:0}.preview-array-row-fields--grid{display:grid;grid-template-columns:repeat(var(--array-cols, 2),minmax(0,1fr));gap:.45rem .65rem;align-items:start}.preview-array-row-fields--grid .preview-array-field--block{grid-column:1 / -1}.preview-array-row-fields--rich{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem .65rem;align-items:start}.preview-array-row--object-item{align-items:start}.preview-array-row--object-item .preview-inline-object{margin:0}.preview-array-row-fields--object{display:block;min-width:0}.preview-array-row-fields--single{display:block}.preview-array-row-fields--single>.preview-array-field{display:block}.preview-array-field{display:grid;grid-template-columns:minmax(4rem,30%) minmax(0,1fr);gap:.25rem .5rem;align-items:start;min-width:0}.preview-array-field:has(.preview-inline-object),.preview-array-field:has(.preview-nested-object),.preview-array-field:has(.preview-array-list){grid-template-columns:1fr;gap:.35rem}.preview-array-field-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-array-field--block{grid-column:1 / -1;grid-template-columns:1fr;gap:.35rem;align-items:stretch}.preview-array-field-group-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.1rem}.preview-inline-object,.preview-nested-object{position:relative;display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0;box-sizing:border-box}.preview-inline-object{padding:.5rem .65rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-color)}.preview-nested-object{margin-top:.5rem;padding:.5rem 0 0 .75rem;border-left:2px solid var(--surface-border)}.preview-inline-object-field{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.3rem;width:100%;min-width:0}.preview-inline-object-field--block{padding-top:.45rem;border-top:1px solid var(--surface-border)}.preview-inline-object-field--block:first-child{padding-top:0;border-top:none}.preview-inline-object-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.3}.preview-inline-object-value{position:relative;width:100%;min-width:0}.preview-inline-object-value>.input,.preview-inline-object-value>.select,.preview-inline-object-value>.preview-field-recheck,.preview-inline-object-value>.preview-inline-object,.preview-inline-object-value>.preview-nested-object,.preview-inline-object-value>.preview-array-list{width:100%;min-width:0;box-sizing:border-box}.preview-array-field--block .preview-array-list{margin-top:.35rem}.preview-array-row-actions{display:flex;gap:.2rem;flex-shrink:0;align-self:start;padding-top:.1rem}.preview-array-empty{font-size:.8125rem;font-style:italic;color:var(--text-secondary);text-align:center;padding:.65rem}.preview-input-compact{padding:.4rem .55rem!important;font-size:.8125rem!important;min-height:2rem!important}.preview-input-empty{background:var(--warning-soft)!important;font-style:italic}.preview-field-recheck{border:1px solid var(--warning-color);background:var(--warning-soft);border-radius:var(--radius-sm);padding:.15rem}.preview-array-item{padding:.45rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-muted);margin-bottom:.35rem}.preview-array-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.preview-approve-bar{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-border)}.result-list-thumb{width:32px;height:40px;object-fit:cover;border-radius:3px;border:1px solid var(--surface-border);background:var(--surface-muted);display:block}.result-list-thumb-empty{color:var(--text-muted);font-size:.75rem}@keyframes previewSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-skeleton-bone{background:linear-gradient(90deg,var(--surface-muted) 0%,color-mix(in srgb,var(--surface-border) 55%,var(--surface-muted)) 45%,var(--surface-muted) 90%);background-size:200% 100%;animation:previewSkeletonShimmer 1.35s ease-in-out infinite;border-radius:var(--radius-sm)}.preview-doc-panel--skeleton{pointer-events:none}.preview-doc-viewport--skeleton{display:flex;align-items:center;justify-content:center;padding:1rem}.preview-skeleton-page{width:100%;max-width:320px;aspect-ratio:8.5 / 11;min-height:280px}.preview-content-stack{position:relative;display:flex;flex-direction:column;gap:.65rem;width:100%;min-width:0}.preview-skeleton-title{width:5.5rem;height:.875rem}.preview-skeleton-zoom{width:7.5rem;height:1.75rem}.preview-skeleton-pager{width:4.5rem;height:1.75rem}.preview-skeleton-hint{width:55%;height:.65rem;margin:.35rem auto 0}.preview-thumbs--skeleton{margin-top:.35rem}.preview-skeleton-thumb{width:32px;height:40px;flex-shrink:0;border-radius:4px}.preview-content-loaded{animation:fadeIn .25s ease-out forwards}.preview-skeleton-banner{width:100%;height:2.25rem}.preview-metrics--skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.preview-skeleton-metric{height:3.25rem}.preview-selection-block--skeleton{position:relative;padding:.65rem .85rem;border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-color)}.preview-skeleton-selection-header{width:42%;height:1.125rem;margin-bottom:.65rem}.preview-field-grid--skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.preview-skeleton-field{height:2.5rem}.preview-approve-bar--skeleton{justify-content:flex-end;border-top:none;margin-top:.25rem;padding-top:0}.preview-skeleton-btn{width:4.5rem;height:1.75rem}@media (max-width: 768px){.preview-field-grid--skeleton,.preview-metrics--skeleton{grid-template-columns:1fr}}.login-page{background:var(--bg-color);background-image:var(--bg-gradient)}.login-card{border:1px solid var(--surface-border);box-shadow:var(--glass-shadow)}.login-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-deep) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title,.page-title,.schema-header-title{font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page-header,.filter-bar,.schema-filter-card,.data-list-panel,.list-row,.preview-doc-panel,.preview-selection-block,.builder-collapse,.metric-card{border-color:var(--surface-border);border-radius:var(--radius)}.page-header{background:var(--surface-color);box-shadow:var(--shadow);border-bottom:2px solid rgba(37,99,235,.15)}.page-header-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-deep) 100%);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--primary-glow)}.schema-header-card{background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--surface-border)}.schema-filter-card{background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow)}.data-list-toolbar{border-bottom:1px solid var(--surface-border);background:linear-gradient(180deg,#f8fafc 0%,var(--surface-muted) 100%)}.nav-user-panel-head{border-bottom-color:#ffffff14}.template-card-footer{border-top:1px solid var(--surface-border)}.processing-status-badge{border-color:var(--surface-border)}.badge-muted{border:1px solid var(--surface-border);background:var(--surface-muted)}.empty-state,.empty-state-compact{border-radius:var(--radius);border-style:dashed;border-color:var(--surface-border)}.code-block{background:#0b1220;border:1px solid rgba(59,130,246,.2)}.app-footer{border-top:1px solid var(--surface-border);background:var(--surface-color);color:var(--text-muted)}.btn-create-schema:hover{transform:translateY(-1px)}.template-card:hover{transform:translateY(-3px)}.ocr-pipeline-step{border-radius:999px}.btn-trash-card{border-radius:var(--radius-sm)}