:root{--ink-900: #0e1d30;--ink-700: #22344b;--ink-500: #4a627f;--surface: #f4f6f9;--card: #ffffff;--line: #d4ddea;--accent: #d94835;--accent-strong: #bf3523;--mint: #8ed4bf;--warning: #e67e22;--success: #208a65;--radius-lg: 16px;--radius-md: 12px;--shadow-card: 0 24px 42px -34px rgba(11, 22, 36, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--ink-900);background:radial-gradient(circle at 14% 8%,rgba(217,72,53,.15),transparent 34%),radial-gradient(circle at 88% 20%,rgba(142,212,191,.14),transparent 32%),linear-gradient(160deg,#eef2f8,#f8fafc 48%,#f0f6ff)}h1,h2,h3,h4,h5,h6{margin:0;font-family:Outfit,sans-serif;letter-spacing:-.01em}label,input,textarea,button,small,p,span,a,li{font-family:IBM Plex Sans,sans-serif}textarea,pre,code{font-family:IBM Plex Mono,monospace}button{border:1px solid transparent;border-radius:999px;padding:.56rem .95rem;font-size:.83rem;font-weight:600;display:inline-flex;align-items:center;gap:.38rem;cursor:pointer;transition:all .22s ease-out}button:disabled{cursor:not-allowed;opacity:.58}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink-900);font-size:.88rem;padding:.62rem .72rem;transition:border-color .19s ease-out,box-shadow .19s ease-out}textarea{min-height:88px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 52%,white);box-shadow:0 0 0 3px #d948351f}ul{margin:0;padding-left:1rem}.app-shell{min-height:100%;display:grid;grid-template-columns:320px 1fr;gap:1.1rem;padding:1.1rem}.sidebar{background:linear-gradient(166deg,#e9edf3,#edf2f8 65%,#f2f4fa);border:1px solid #ced8e7;border-radius:28px;padding:1rem;display:flex;flex-direction:column;gap:.95rem;box-shadow:var(--shadow-card)}.brand-block{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:16px;background:linear-gradient(160deg,#172639,#293d55);color:#f3f7ff}.brand-block h1{font-size:1rem}.brand-block p{margin:.16rem 0 0;font-size:.73rem;color:#bdd0e8}.brand-logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 68%,white)}.panel-block{border:1px solid var(--line);border-radius:16px;padding:.8rem;background:#ffffffde;display:flex;flex-direction:column;gap:.5rem}.panel-block label{font-size:.75rem;color:var(--ink-500);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.section-title{display:inline-flex;align-items:center;gap:.36rem;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-500)}.workspace-list{max-height:360px;overflow:auto;display:grid;gap:.44rem}.workspace-item{width:100%;border-radius:12px;border:1px solid #d2d9e5;background:#fff;padding:.62rem .66rem;display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;font-weight:600;color:var(--ink-700)}.workspace-item small{font-size:.69rem;color:var(--ink-500)}.workspace-item:hover{border-color:color-mix(in srgb,var(--accent) 44%,white);transform:translateY(-1px)}.workspace-item-active{border-color:var(--accent);background:#fff6f3}.main-content{position:relative;display:flex;flex-direction:column;gap:.96rem}.topbar{border:1px solid #cfdae8;border-radius:20px;background:linear-gradient(148deg,#1a2b41,#29445f 80%);color:#f5fbff;padding:.92rem 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-card)}.topbar h2{margin-top:.12rem;font-size:1.18rem}.eyebrow{margin:0;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb,#fff 72%,var(--mint));font-weight:700}.card{border:1px solid #d6deeb;border-radius:20px;padding:.95rem;background:#ffffffdb;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card.compact{padding:.86rem}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem}.card-head h3{margin-top:.22rem;font-size:1.02rem}.head-actions{display:flex;gap:.52rem}.grid{display:grid;gap:.75rem}.grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:.8rem;display:flex;flex-direction:column;gap:.45rem}.panel h4{font-size:.87rem;display:inline-flex;align-items:center;gap:.28rem}.panel h5{margin:.4rem 0 0;font-size:.78rem;display:inline-flex;align-items:center;gap:.25rem}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-strong)}.secondary{background:#fff;border-color:#ced6e3;color:var(--ink-700)}.secondary:hover{border-color:color-mix(in srgb,var(--accent) 42%,#ced6e3);color:var(--accent-strong)}.ghost{background:#ffffff21;border-color:#fff3;color:#eff7ff}.ghost:hover{background:#ffffff38}.view-toggle{display:inline-flex;gap:.42rem}.ghost-active{background:#ffffff47;border-color:#ffffff61}.preview-box{margin-top:.8rem;border:1px solid var(--line);border-radius:16px;background:#fff;padding:.75rem}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.preview-head h4{font-size:.84rem}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.preview-panel{border:1px solid #d7dfeb;border-radius:12px;background:#fbfcff;padding:.62rem}.preview-panel h5{margin:0 0 .45rem;font-size:.73rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-500)}.preview-panel textarea{min-height:220px}.log-list{max-height:180px;overflow:auto;display:grid;gap:.38rem}.log-item{border:1px solid #d9e1eb;border-radius:10px;padding:.42rem}.log-item p{margin:0;font-size:.73rem}.log-item p+p{margin-top:.2rem}.log-success{border-color:#bee0d0;background:#f1faf6}.log-error{border-color:#f3cdc8;background:#fff4f2}.log-warn{border-color:#f0dfbf;background:#fffaf2}.chips{display:flex;flex-wrap:wrap;gap:.36rem}.pill{border-radius:999px;border:1px solid #d6dfea;background:#fff;color:var(--ink-700);padding:.3rem .62rem;font-size:.72rem;font-weight:600}.pill:hover{border-color:color-mix(in srgb,var(--accent) 35%,white);color:var(--accent-strong)}.pill-active{border-color:var(--accent);background:#fff1ee;color:var(--accent-strong)}.source-list,.docs-list,.news-list,.history-list,.product-cards,.guided-products{display:grid;gap:.45rem;max-height:280px;overflow:auto}.source-item,.doc-item,.news-item,.history-item,.product-card,.guided-product-item,.product-edit-row{border:1px solid #dae2ef;border-radius:12px;padding:.55rem;background:#fff}.source-type,.sku,.status{display:inline-flex;border-radius:999px;padding:.17rem .45rem;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.source-type{background:#f0f6ff;color:#2e537f;margin-bottom:.22rem}.source-type-pdf{background:#fff1ee;color:#a23b2d}.source-type-url{background:#eef7f3;color:#1f7658}.sku{background:#f4f5f9;color:var(--ink-500)}.category-chip{border-radius:999px;border:1px solid #d6dfea;padding:.16rem .42rem;font-size:.62rem;color:var(--ink-500);background:#f8faff}.status-ok{background:#edf8f2;color:var(--success)}.status-warn{background:#fff5e9;color:var(--warning)}.product-card h5{margin-top:.25rem;font-size:.86rem}.product-card h4{margin-top:.25rem;font-size:.9rem}.product-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.58rem;align-items:stretch}.product-card-top{display:flex;justify-content:space-between;align-items:center;gap:.45rem}.product-card{cursor:pointer;min-height:220px;display:grid;grid-template-rows:auto auto minmax(42px,auto) auto 1fr;gap:.28rem;transition:transform .19s ease-out,border-color .19s ease-out,box-shadow .19s ease-out}.product-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,#dae2ef);box-shadow:0 14px 26px -24px #131f30cc}.product-card-discarded{opacity:.55;border-style:dashed}.product-card p{margin:0;font-size:.78rem}.product-card-summary{color:var(--ink-700);min-height:44px}.product-card-meta{display:grid;gap:.2rem;margin-top:.1rem}.product-card-meta span{font-size:.7rem;color:var(--ink-500)}.product-card-list{margin:.2rem 0 0;padding-left:1rem;display:grid;gap:.2rem}.product-card-list li{font-size:.73rem;color:var(--ink-700)}.product-card-highlights{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.32rem}.product-card-actions{display:flex;gap:.36rem;margin-top:.35rem;align-self:end}.keep-toggle{padding:.28rem .62rem;font-size:.71rem}.keep-toggle-on{background:#edf8f2;border-color:#bfe1d2;color:#1d7b59}.keep-toggle-off{background:#fff4f2;border-color:#f0c6c0;color:#9e392d}.highlight-pill{border-radius:999px;border:1px solid #d6deea;background:#f8fbff;color:var(--ink-500);padding:.14rem .4rem;font-size:.64rem;line-height:1.2}.product-card small,.source-item small,.doc-item small,.news-item small,.history-item small,.guided-product-item span,.guided-step small,.tiny{color:var(--ink-500);font-size:.71rem}.source-error{display:block;color:#8f3328!important;margin-top:.18rem}.curation-toolbar{margin-bottom:.7rem;border:1px solid #d8e0ec;border-radius:12px;background:#fbfdff;padding:.55rem .62rem;display:flex;justify-content:space-between;align-items:center;gap:.55rem}.curation-actions{display:flex;gap:.35rem}.macro-groups{display:grid;gap:.82rem}.macro-group{border:1px solid #d9e2ee;border-radius:14px;background:#fbfdff;padding:.62rem;display:grid;gap:.55rem}.macro-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border-bottom:1px solid #e2e9f4;padding-bottom:.38rem}.macro-group-head h4{font-size:.88rem}.guided-step p,.news-item p,.history-item p,.doc-item p{margin:.15rem 0;font-size:.78rem}.product-edit-row p{margin:0;font-size:.67rem;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.07em}.product-edit-row textarea{min-height:60px}.assistant-output{border:1px solid #d4deea;border-radius:12px;background:#f9fbfe;padding:.55rem}.assistant-output pre{margin:0;white-space:pre-wrap;font-size:.74rem}.alert{border-radius:12px;border:1px solid;padding:.55rem .7rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem}.alert.error{border-color:#efc4be;background:#fff4f2;color:#8f3328}.alert.success{border-color:#c3e4d5;background:#f0fbf6;color:#1a7353}.empty-state{border:1px dashed #d3dcea;border-radius:12px;background:#fbfcff;padding:.68rem}.empty-title{margin:0;font-size:.78rem;font-weight:700}.empty-body{margin:.2rem 0 0;font-size:.74rem;color:var(--ink-500)}.overlay{position:fixed;right:1.3rem;bottom:1.3rem;display:inline-flex;align-items:center;gap:.42rem;border:1px solid #d5dfe9;border-radius:999px;background:#fff;padding:.45rem .65rem;box-shadow:var(--shadow-card);font-size:.76rem}.spin{animation:spin 1s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1019266b;display:grid;place-items:center;padding:1rem;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(840px,100%);max-height:88vh;overflow:auto;border:1px solid #d3deec;border-radius:18px;background:#fff;box-shadow:0 32px 64px -44px #0c1828cc}.modal-head{padding:.85rem;border-bottom:1px solid #dde4ef;display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}.modal-head h3{margin-top:.35rem;font-size:1.03rem}.modal-content{padding:.85rem;display:grid;gap:.72rem}.modal-content section{border:1px solid #dce3ee;border-radius:12px;padding:.62rem;background:#fbfdff}.modal-content label{display:grid;gap:.28rem;font-size:.73rem;color:var(--ink-500);margin-top:.46rem}.modal-content h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-500)}.modal-content p{margin:.3rem 0 0;font-size:.83rem}.field-source{margin-top:.35rem!important;color:var(--ink-500);font-size:.71rem!important}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.46rem}.dynamic-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.dynamic-field-row{border:1px solid #d7e0ec;border-radius:12px;background:#fff;padding:.55rem;margin-top:.56rem}.dynamic-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.modal-footer{border-top:1px solid #dde4ef;padding:.7rem .85rem;display:flex;justify-content:flex-end;gap:.42rem}.modal-content ul{margin-top:.35rem}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ghost-close{border-radius:999px;border:1px solid #d5dce8;background:#fff;color:var(--ink-500)}.ghost-close:hover{border-color:color-mix(in srgb,var(--accent) 35%,white);color:var(--accent-strong)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(150deg,#f3f7fc,#eef4fb 40%,#f8fbff)}.auth-card{width:min(460px,100%);border:1px solid #d7e1ee;border-radius:18px;background:#fff;padding:1rem;display:grid;gap:.5rem}.public-shell{min-height:100vh;padding:.8rem;display:grid;gap:.7rem;align-content:flex-start;background:linear-gradient(165deg,#f7fbff,#ecf3fa 45%,#f9fbff)}.public-header{border:1px solid #d7e1ee;border-radius:18px;background:#fff;padding:.85rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.public-badge{border:1px solid #d7e1ee;border-radius:999px;background:#f8fbff;color:var(--ink-500);font-size:.75rem;padding:.3rem .5rem;display:inline-flex;align-items:center;gap:.3rem}.runtime-shell{max-width:1440px;margin:0 auto}.runtime-header-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.runtime-tabs-card{padding:.7rem}.runtime-tabs{display:flex;flex-wrap:wrap;gap:.42rem}.runtime-tab{background:#fff;border-color:#d1dcea;color:var(--ink-700)}.runtime-tab:hover{border-color:color-mix(in srgb,var(--accent) 45%,#d1dcea);color:var(--accent-strong)}.runtime-tab-active{border-color:var(--accent);background:#fff2ef;color:var(--accent-strong)}.runtime-selector-grid,.runtime-assistant-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.72rem}.runtime-selection-pills{display:flex;flex-wrap:wrap;gap:.34rem;margin-bottom:.52rem}.runtime-step-indicators{display:flex;flex-wrap:wrap;gap:.32rem;margin-bottom:.24rem}.runtime-selector-steps{display:grid;gap:.52rem;max-height:520px;overflow:auto;padding-right:.12rem}.runtime-selector-step{border:1px solid #dbe4f0;border-radius:12px;background:#fcfdff;padding:.52rem}.runtime-selector-step-locked{opacity:.56}.runtime-step-title{margin:0;font-size:.77rem;font-weight:700;color:var(--ink-700)}.runtime-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px;overflow:auto}.runtime-selector-flow{display:grid;grid-template-columns:2.3fr 1fr;gap:.72rem}.runtime-selector-nav{margin-top:.65rem;display:flex;justify-content:space-between;gap:.45rem}.runtime-recommendation-panel ul{margin-top:.35rem}.runtime-fit{margin:.5rem 0}.runtime-fit-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.runtime-fit-bar{margin-top:.24rem;height:10px;border-radius:999px;background:#e8edf6;overflow:hidden}.runtime-fit-bar span{display:block;height:100%;background:linear-gradient(90deg,#f26a56,#d94835)}.runtime-progress-wrap{margin-top:.72rem}.runtime-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--ink-500)}.runtime-progress-bar{margin-top:.25rem;height:9px;border-radius:999px;background:#e3ebf6;overflow:hidden}.runtime-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#f26a56,#d94835)}.runtime-assistant-shell{display:grid;gap:.72rem}.runtime-assistant-layout{display:grid;grid-template-columns:1fr 1fr;gap:.72rem}.runtime-assistant-context{border:1px solid #0f3a5f;border-radius:16px;background:linear-gradient(166deg,#102f4b,#113452);color:#e8f4ff;padding:.82rem;display:grid;gap:.42rem}.runtime-assistant-context label{font-size:.72rem;color:#d2e5f8;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.runtime-assistant-context input,.runtime-assistant-context textarea{background:#fff;color:#12273d}.runtime-context-title{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#d8ebff}.runtime-context-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.runtime-context-footer .tiny{color:#cfe4f7}.runtime-client-history{margin-top:.4rem;border:1px solid rgba(196,221,243,.25);border-radius:12px;padding:.55rem;background:#0a29427a}.runtime-client-history h4{font-size:.82rem}.runtime-client-history .tiny{color:#cde3f7}.runtime-client-history-list{max-height:210px;overflow:auto;display:grid;gap:.38rem;margin-top:.45rem}.runtime-client-history-item{border:1px solid rgba(196,221,243,.24);border-radius:10px;padding:.45rem;background:#081f3270}.runtime-client-history-item p{margin:.16rem 0;font-size:.76rem;color:#e8f4ff}.runtime-assistant-result{background:#fbfdff}.runtime-history-summary{margin-top:.3rem}.runtime-history-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.runtime-history-table-wrap{margin-top:.55rem;overflow:auto;border:1px solid #d8e1ee;border-radius:12px;background:#fff}.runtime-history-table{width:100%;border-collapse:collapse;min-width:640px}.runtime-history-table th,.runtime-history-table td{text-align:left;padding:.55rem .62rem;border-bottom:1px solid #e1e8f2;font-size:.77rem}.runtime-history-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);background:#f6f9fe}.runtime-assistant-output{display:grid;gap:.55rem}.runtime-best-match{border:1px solid #d4deea;border-radius:12px;background:#f7fbff;padding:.55rem}.runtime-best-match h4{margin-top:.18rem;font-size:.94rem}.runtime-best-match p{margin:.24rem 0 0;font-size:.8rem}.runtime-alt-list ul{margin-top:.28rem;padding-left:1rem}.runtime-alt-list li{margin:.22rem 0;font-size:.77rem}.runtime-assistant-output details{border:1px solid #d7e0ec;border-radius:12px;background:#fbfdff;padding:.42rem .52rem}.runtime-assistant-output summary{cursor:pointer;font-size:.73rem;color:var(--ink-500);font-weight:700}.runtime-assistant-output pre{margin:.45rem 0 0;white-space:pre-wrap;font-size:.72rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:20px}.grid.two-col,.preview-grid,.product-cards-grid,.edit-grid,.modal-grid,.runtime-selector-grid,.runtime-assistant-grid,.runtime-results-grid,.runtime-selector-flow,.runtime-assistant-layout{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{padding:.62rem;gap:.62rem}.topbar{flex-direction:column;align-items:flex-start;gap:.45rem}.card,.panel,.sidebar,.panel-block{border-radius:14px}.head-actions{width:100%;flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
