:root{font-family:IBM Plex Sans Thai,system-ui,sans-serif;line-height:1.55;font-weight:400;color:#1c1917;background:linear-gradient(165deg,#f5f5f4,#fafaf9 40%,#f0fdf9);--accent: #0d9488;--accent-hover: #0f766e;--accent-muted: #ccfbf1;--surface: #ffffff;--border: #e7e5e4;--muted: #78716c;--danger: #dc2626;--shadow: 0 1px 2px rgba(28, 25, 23, .04), 0 4px 16px rgba(28, 25, 23, .06);--radius: 12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}button:active{transform:scale(.98)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow);z-index:1}.brand{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 .75rem;margin-bottom:.35rem}.sidebar a{display:block;padding:.55rem .85rem;border-radius:10px;color:#44403c;font-weight:500}.sidebar a:hover{background:#f5f5f4}.sidebar a.active{background:var(--accent-muted);color:var(--accent-hover);font-weight:600}main{padding:1.5rem 1.25rem 2.5rem;max-width:880px;width:100%;margin:0 auto}.page-title{margin:0 0 .35rem;font-size:1.5rem;font-weight:600;color:#292524;letter-spacing:-.02em}.page-lead{margin:0 0 1.25rem;font-size:.9375rem;color:var(--muted);line-height:1.5}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.2rem;margin-bottom:1rem;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#44403c}.muted{color:var(--muted);font-size:.875rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.segmented{display:inline-flex;padding:3px;background:#f5f5f4;border-radius:10px;border:1px solid var(--border);gap:2px}.segmented button{border:none;background:transparent;padding:.4rem .85rem;border-radius:8px;color:#57534e;font-weight:500}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #0000000f}.badge{display:inline-block;font-size:.75rem;padding:.2rem .55rem;border-radius:999px;font-weight:500;background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.badge-warn{background:#fffbeb;color:#b45309;border-color:#fde68a}.label{display:block;font-size:.8125rem;font-weight:500;color:#57534e;margin-bottom:.35rem;margin-top:.85rem}.label:first-of-type,.card .label:first-child{margin-top:0}.hint{font-size:.8125rem;color:var(--muted);margin-top:.25rem;line-height:1.45}input,textarea,select{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fafaf9;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);background:var(--surface)}textarea{min-height:120px;resize:vertical}button.primary{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:500}button.primary:hover{background:var(--accent-hover)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button.ghost{background:var(--surface);border:1px solid var(--border);padding:.5rem .95rem;border-radius:10px;color:#44403c;font-weight:500}button.ghost:hover{border-color:#d6d3d1;background:#fafaf9}.list-item{display:block;width:100%;text-align:left;padding:1rem 1.05rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000008}.list-item:hover{border-color:#99f6e4;box-shadow:var(--shadow)}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--muted);font-size:.9375rem}.msg-wrap{display:flex;flex-direction:column;gap:.65rem}.chat-shell{padding:0;overflow:hidden}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-bottom:1px solid var(--border);background:#ffffffeb}.chat-toolbar h2{margin-bottom:.25rem}.chat-thread{min-height:420px;max-height:min(64vh,680px);overflow-y:auto;padding:1rem;background:linear-gradient(180deg,#f0fdf98c,#fafaf9e6),#fafaf9;scroll-behavior:smooth}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:end;padding:.85rem 1rem 1rem;border-top:1px solid var(--border);background:#fff}.chat-composer textarea{min-height:46px;max-height:144px;resize:vertical;border-radius:14px;background:#f5f5f4}.send-button{min-width:74px;height:42px;border-radius:999px}.msg{max-width:min(78%,520px);padding:.65rem .85rem;border-radius:18px;font-size:.9375rem;overflow-wrap:anywhere}.msg-in{align-self:flex-start;background:#fff;border:1px solid #e7e5e4;border-bottom-left-radius:6px}.msg-out{align-self:flex-end;background:#0d9488;border:1px solid #0d9488;color:#fff;border-bottom-right-radius:6px}.msg-out .msg-meta{color:#ffffffc2}.msg-meta{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.attachment-list{display:grid;gap:.5rem;margin-top:.55rem}.attachment-image-link{display:block;width:min(280px,100%);border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#fafaf9}.attachment-image{display:block;width:100%;max-height:360px;object-fit:contain;background:#fafaf9}.attachment-file{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:.35rem .6rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:#0f766e;font-size:.875rem;font-weight:500;overflow-wrap:anywhere}.msg-out .attachment-file{color:#fff;border-color:#ffffff59;background:#ffffff24}.alert{padding:.65rem .85rem;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.875rem;margin-bottom:1rem}.success-toast{display:inline-block;padding:.4rem .75rem;border-radius:8px;background:#ecfdf5;color:#047857;font-size:.875rem;font-weight:500;margin-bottom:.75rem}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--border);padding:.85rem 1rem}.brand{width:100%;margin-bottom:.15rem}}.ai-context-page.svelte-cog4a1{max-width:720px}.ai-card-title.svelte-cog4a1{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#44403c}.ai-media-card.svelte-cog4a1{margin-bottom:1rem}.ai-drop-zone.svelte-cog4a1{border:2px dashed var(--border);border-radius:var(--radius);padding:1.25rem 1rem;text-align:center;background:#fafaf9;transition:border-color .15s,background .15s}.ai-drop-zone-active.svelte-cog4a1{border-color:var(--accent);background:var(--accent-muted)}.ai-drop-btn.svelte-cog4a1{font-weight:500;color:var(--accent-hover)}.ai-tabs.svelte-cog4a1{display:flex;flex-wrap:wrap;width:100%;max-width:100%;margin-bottom:.5rem}.ai-tabs.svelte-cog4a1 button:where(.svelte-cog4a1){flex:1;min-width:7rem}.ai-tab-panel.svelte-cog4a1{display:flex;flex-direction:column;gap:1rem}.ai-thumb-grid.svelte-cog4a1{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.75rem;margin-top:1rem}.ai-thumb.svelte-cog4a1{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.ai-thumb.svelte-cog4a1 img:where(.svelte-cog4a1){display:block;width:100%;aspect-ratio:1;object-fit:cover}.ai-thumb-placeholder.svelte-cog4a1{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5f5f4;color:var(--muted);font-size:.75rem}.ai-thumb-remove.svelte-cog4a1{position:absolute;top:4px;right:4px;width:1.65rem;height:1.65rem;border:none;border-radius:999px;background:#0000008c;color:#fff;font-size:1.1rem;line-height:1;padding:0;cursor:pointer}.ai-thumb-remove.svelte-cog4a1:hover{background:#dc2626e6}.ai-thumb-key.svelte-cog4a1{font-size:.65rem;color:var(--muted);padding:.25rem .35rem;word-break:break-all;max-height:2.4rem;overflow:hidden}