:root{--background:#f6f8fb;--foreground:#172033;--panel-border:#d9e1ec;--panel-bg:#ffffff;--panel-soft-bg:#f8fafc;--assistant-bg:#f7f9fc;--user-bubble:#315aa6;--accent:#315aa6;--accent-strong:#24498d;--accent-soft:#eaf1ff;--text-secondary:#566276;--text-muted:#7b8798;--header-bg:#111923;--header-text:#f8fafc;--tool-border:#c9d7e7;--tool-success-bg:#eef8f1;--tool-success-border:#aad8b8;--tool-error-bg:#fff0ef;--tool-error-border:#efc1bc;--surface-shadow:0 1px 2px rgba(15,23,42,0.05),0 10px 30px rgba(15,23,42,0.06)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea{font:inherit}.app-frame{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;background:var(--background)}.app-header{z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),var(--header-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.app-header>nav{display:flex;margin:0;padding:.625rem 1rem;align-items:center;justify-content:space-between}.app-header-left,.app-header-right{display:flex;align-items:center;gap:1rem}.app-logo-link{height:2rem;display:flex;align-items:center}.app-logo-link img{height:100%;width:auto}.app-tagline{color:var(--header-text);opacity:.76}.app-header-btn,.app-tagline{font-size:.7rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:0}.app-header-btn{padding:.375rem 1.5rem;border-radius:8px;text-decoration:none;text-align:center;cursor:pointer;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.app-header-btn-outline{color:var(--header-text);border:1px solid rgba(248,250,252,.72);background:transparent}.app-header-btn-filled{color:var(--header-bg);background-color:var(--header-text);border:1px solid var(--header-text)}.app-header-btn:hover{border-color:var(--header-text)}.use-case-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--panel-border);background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}.use-case-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-width:0;flex:1}.document-authoring-ai-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;grid-template-rows:minmax(0,1fr);flex:1;min-height:0;gap:0;padding:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.62)}.resize-handle{width:9px;margin:0 -4px;cursor:col-resize;position:relative;z-index:2;background:transparent;transition:background-color .15s ease}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:2.25rem;border-radius:999px;background:#c7d1df;transform:translate(-50%,-50%);opacity:.7}.resize-handle:active,.resize-handle:hover{background:rgba(49,90,166,.08)}.assistant-panel,.editor-panel,.workflow-panel{background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.editor-panel{border-right:none}.assistant-panel,.workflow-panel{background:var(--assistant-bg)}.panel-heading{border-bottom:1px solid var(--panel-border);padding:.875rem 1rem;background:rgba(255,255,255,.62)}.panel-heading h2{margin:0;font-size:.875rem;font-weight:700;letter-spacing:0;color:var(--foreground)}.panel-heading p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.8125rem}.use-case-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.1875rem;padding:.1875rem;border:1px solid var(--panel-border);border-radius:8px;background:#ffffff;width:min(100%,32rem);flex:0 0 32rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}.use-case-tab{min-width:0;height:2rem;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.use-case-tab[aria-selected=true]{background:linear-gradient(180deg,#3e68b7,var(--accent));color:var(--header-text);box-shadow:0 1px 2px rgba(36,73,141,.24)}.use-case-tab:not(:disabled):not([aria-selected=true]):hover{background:var(--accent-soft);color:var(--accent-strong)}.use-case-tab:disabled{cursor:not-allowed;opacity:.6}.workflow-panel-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.workflow-field{display:flex;flex-direction:column;gap:.45rem;color:var(--foreground);font-size:.75rem;font-weight:700;line-height:1.25;text-transform:uppercase}.workflow-field select{height:2.25rem;padding:0 .75rem}.workflow-field select,.workflow-field textarea{width:100%;border:1px solid var(--panel-border);border-radius:8px;background:#ffffff;color:var(--foreground);font-size:.8125rem;font-weight:500;text-transform:none}.workflow-field textarea{min-height:6rem;resize:vertical;line-height:1.45;padding:.625rem .75rem}.workflow-field small{align-self:flex-end;color:var(--text-muted);font-size:.6875rem;font-weight:500;line-height:1;text-transform:none}.workflow-field select:disabled,.workflow-field textarea:disabled{cursor:not-allowed;opacity:.6}.selection-scope-label{margin:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere}.workflow-actions{display:flex}.workflow-actions button{width:100%;height:2.125rem;border:0;border-radius:8px;background:linear-gradient(180deg,#3e68b7,var(--accent));color:var(--header-text);cursor:pointer;font-size:.8125rem;font-weight:700;line-height:1;box-shadow:0 1px 2px rgba(36,73,141,.24)}.workflow-actions button:disabled{cursor:not-allowed;opacity:.55}.template-fields-catalog{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--panel-border);padding-top:.75rem}.template-fields-catalog>h3{margin:0;color:var(--foreground);font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.template-field-group{border-bottom:1px solid var(--panel-border);padding-bottom:.75rem}.template-field-group:last-child{border-bottom:0;padding-bottom:0}.template-field-group h3{margin:0 0 .5rem;color:var(--foreground);font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.template-field-group ul{display:flex;flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none}.template-field-group li{display:flex;flex-direction:column;gap:.25rem;min-width:0}.template-field-label{color:var(--foreground);font-size:.8125rem;font-weight:500;line-height:1.3}.template-field-group code{display:block;width:fit-content;max-width:100%;border:1px solid var(--panel-border);border-radius:6px;background:#ffffff;color:var(--accent-strong);font-size:.75rem;line-height:1.4;padding:.125rem .375rem;white-space:normal;overflow-wrap:anywhere}.template-field-description{color:var(--text-muted);font-size:.75rem;line-height:1.35}.bubble-feed{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;padding:1rem .875rem;gap:.625rem}.bubble,.bubble-feed{display:flex;flex-direction:column}.bubble{max-width:92%;border-radius:8px;padding:.75rem;gap:.4rem;border:1px solid rgba(217,225,236,.9);box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 20px rgba(15,23,42,.035)}.bubble strong{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:0;font-weight:700;line-height:1;color:inherit;opacity:.84}.bubble strong:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:currentColor;opacity:.7}.bubble p{margin:0;font-size:.8125rem;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-user{margin-left:auto;background:linear-gradient(180deg,#3e68b7,var(--user-bubble));border-color:rgba(49,90,166,.48);color:var(--header-text)}.bubble-assistant{color:var(--foreground)}.bubble-assistant,.bubble-tool{margin-right:auto;background:#ffffff}.bubble-tool{width:100%;border:1px solid var(--tool-border);color:#273444}.bubble-tool-running{background:#f7fbff;border-color:#b8c9df}.bubble-tool-success{background:#f7fcf8;border-color:var(--tool-success-border);color:#244327}.bubble-tool-error{background:#fff7f6;border-color:var(--tool-error-border);color:#6b2520}.tool-log-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tool-args{margin:0;padding:.5rem .625rem;border-radius:6px;background:var(--panel-soft-bg);border:1px solid var(--panel-border);color:var(--foreground);font-size:.6875rem;line-height:1.4;overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.tool-log-details{margin:0}.tool-log-details>summary{cursor:pointer;font-size:.75rem;color:inherit;list-style-position:inside;user-select:none;opacity:.78}.tool-log-details[open]>summary{margin-bottom:.3rem}.assistant-form{border-top:1px solid var(--panel-border);padding:.875rem;display:flex;flex-direction:column;gap:.5rem;background:rgba(255,255,255,.7)}.assistant-form textarea{width:100%;resize:vertical;min-height:72px;border-radius:6px;border:1px solid var(--panel-border);padding:.625rem .75rem;font-size:.8125rem;color:var(--foreground);background:#ffffff;transition:border-color .2s ease,box-shadow .2s ease}.assistant-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(49,90,166,.15)}.assistant-option{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--foreground)}.assistant-option input{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}.assistant-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.assistant-form button{align-self:flex-end;border:none;border-radius:8px;background:linear-gradient(180deg,#3e68b7,var(--accent));color:var(--header-text);font-weight:700;font-size:.8125rem;padding:.375rem 1rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s ease}.assistant-form button:disabled,.assistant-form textarea:disabled,.assistant-option:has(input:disabled){opacity:.55;cursor:not-allowed}.editor-host-wrap{flex:1;min-height:0;padding:0}.editor-host,.editor-host-wrap{position:relative;background:#eef2f7}.editor-host{width:100%;height:100%;min-height:420px}.workflow-completion-toast{position:fixed;right:1rem;bottom:1rem;z-index:10;display:flex;align-items:center;gap:1rem;width:min(calc(100vw - 2rem),25rem);padding:.875rem 1rem;border:1px solid var(--tool-success-border);border-radius:8px;background:var(--tool-success-bg);color:#244327;box-shadow:var(--surface-shadow)}.workflow-completion-toast>div{flex:1 1 auto;min-width:0}.workflow-completion-toast strong{display:block;font-size:.8125rem;font-weight:600;line-height:1.3;letter-spacing:0}.workflow-completion-toast p{margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.workflow-completion-toast button{flex:0 0 auto;border:1px solid var(--tool-success-border);border-radius:6px;background:#ffffff;color:#244327;cursor:pointer;font-size:.75rem;font-weight:500;line-height:1;padding:.375rem .625rem}.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}@media (max-width:960px){.app-frame{height:auto;min-height:100dvh;overflow:visible}.use-case-header{align-items:stretch;flex-direction:column}.use-case-switcher{width:100%;flex-basis:auto}.use-case-controls{align-items:stretch;flex-direction:column}.document-authoring-ai-layout{grid-template-columns:1fr!important;grid-template-rows:auto auto;height:auto;overflow:visible}.resize-handle{display:none}.assistant-panel,.editor-panel,.workflow-panel{min-height:0}.assistant-panel,.workflow-panel{border-right:none;border-bottom:1px solid var(--panel-border)}.editor-host{min-height:420px}.app-tagline{display:none}}