:root{--color-primary: #2b8cbe;--color-primary-dark: #045a8d;--color-primary-light: #ccece6;--color-accent: #fd8d3c;--color-error: #cb181d;--color-error-bg: #fee0d2;--color-error-border: #ef3b2c;--color-success: #31a354;--color-bg: #f7fbff;--color-surface: #ffffff;--color-surface-subtle: #eef5f9;--color-border: #b3cde3;--color-text: #084081;--color-text-muted: #4d6a87;--color-text-on-primary: #ffffff;--color-system-msg: #cb181d;--color-system-msg-bg: #fee0d2;--color-user-msg: #2171b5;--color-user-msg-bg: #deebf7;--color-nav-text: #ffffff;--color-nav-text-muted: rgba(255, 255, 255, .75);--color-nav-separator: rgba(255, 255, 255, .5);--color-nav-avatar-bg: rgba(255, 255, 255, .25);--color-nav-breadcrumb-bg: rgba(0, 0, 0, .18);--color-nav-menu-uuid-opacity: .6;--font-size-base: clamp(1rem, .94rem + .35vw, 1.2rem);--font-size-sm: clamp(.875rem, .84rem + .2vw, 1rem);--font-size-nav: clamp(.95rem, .9rem + .25vw, 1.1rem);--line-height-base: 1.55;--space-2xs: clamp(.25rem, .2rem + .2vw, .4rem);--space-xs: clamp(.5rem, .42rem + .35vw, .75rem);--space-sm: clamp(.75rem, .62rem + .45vw, 1rem);--space-md: clamp(1rem, .85rem + .7vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);--radius: clamp(8px, .4rem + .3vw, 12px);--radius-sm: 6px;--shadow-sm: 0 1px 5px rgba(0, 0, 0, .08);--shadow-md: 0 4px 14px rgba(0, 0, 0, .14);--transition: .16s ease;--min-tap-target: 3rem;--size-avatar-sm: clamp(32px, 1.6rem + 1vw, 40px);--nav-height: clamp(48px, 2.8rem + .9vw, 60px);--chat-min-height: clamp(220px, 45vh, 340px);--editor-min-height: clamp(260px, 36vh, 380px);--logo-height: clamp(4.2rem, 10vw, 6rem);--logo-padding: clamp(.75rem, 2vw, 1.5rem)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0;overflow-x:hidden}#root{max-width:none;width:100%;min-height:100vh;margin:0 auto;padding:0 var(--space-xs) var(--space-lg);text-align:left}h1,h2,h3{color:var(--color-primary-dark);margin-top:var(--space-xs);line-height:1.25}img,video{max-width:100%;height:auto;display:block}button,.link-btn,.MuiButton-root{min-height:var(--min-tap-target);min-width:var(--min-tap-target)}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:var(--space-md);padding:var(--space-md)}.card-container{container-type:inline-size}@container (min-width: 400px){.card{display:flex;gap:var(--space-sm)}}.nav-appbar{background-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important}.MuiToolbar-root{min-height:var(--nav-height)!important;padding-top:0!important;padding-bottom:0!important}.MuiToolbar-root .MuiTypography-h6{font-size:var(--font-size-nav)!important;line-height:var(--nav-height)}.MuiContainer-root{margin-top:var(--space-md)!important;max-width:none!important;width:100%!important}.MuiPaper-root{background-color:var(--color-surface)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-md)!important;padding:var(--space-md)}.MuiCard-root{border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--color-border);transition:box-shadow var(--transition),transform var(--transition)}.MuiCard-root:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.MuiButton-containedPrimary{background-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important}.MuiButton-containedPrimary:hover{background-color:var(--color-primary-dark)!important}.MuiButton-outlinedPrimary{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.MuiButton-outlinedPrimary:hover{background-color:var(--color-primary-light)!important}.MuiToolbar-root .MuiButton-root{font-size:var(--font-size-sm)!important;padding:var(--space-2xs) var(--space-sm)!important}.MuiInput-underline:after,.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)!important}.MuiFormLabel-root.Mui-focused{color:var(--color-primary)!important}.MuiDialog-paper{border-radius:var(--radius)!important;padding:var(--space-xs)}.MuiDialogTitle-root{color:var(--color-primary-dark)!important;font-weight:700!important}.MuiList-root{border-radius:var(--radius)!important;background-color:var(--color-surface);border:1px solid var(--color-border);padding:0!important;overflow:hidden}.MuiListItemButton-root{border-bottom:1px solid var(--color-border);transition:background-color var(--transition)}.MuiListItemButton-root:last-child{border-bottom:none}.MuiListItemButton-root:hover{background-color:var(--color-primary-light)!important}.MuiListItemButton-root.Mui-selected{background-color:var(--color-primary-light)!important;border-left:4px solid var(--color-primary)}.MuiListItemButton-root.Mui-selected .MuiListItemText-primary{color:var(--color-primary-dark);font-weight:600}.MuiListItemText-secondary{font-size:var(--font-size-sm)!important;color:var(--color-text-muted)!important}.MuiTypography-h2{color:var(--color-primary-dark)!important}.nav-title{flex-grow:1;cursor:pointer;font-weight:700!important;letter-spacing:.02em;color:var(--color-nav-text)!important}.nav-avatar{width:var(--size-avatar-sm)!important;height:var(--size-avatar-sm)!important;background-color:var(--color-nav-avatar-bg)!important}.nav-breadcrumb-bar{padding:var(--space-2xs) var(--space-sm);background-color:var(--color-nav-breadcrumb-bg)}.nav-breadcrumb-bar .MuiBreadcrumbs-separator{color:var(--color-nav-separator)}.nav-breadcrumb-link{display:flex;align-items:center;gap:var(--space-2xs);cursor:pointer;color:var(--color-nav-text-muted)!important;font-size:var(--font-size-sm)!important;text-decoration:none}.nav-breadcrumb-link:hover{color:var(--color-nav-text)!important}.nav-breadcrumb-current{font-size:var(--font-size-sm)!important;color:var(--color-nav-text)!important;font-weight:600}.nav-menu-uuid{font-size:var(--font-size-sm)!important;opacity:var(--color-nav-menu-uuid-opacity)}.logo{height:var(--logo-height);padding:var(--logo-padding);transition:filter var(--transition),transform var(--transition)}.logo:hover{filter:drop-shadow(0 0 1em var(--color-primary));transform:scale(1.05)}.error-text{color:var(--color-error)!important;background-color:var(--color-error-bg);border-left:3px solid var(--color-error-border);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-base);margin:var(--space-xs) 0}.SYSTEM,.USER{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);margin:var(--space-xs) 0;max-width:96%;font-size:clamp(.95rem,.92rem + .2vw,1.02rem);line-height:1.5}.SYSTEM{background-color:var(--color-system-msg-bg);color:var(--color-system-msg);align-self:flex-start;border-left:3px solid var(--color-system-msg)}.THINKING{opacity:.9}.thinking-dots{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:1.5rem}.thinking-dots span{width:.35rem;height:.35rem;border-radius:50%;background-color:currentColor;opacity:.3;animation:thinkingPulse 1s infinite ease-in-out}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinkingPulse{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.USER{background-color:var(--color-user-msg-bg);color:var(--color-user-msg);align-self:flex-end;margin-left:auto;border-right:3px solid var(--color-user-msg)}.chat-message-area{display:flex;flex-direction:column;gap:var(--space-2xs);min-height:var(--chat-min-height);max-height:min(62vh,34rem);overflow-y:auto;padding:var(--space-sm);background-color:var(--color-surface-subtle);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:var(--space-sm)}.chat-input-row{display:block;padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.chat-input-row form{display:flex;align-items:flex-end;gap:var(--space-sm)}.chat-input-row form .MuiTextField-root{flex:1}.chat-action-row{display:flex;justify-content:flex-end;margin-top:var(--space-2xs);align-items:center}.chat-finish-error{color:var(--color-error);margin-right:auto;align-self:center;font-size:var(--font-size-base)}#promptEditorComponent{min-height:var(--editor-min-height);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);box-shadow:var(--shadow-sm);text-align:left}#promptEditorComponent .ce-toolbar__actions{right:-36px}@media (min-width: 481px){#root{padding-left:var(--space-sm);padding-right:var(--space-sm)}.SYSTEM,.USER{max-width:92%}}@media (min-width: 769px){.MuiContainer-root{margin-top:var(--space-lg)!important}.MuiPaper-root{padding:var(--space-lg)}.SYSTEM,.USER{max-width:85%}.chat-message-area{max-height:min(60vh,40rem)}}@media (min-width: 1025px){#root{padding-left:var(--space-md);padding-right:var(--space-md)}.SYSTEM,.USER{max-width:80%}}@media (min-width: 1201px){#root{padding-left:var(--space-lg);padding-right:var(--space-lg)}.chat-message-area{max-height:min(58vh,44rem)}}@media (orientation: landscape) and (max-height: 560px){.MuiContainer-root{margin-top:var(--space-xs)!important}.chat-message-area{min-height:160px;max-height:calc(100vh - 190px)}}