@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg: #f3f5f4;--bg-accent: #e7efe9;--surface: #ffffff;--ink: #14201a;--muted: #5b6b62;--line: #d5ddd7;--brand: #0f6b4c;--brand-soft: #d8f0e5;--danger: #b42318;--warn: #9a6700;--ok: #067647;--shadow: 0 10px 30px rgba(20, 32, 26, .06);--radius: 14px;--font: "Be Vietnam Pro", "Segoe UI", sans-serif;--display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at top left,#dff3e8 0%,transparent 40%),linear-gradient(180deg,#f7faf8 0%,var(--bg) 45%,#eef3f0 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:10px;padding:.65rem 1rem;background:var(--brand);color:#fff;font-weight:600}button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}button.danger{background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;background:#fff}label{display:grid;gap:.35rem;font-size:.92rem;color:var(--muted);margin-bottom:.85rem}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#10261c;color:#e8f5ee;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem}.brand{font-family:var(--display);font-size:1.35rem;line-height:1.2;padding:.4rem .5rem 1rem}.nav a{display:block;padding:.65rem .75rem;border-radius:10px;color:#c9e4d6;margin-bottom:.2rem}.nav a.active,.nav a:hover{background:#ffffff14;color:#fff}.main{padding:1.25rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.grid{display:grid;gap:1rem}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}h1,h2{font-family:var(--display);margin:0 0 .5rem}.muted{color:var(--muted)}.error{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.8rem;font-weight:600}.badge.warn{background:#fff4ce;color:var(--warn)}.badge.danger{background:#fce8e6;color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(420px,100%)}.stack{display:grid;gap:.75rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.chat-list{max-height:70vh;overflow:auto}.msg{padding:.7rem .85rem;border-radius:12px;margin-bottom:.5rem;max-width:85%;white-space:pre-wrap}.msg.in{background:#eef3f0}.msg.out{background:var(--brand-soft);margin-left:auto}.msg.note{background:#fff8e8;border:1px dashed #e2c56b}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:.75rem}.nav{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.25rem}.nav a{white-space:nowrap;margin:0}}.wf-builder{display:flex;flex-direction:column;gap:.5rem;min-height:calc(100vh - 2rem)}.wf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.5rem 0}.wf-layout{display:grid;grid-template-columns:220px 1fr 320px;gap:.75rem;min-height:70vh}.wf-palette,.wf-inspector{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;overflow:auto;max-height:75vh}.wf-palette-item{width:100%;text-align:left;display:grid;margin-bottom:.4rem}.wf-canvas{position:relative;background:linear-gradient(90deg,rgba(20,32,26,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(rgba(20,32,26,.04) 1px,transparent 1px) 0 0 / 24px 24px,#f7faf8;border:1px solid var(--line);border-radius:var(--radius);overflow:auto;min-height:70vh}.wf-edges,.wf-nodes{position:absolute;top:0;right:0;bottom:0;left:0;width:2000px;height:1600px}.wf-edges{pointer-events:none}.wf-node{position:absolute;width:160px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .65rem;box-shadow:var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none}.wf-node.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.wf-node-title{font-weight:600;font-size:.9rem}.wf-vars{display:flex;flex-wrap:wrap;gap:.35rem}.wf-vars button{font-size:.75rem;padding:.3rem .45rem}.wf-test-out{margin-top:.75rem;font-size:.75rem;white-space:pre-wrap;background:#f3f5f4;padding:.6rem;border-radius:8px;max-height:280px;overflow:auto}@media(max-width:1100px){.wf-layout{grid-template-columns:1fr}.wf-palette,.wf-inspector{max-height:none}}.catalog-admin{padding:1rem 1.25rem 2rem;display:grid;gap:1rem}.catalog-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start}.catalog-head h1{margin:0;font-family:var(--display);font-size:1.75rem}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.catalog-search{min-width:220px;max-width:320px}.catalog-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}.catalog-stats .stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .9rem;display:grid;gap:.2rem}.catalog-stats .stat strong{font-size:1.35rem;color:var(--brand)}.catalog-stats .stat.warn strong{color:var(--warn)}.catalog-stats .muted-stat{display:flex;align-items:center;font-size:.85rem;color:var(--muted)}.catalog-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.catalog-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem}.catalog-filters label{margin:0}.catalog-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;font-size:.92rem}.catalog-table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.catalog-table{width:100%;border-collapse:collapse;font-size:.9rem}.catalog-table th,.catalog-table td{padding:.55rem .65rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.catalog-table th{background:#f7faf8;position:sticky;top:0}.catalog-table tr.clickable{cursor:pointer}.catalog-table tr.clickable:hover{background:var(--brand-soft)}.catalog-table .thumb{width:44px;height:44px;object-fit:cover;border-radius:8px}.catalog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.catalog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.catalog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.catalog-card-img{aspect-ratio:4/3;background:#e8eee9}.catalog-card-img img{width:100%;height:100%;object-fit:cover;display:block}.catalog-card-img .no-img{height:100%;display:grid;place-items:center;color:var(--muted);font-size:.85rem}.catalog-card-body{padding:.7rem .8rem;display:grid;gap:.2rem;font-size:.88rem}.catalog-card-body .badge{display:inline-block;width:fit-content;padding:.15rem .45rem;border-radius:6px;background:var(--brand-soft);font-size:.75rem}.catalog-pager{display:flex;gap:.75rem;align-items:center}.catalog-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14201a73;display:flex;justify-content:flex-end;z-index:40;animation:fadeIn .15s ease}.catalog-drawer{width:min(520px,100%);background:var(--surface);height:100%;overflow:auto;padding:1.1rem 1.2rem 2rem;box-shadow:-8px 0 30px #0000001f}.catalog-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.catalog-media-item{border:1px solid var(--line);border-radius:10px;padding:.45rem;display:grid;gap:.25rem;font-size:.8rem}.catalog-media-item img{width:100%;border-radius:8px;aspect-ratio:4/3;object-fit:cover}.tg-preview .tg-bubble{background:#e7f6ee;border-radius:14px 14px 4px;padding:.85rem 1rem}.tg-preview pre{margin:0;white-space:pre-wrap;font-family:var(--font);font-size:.92rem}.warn-text{color:var(--warn)}.ok{color:var(--ok)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ws-current{padding:.65rem .75rem;border-radius:10px;background:#ffffff0f;display:grid;gap:.15rem}.ws-current-label{font-size:.72rem;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.ws-status-pill{display:inline-block;margin-top:.25rem;font-size:.72rem;padding:.1rem .45rem;border-radius:6px;background:#5c3d12;color:#ffd79a;width:fit-content}.ws-select-label{color:#c5ddd0;font-size:.85rem;margin:0}.ws-banner{margin:-.25rem 0 1rem;padding:.55rem .85rem;border-radius:10px;background:var(--brand-soft);border:1px solid #c7e5d5;font-size:.92rem}.setup-toggles{display:grid;gap:.75rem;margin-top:.85rem}.setup-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;background:#fbfdfc}.switch{display:inline-flex;align-items:center;gap:.55rem;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink);font-size:.9rem;font-weight:600}.switch.disabled{opacity:.55;cursor:wait}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:44px;height:26px;border-radius:999px;background:#c5d0c9;position:relative;transition:background .15s ease;flex-shrink:0}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch-text{min-width:2rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10261c80;display:grid;place-items:center;z-index:50;padding:1rem;animation:fadeIn .15s ease}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto}@media(max-width:800px){.catalog-drawer{width:100%}.catalog-media-grid,.app-shell{grid-template-columns:1fr}}