/* Scoped desktop styles from the supplied office productivity design. */
@property --fv-analysis-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@media screen and (min-width: 921px) {
#fuuvo-analysis-desktop { --ink: #233f4b; --muted: #5c7380; --teal: #107e7b; --dark-teal: #14645f; --line: #e2e9ed; --rail: 74px; --cycle: 8s; --analysis-left: 38%; }
#fuuvo-analysis-desktop { background: rgb(251, 253, 253); color: var(--ink); }
#fuuvo-analysis-desktop .ambient { position: absolute; inset: 0 0 auto var(--rail); height: 660px; background: none; overflow: hidden; mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0.733) 47%, rgba(0, 0, 0, 0.267) 73%, transparent 100%); }
#fuuvo-analysis-desktop .ambient::before, #fuuvo-analysis-desktop .ambient::after { content: ""; position: absolute; inset: 0px; transform: none; filter: none; }
#fuuvo-analysis-desktop .ambient::before { background: radial-gradient(59% 86% at 14% 0%, rgba(57, 211, 222, 0.3), transparent 85%), radial-gradient(57% 86% at 48% -10%, rgba(50, 203, 152, 0.26), transparent 85%), radial-gradient(62% 94% at 94% 0%, rgba(187, 144, 240, 0.29), transparent 84%); animation: analysis-wash-a var(--cycle) ease-in-out infinite; }
#fuuvo-analysis-desktop .ambient::after { background: radial-gradient(65% 88% at 8% 0%, rgba(88, 185, 255, 0.32), transparent 85%), radial-gradient(62% 95% at 58% -10%, rgba(221, 140, 255, 0.23), transparent 85%), radial-gradient(55% 93% at 100% 0%, rgba(255, 180, 92, 0.26), transparent 84%), radial-gradient(52% 82% at 89% 10%, rgba(255, 105, 143, 0.18), transparent 90%); animation: analysis-wash-b var(--cycle) ease-in-out infinite; }
@keyframes analysis-wash-a {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.18; }
}
@keyframes analysis-wash-b {
  0%, 100% { opacity: 0.12; }
  50% { opacity: 1; }
}
@keyframes analysis-ring {
  100% { --fv-analysis-angle: 360deg; }
}
@keyframes analysis-action-a {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.12; }
}
@keyframes analysis-action-b {
  0%, 100% { opacity: 0.12; }
  50% { opacity: 1; }
}
#fuuvo-analysis-desktop .rail { background: rgb(255, 255, 255); border-color: rgb(237, 240, 243); color: rgb(82, 105, 116); padding-top: 17px; }
#fuuvo-analysis-desktop .rail-link { color: rgb(89, 109, 120); }
#fuuvo-analysis-desktop .rail-link.active { background: rgb(241, 248, 247); }
#fuuvo-analysis-desktop .brand { color: rgb(39, 69, 80); }
#fuuvo-analysis-desktop .topbar { height: 76px; max-width: 1580px; margin: auto; border: 0px; background: transparent; backdrop-filter: none; padding-inline: clamp(26px, 3vw, 54px); }
#fuuvo-analysis-desktop .back, #fuuvo-analysis-desktop .safety { color: rgb(82, 109, 122); }
#fuuvo-analysis-desktop .safety svg { color: rgb(8, 123, 255); }
#fuuvo-analysis-desktop .top-actions { gap: 22px; }
#fuuvo-analysis-desktop .language-wrap { position: relative; }
#fuuvo-analysis-desktop .language-button { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 94px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 11px; background: rgba(255, 255, 255, 0.66); padding: 8px 12px !important; color: rgb(57, 86, 98) !important; font-size: 13px !important; min-height: 40px !important; }
#fuuvo-analysis-desktop .language-button > i:first-child svg { width: 17px; height: 17px; }
#fuuvo-analysis-desktop .language-button > i:last-child svg { width: 13px; height: 13px; }
#fuuvo-analysis-desktop .language-button span { color: inherit !important; margin: 0px !important; }
#fuuvo-analysis-desktop .language-menu { position: absolute; right: 0px; top: calc(100% + 8px); z-index: 70; width: 164px; padding: 8px; display: grid; gap: 5px; border: 1px solid rgb(224, 232, 236); background: white; border-radius: 13px; box-shadow: rgba(36, 70, 84, 0.11) 0px 14px 36px; }
#fuuvo-analysis-desktop .language-menu button { position: relative; text-align: left; padding: 9px 12px; min-height: 40px; font-size: 13px; border-radius: 8px; background: white; color: var(--ink); }
#fuuvo-analysis-desktop .language-menu button:hover { background: rgb(250, 252, 252); }
#fuuvo-analysis-desktop main { max-width: 1580px; padding: 24px clamp(26px, 3vw, 54px) 32px; }
#fuuvo-analysis-desktop .page-heading { margin-bottom: 26px; align-items: flex-end; }
#fuuvo-analysis-desktop .eyebrow { font-size: 11px; font-weight: 650; letter-spacing: 2.2px; color: rgb(61, 119, 122); margin: 0px 0px 10px; }
#fuuvo-analysis-desktop .page-heading h1 { font-size: 36px; font-weight: 700; letter-spacing: -0.8px; color: rgb(29, 64, 76); }
#fuuvo-analysis-desktop .page-heading .text-button { background: rgba(255, 255, 255, 0.667); border: 1px solid rgb(226, 233, 229); border-radius: 11px; padding: 8px 15px; font-size: 12px; color: rgb(62, 101, 109); min-height: 40px; box-shadow: rgba(53, 88, 101, 0.01) 0px 2px 4px; }
#fuuvo-analysis-desktop .workspace { grid-template-columns: minmax(320px,var(--analysis-left)) 22px minmax(0,1fr); gap: 0px; scroll-margin-top: 22px; }
#fuuvo-analysis-desktop .panel { border-radius: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 235, 237); box-shadow: rgba(41, 79, 94, 0.02) 0px 8px 28px; overflow: visible; }
#fuuvo-analysis-desktop .materials { padding: 23px; min-width: 0px; }
#fuuvo-analysis-desktop .panel-title { margin-bottom: 18px; }
#fuuvo-analysis-desktop .panel-title h2, #fuuvo-analysis-desktop .result-header h2 { font-size: 16px; color: rgb(41, 75, 86); font-weight: 650; }
#fuuvo-analysis-desktop .count { font-size: 11px; color: rgb(96, 124, 134); }
#fuuvo-analysis-desktop .panel-divider { display: flex; justify-content: center; align-items: center; cursor: col-resize; touch-action: none; outline-offset: -4px; }
#fuuvo-analysis-desktop .panel-divider span { display: block; width: 3px; height: 42px; border-radius: 5px; background: rgb(204, 220, 218); transition: background 0.18s, height 0.18s; }
#fuuvo-analysis-desktop .panel-divider:hover span, #fuuvo-analysis-desktop .panel-divider:focus-visible span { height: 58px; background: rgb(68, 142, 136); }
#fuuvo-analysis-desktop.resizing { user-select: none; cursor: col-resize; }
#fuuvo-analysis-desktop .source-area { position: relative; border-radius: 13px; }
#fuuvo-analysis-desktop .dropzone { position: relative; min-height: 174px; background: rgb(251, 253, 253); border: 1px dashed rgb(197, 218, 218); border-radius: 13px; padding: 20px 12px; color: rgb(60, 105, 111); }
#fuuvo-analysis-desktop .dropzone:hover { background: rgb(250, 253, 254); border-color: rgb(138, 185, 186); }
#fuuvo-analysis-desktop .upload-symbol { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 13px; background: rgb(237, 247, 245); color: rgb(37, 135, 125); }
#fuuvo-analysis-desktop .upload-symbol svg { width: 24px; height: 24px; stroke-width: 1.6; }
#fuuvo-analysis-desktop .dropzone strong { font-size: 14px; color: rgb(59, 98, 108); margin-bottom: 8px; }
#fuuvo-analysis-desktop .upload-cta { background: white; padding: 6px 12px; border-radius: 7px; color: rgb(46, 111, 112); font-size: 12px; border-color: rgb(223, 234, 233); }
#fuuvo-analysis-desktop .formats { font-size: 11px; color: rgb(93, 120, 133); margin-top: 10px; max-width: 100%; }
#fuuvo-analysis-desktop .source-foot { font-size: 10px; color: rgb(95, 119, 129); padding-top: 10px; flex-wrap: wrap; row-gap: 6px; }
#fuuvo-analysis-desktop .text-button { color: rgb(79, 112, 123); font-size: 12px; }
#fuuvo-analysis-desktop .text-button.small { font-size: 11px; }
#fuuvo-analysis-desktop .files { gap: 8px; }
#fuuvo-analysis-desktop .file-row { background: rgb(255, 255, 255); border: 1px solid rgb(227, 234, 235); min-height: 62px; }
#fuuvo-analysis-desktop .file-info strong { font-size: 12px; color: rgb(52, 84, 96); }
#fuuvo-analysis-desktop .file-info small { color: rgb(102, 128, 140); }
#fuuvo-analysis-desktop .file-check { font-size: 10px; color: rgb(100, 130, 127); white-space: nowrap; }
#fuuvo-analysis-desktop .source-area.dragging { outline: none; background: white; }
#fuuvo-analysis-desktop .source-area.dragging::after { content: ""; position: absolute; inset: -6px; border-radius: 17px; pointer-events: none; padding: 1.5px; background: conic-gradient(from var(--fv-analysis-angle),#096bfa,#059b58,#e9ad00,#f77919,#ee3159,#893bcc,#096bfa); mask: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) content-box exclude, linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); animation: analysis-ring var(--cycle) linear infinite; z-index: 3; }
#fuuvo-analysis-desktop .task-area { border-top: 1px solid rgb(237, 241, 242); margin-top: 18px; padding-top: 18px; }
#fuuvo-analysis-desktop .field-label { font-size: 13px; color: rgb(54, 85, 96); font-weight: 600; }
#fuuvo-analysis-desktop .field-frame { position: relative; border: 1px solid rgb(220, 230, 233); border-radius: 11px; background: rgb(255, 255, 255); }
#fuuvo-analysis-desktop #analysis-prompt { border: 0px; outline: 0px; border-radius: inherit; background: transparent; min-height: 102px; padding: 12px 13px; font-size: 13px; line-height: 1.8; color: rgb(40, 73, 85); }
#fuuvo-analysis-desktop textarea::placeholder, #fuuvo-analysis-desktop input::placeholder { color: rgb(108, 129, 141); }
#fuuvo-analysis-desktop .modes { gap: 8px; margin-top: 13px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#fuuvo-analysis-desktop .mode { position: relative; justify-content: flex-start; gap: 7px; min-height: 36px; font-size: 11px; line-height: 1.4; padding: 8px; border-radius: 8px; border: 1px solid rgb(226, 234, 235); color: rgb(74, 105, 116); background: rgb(255, 255, 255); white-space: normal; }
#fuuvo-analysis-desktop .mode svg { width: 15px; height: 15px; }
#fuuvo-analysis-desktop .mode[aria-pressed="true"] { background: rgb(255, 255, 255); border-color: transparent; color: rgb(33, 111, 110); font-weight: 550; }
#fuuvo-analysis-desktop .mode:hover { border-color: rgb(199, 220, 221); }
#fuuvo-analysis-desktop .settings { margin-top: 14px; }
#fuuvo-analysis-desktop .settings summary { font-size: 11px; color: rgb(83, 110, 123); min-height: 34px; }
#fuuvo-analysis-desktop .settings-fields { gap: 10px; }
#fuuvo-analysis-desktop .settings-fields label { color: rgb(81, 110, 122); }
#fuuvo-analysis-desktop .select-shell { display: block; position: relative; border: 1px solid rgb(220, 230, 233); background: white; border-radius: 8px; }
#fuuvo-analysis-desktop .settings-fields select { border: 0px; background: transparent; outline: 0px; min-height: 38px; font-size: 12px; padding: 7px 10px; color: rgb(53, 87, 100); }
#fuuvo-analysis-desktop .start-area { padding-top: 16px; }
#fuuvo-analysis-desktop .primary { position: relative; isolation: isolate; overflow: hidden; background: rgb(9, 110, 131); border: 0px; min-height: 46px; border-radius: 10px; color: white; box-shadow: rgba(39, 92, 107, 0.063) 0px 3px 8px; font-weight: 600; gap: 10px; padding-inline: 15px; }
#fuuvo-analysis-desktop .primary:hover { background: rgb(9, 110, 131); }
#fuuvo-analysis-desktop .primary::before, #fuuvo-analysis-desktop .primary::after { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; border-radius: inherit; }
#fuuvo-analysis-desktop .primary:not(:disabled)::before { background: linear-gradient(100deg, rgb(22, 121, 108), rgb(24, 111, 153) 55%, rgb(81, 76, 165)); animation: analysis-action-a var(--cycle) ease-in-out infinite; }
#fuuvo-analysis-desktop .primary:not(:disabled)::after { background: linear-gradient(100deg, rgb(40, 89, 161), rgb(113, 80, 174) 65%, rgb(159, 64, 117)); animation: analysis-action-b var(--cycle) ease-in-out infinite; }
#fuuvo-analysis-desktop .primary:disabled { color: rgb(98, 124, 134); background: rgb(234, 240, 242); }
#fuuvo-analysis-desktop .input-hint { font-size: 10px; color: rgb(96, 123, 135); margin-top: 9px; min-height: 15px; }
#fuuvo-analysis-desktop .result { background: rgb(255, 255, 255); overflow: hidden; }
#fuuvo-analysis-desktop .result-header { height: 64px; padding: 0px 24px; border-color: rgb(237, 241, 242); }
#fuuvo-analysis-desktop .result-header h2 { font-size: 15px; }
#fuuvo-analysis-desktop .result-icon { color: rgb(77, 133, 131); }
#fuuvo-analysis-desktop .sample-badge { background: rgb(244, 248, 246); color: rgb(88, 115, 110); font-size: 10px; border: 0px; border-radius: 5px; padding: 2px 6px; }
#fuuvo-analysis-desktop .icon-button { width: 32px; min-height: 34px; color: rgb(87, 119, 129); }
#fuuvo-analysis-desktop .icon-button:hover { background: rgb(243, 248, 247); color: rgb(25, 106, 102); }
#fuuvo-analysis-desktop .result-tabs { min-height: 58px; gap: 8px; padding: 10px 24px; border-color: rgb(237, 241, 242); }
#fuuvo-analysis-desktop .result-tabs button { position: relative; height: 34px; min-width: 64px; padding: 6px 13px; border-radius: 8px; font-size: 12px; color: rgb(92, 116, 128); border: 1px solid transparent; white-space: nowrap; }
#fuuvo-analysis-desktop .result-tabs button[aria-selected="true"] { background: rgb(255, 255, 255); color: rgb(36, 106, 104); font-weight: 600; }
#fuuvo-analysis-desktop .result-tabs button[aria-selected="true"]::after { display: none; }
#fuuvo-analysis-desktop .result-content { padding: 24px 27px 20px; min-height: 343px; }
#fuuvo-analysis-desktop .document-heading { margin-bottom: 14px; align-items: flex-start; }
#fuuvo-analysis-desktop .document-meta { font-size: 10px; color: rgb(101, 129, 116); letter-spacing: 0.5px; }
#fuuvo-analysis-desktop .document-meta::before { background: rgb(119, 163, 157); box-shadow: none; }
#fuuvo-analysis-desktop .document-heading h3 { font-size: 23px; color: rgb(45, 80, 88); font-weight: 650; letter-spacing: -0.2px; }
#fuuvo-analysis-desktop .source-total { font-size: 11px; color: rgb(88, 121, 114); background: rgb(247, 250, 248); border-color: rgb(228, 236, 231); padding: 7px 9px; }
#fuuvo-analysis-desktop .findings { gap: 0px; }
#fuuvo-analysis-desktop .finding, #fuuvo-analysis-desktop .finding:nth-child(2), #fuuvo-analysis-desktop .finding:nth-child(3) { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(232, 238, 238); border-image: none; border-radius: 0px; background: transparent; padding: 18px 0px; gap: 12px; }
#fuuvo-analysis-desktop .finding:last-child { border-bottom: 0px; }
#fuuvo-analysis-desktop .finding-number { font-size: 10px; border: 0px; background: rgb(239, 246, 243); color: rgb(96, 133, 120); width: 24px; height: 25px; border-radius: 6px; }
#fuuvo-analysis-desktop .finding h4 { font-size: 14px; font-weight: 600; color: rgb(48, 78, 89); }
#fuuvo-analysis-desktop .finding p { font-size: 13px; color: rgb(82, 111, 121); line-height: 1.9; margin-top: 5px; }
#fuuvo-analysis-desktop .citation { font-size: 10px; min-width: 20px; height: 20px; background: rgb(241, 247, 243); border: 1px solid rgb(220, 232, 222); color: rgb(80, 125, 102); }
#fuuvo-analysis-desktop .result-extra summary { font-size: 12px; color: rgb(75, 121, 116); }
#fuuvo-analysis-desktop .result-extra p { color: rgb(83, 111, 121); font-size: 13px; }
#fuuvo-analysis-desktop .table-wrap { border-color: rgb(226, 233, 232); }
#fuuvo-analysis-desktop table { color: rgb(78, 105, 117); font-size: 12px; }
#fuuvo-analysis-desktop th { background: rgb(246, 250, 248); color: rgb(73, 108, 102); }
#fuuvo-analysis-desktop th, #fuuvo-analysis-desktop td { border-color: rgb(229, 238, 234); }
#fuuvo-analysis-desktop td:first-child { color: rgb(49, 88, 98); }
#fuuvo-analysis-desktop .action-item { background: rgb(255, 255, 255); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(232, 238, 238); border-image: none; border-radius: 0px; padding: 14px 0px; }
#fuuvo-analysis-desktop .action-copy label { color: rgb(53, 85, 99); }
#fuuvo-analysis-desktop .action-meta { color: rgb(97, 123, 133); }
#fuuvo-analysis-desktop .action-progress { color: rgb(88, 119, 113); }
#fuuvo-analysis-desktop .followup-area { padding: 15px 24px 22px; background: rgb(255, 255, 255); border-color: rgb(237, 241, 242); }
#fuuvo-analysis-desktop .suggestions { gap: 6px; flex-wrap: wrap; }
#fuuvo-analysis-desktop .suggestions button { font-size: 11px; background: rgb(247, 250, 248); color: rgb(85, 115, 103); border: 1px solid rgb(228, 236, 230); border-radius: 7px; padding: 6px 9px; }
#fuuvo-analysis-desktop .followup-box { position: relative; box-shadow: none; border: 1px solid rgb(220, 230, 233); border-radius: 11px; min-height: 49px; background: white; }
#fuuvo-analysis-desktop .followup-box:focus-within { box-shadow: none; border-color: transparent; }
#fuuvo-analysis-desktop .followup-box input { font-size: 13px; color: rgb(52, 88, 98); outline: none !important; }
#fuuvo-analysis-desktop .followup-box button { background: rgb(32, 127, 120); width: 32px; height: 32px; }
#fuuvo-analysis-desktop .answer-block { color: rgb(69, 102, 115); font-size: 13px; border-color: rgb(228, 236, 234); }
#fuuvo-analysis-desktop .answer-block strong { color: rgb(38, 76, 86); }
#fuuvo-analysis-desktop .pending-view { min-height: 420px; padding: 50px 34px; }
#fuuvo-analysis-desktop .pending-view h3 { font-size: 24px; color: rgb(45, 82, 94); }
#fuuvo-analysis-desktop .pending-view p { color: rgb(94, 120, 131); font-size: 13px; max-width: 320px; line-height: 1.9; }
#fuuvo-analysis-desktop .pending-icon { background: rgb(240, 247, 246); color: rgb(56, 134, 127); }
#fuuvo-analysis-desktop .mode[aria-pressed="true"]::before, #fuuvo-analysis-desktop .result-tabs button[aria-selected="true"]::before, #fuuvo-analysis-desktop .language-menu button[aria-checked="true"]::before, #fuuvo-analysis-desktop .template-filters button[aria-pressed="true"]::before, #fuuvo-analysis-desktop .analysis-template-card[aria-pressed="true"]::before, #fuuvo-analysis-desktop .source-switcher button[aria-current="true"]::before, #fuuvo-analysis-desktop .field-frame:focus-within::before, #fuuvo-analysis-desktop .select-shell:focus-within::before, #fuuvo-analysis-desktop .followup-box:focus-within::before, #fuuvo-analysis-desktop .template-search:focus-within::before { content: ""; position: absolute; inset: -1px; padding: 1.5px; border-radius: inherit; pointer-events: none; z-index: 3; background: conic-gradient(from var(--fv-analysis-angle),#096bfa,#059b58,#e9ad00,#f77919,#ee3159,#893bcc,#096bfa); mask: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) content-box exclude, linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); animation: analysis-ring var(--cycle) linear infinite; }
#fuuvo-analysis-desktop button:focus-visible, #fuuvo-analysis-desktop a:focus-visible, #fuuvo-analysis-desktop summary:focus-visible { outline: rgb(64, 132, 127) solid 2px; outline-offset: 3px; }
#fuuvo-analysis-desktop .source-switcher button { position: relative; }
#fuuvo-analysis-desktop .source-switcher button[aria-current="true"] { background: rgb(255, 255, 255); border-color: transparent; color: rgb(35, 108, 103); }
#fuuvo-analysis-desktop .source-note { color: rgb(94, 119, 131); }
#fuuvo-analysis-desktop .source-dialog pre { color: rgb(54, 89, 103); }
#fuuvo-analysis-desktop .notice-dialog p { color: rgb(85, 116, 128); }
#fuuvo-analysis-desktop .notice-dialog .primary { min-height: 44px; }
#fuuvo-analysis-desktop .workspace-note { font-size: 11px; color: rgb(96, 124, 135); margin-top: 14px; gap: 10px; align-items: center; }
#fuuvo-analysis-desktop .workspace-note a { color: rgb(43, 119, 114); font-size: 11px; }
#fuuvo-analysis-desktop .examples { margin-top: 36px; }
#fuuvo-analysis-desktop .section-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px; gap: 20px; }
#fuuvo-analysis-desktop .section-heading h2 { font-size: 22px; color: rgb(41, 74, 87); font-weight: 650; }
#fuuvo-analysis-desktop .section-heading > span { color: rgb(95, 123, 135); font-size: 12px; }
#fuuvo-analysis-desktop .example-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
#fuuvo-analysis-desktop .example-card { background: rgb(255, 255, 255); border-color: rgb(225, 233, 237); box-shadow: none; border-radius: 14px; min-height: 98px; display: flex; gap: 14px; padding: 20px; }
#fuuvo-analysis-desktop .example-card:hover { border-color: rgb(184, 210, 211); background: rgb(255, 255, 255); transform: none; box-shadow: rgba(40, 93, 103, 0.027) 0px 4px 16px; }
#fuuvo-analysis-desktop .example-card strong { font-size: 14px; color: rgb(52, 89, 100); }
#fuuvo-analysis-desktop .example-card small { font-size: 11px; color: rgb(104, 131, 143); margin-top: 5px; }
#fuuvo-analysis-desktop .example-icon { width: 39px; height: 43px; border-radius: 10px; display: grid; place-items: center; background: rgb(241, 247, 244); color: rgb(57, 137, 121); }
#fuuvo-analysis-desktop .example-card:nth-child(2) .example-icon { background: rgb(241, 246, 252); color: rgb(77, 133, 174); }
#fuuvo-analysis-desktop .example-card:nth-child(3) .example-icon { background: rgb(250, 243, 238); color: rgb(177, 138, 97); }
#fuuvo-analysis-desktop .example-card > i { color: rgb(139, 168, 174); margin-left: auto; }
#fuuvo-analysis-desktop .example-card > i svg { width: 15px; }
#fuuvo-analysis-desktop .template-section { margin-top: 38px; }
#fuuvo-analysis-desktop .template-search { display: flex; align-items: center; position: relative; gap: 8px; min-width: 230px; border: 1px solid rgb(225, 233, 237); border-radius: 10px; background: rgb(255, 255, 255); padding: 9px 12px; color: rgb(107, 132, 142); }
#fuuvo-analysis-desktop .template-search svg { width: 16px; height: 16px; }
#fuuvo-analysis-desktop .template-search input { border: 0px; outline: none; background: transparent; min-width: 0px; width: 100%; font-size: 12px; height: 22px; }
#fuuvo-analysis-desktop .template-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
#fuuvo-analysis-desktop .template-filters button { position: relative; border: 1px solid rgb(225, 233, 237); background: rgb(255, 255, 255); color: rgb(86, 116, 126); min-height: 35px; padding: 8px 13px; border-radius: 9px; font-size: 12px; }
#fuuvo-analysis-desktop .template-filters button[aria-pressed="true"] { background: white; border-color: transparent; color: rgb(39, 116, 112); }
#fuuvo-analysis-desktop .template-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px; }
#fuuvo-analysis-desktop .analysis-template-card { position: relative; display: flex; flex-direction: column; text-align: left; background: white; border: 1px solid rgb(225, 233, 237); border-radius: 15px; padding: 21px; min-height: 146px; transition: box-shadow 0.2s, border-color 0.2s; }
#fuuvo-analysis-desktop .analysis-template-card:hover { border-color: rgb(184, 212, 211); box-shadow: rgba(50, 89, 97, 0.03) 0px 7px 20px; }
#fuuvo-analysis-desktop .analysis-template-card[aria-pressed="true"] { background: white; border-color: transparent; }
#fuuvo-analysis-desktop .template-category { font-size: 10px; color: rgb(91, 135, 131); letter-spacing: 0.6px; margin-bottom: 10px; }
#fuuvo-analysis-desktop .analysis-template-card h3 { font-size: 15px; line-height: 1.5; font-weight: 600; color: rgb(52, 87, 98); }
#fuuvo-analysis-desktop .analysis-template-card p { font-size: 12px; color: rgb(104, 129, 141); line-height: 1.8; margin-top: 8px; max-width: 92%; }
#fuuvo-analysis-desktop .template-arrow { position: absolute; right: 20px; top: 20px; color: rgb(148, 171, 177); }
#fuuvo-analysis-desktop .template-arrow svg { width: 15px; height: 15px; }
#fuuvo-analysis-desktop .template-empty { font-size: 13px; color: rgb(94, 123, 134); text-align: center; padding: 36px; }
#fuuvo-analysis-desktop .page-footer { border-top: 1px solid rgb(229, 236, 239); margin-top: 44px; padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; color: rgb(104, 129, 139); font-size: 11px; }
#fuuvo-analysis-desktop .toast { background: rgb(38, 78, 84); color: white; }
@media (min-width: 1600px) {
#fuuvo-analysis-desktop .ambient { height: 720px; }
#fuuvo-analysis-desktop .workspace { grid-template-columns: minmax(340px,var(--analysis-left)) 26px minmax(0,1fr); }
#fuuvo-analysis-desktop .materials { padding: 27px; }
#fuuvo-analysis-desktop .dropzone { min-height: 196px; }
#fuuvo-analysis-desktop .result-content { padding: 28px 32px; }
#fuuvo-analysis-desktop .finding { padding-block: 21px; }
#fuuvo-analysis-desktop .finding p { font-size: 14px; }
}
@media (max-width: 1150px) {
#fuuvo-analysis-desktop .modes { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
#fuuvo-analysis-desktop .materials { padding: 21px; }
#fuuvo-analysis-desktop .result-header { padding-inline: 20px; }
#fuuvo-analysis-desktop .result-header h2 { font-size: 14px; }
#fuuvo-analysis-desktop .result-content { padding: 23px 22px; }
#fuuvo-analysis-desktop .document-heading h3 { font-size: 21px; }
#fuuvo-analysis-desktop .followup-area { padding-inline: 20px; }
#fuuvo-analysis-desktop .example-card { padding: 18px 15px; gap: 10px; }
#fuuvo-analysis-desktop .example-card strong { font-size: 13px; }
#fuuvo-analysis-desktop .example-card small { font-size: 10px; }
#fuuvo-analysis-desktop .template-grid { gap: 13px; }
}
@media (max-width: 1050px) {
#fuuvo-analysis-desktop .workspace { display: grid; grid-template-columns: 1fr; gap: 20px; }
#fuuvo-analysis-desktop .panel-divider { display: none; }
#fuuvo-analysis-desktop .materials { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 0px 24px; padding: 25px; }
#fuuvo-analysis-desktop .panel-title { grid-column: 1 / -1; }
#fuuvo-analysis-desktop .task-area { margin: 0px; padding: 0px; border: 0px; }
#fuuvo-analysis-desktop .start-area { grid-column: 1 / -1; }
#fuuvo-analysis-desktop .start-area .primary { max-width: 360px; margin-inline: auto; }
#fuuvo-analysis-desktop .result-content { min-height: 260px; }
#fuuvo-analysis-desktop .modes { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
#fuuvo-analysis-desktop .dropzone { min-height: 208px; }
#fuuvo-analysis-desktop .example-card { flex-wrap: nowrap; }
#fuuvo-analysis-desktop .example-card > div { order: 0; flex-basis: auto; }
#fuuvo-analysis-desktop .template-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 650px) {
#fuuvo-analysis-desktop { --rail: 58px; }
#fuuvo-analysis-desktop .ambient { height: 550px; }
#fuuvo-analysis-desktop .topbar { height: 66px; padding-inline: 18px; }
#fuuvo-analysis-desktop .top-actions { gap: 12px; }
#fuuvo-analysis-desktop .safety span { display: none; }
#fuuvo-analysis-desktop .language-button { min-width: 78px; font-size: 12px !important; padding: 7px 9px !important; }
#fuuvo-analysis-desktop .language-button > i:first-child { display: none; }
#fuuvo-analysis-desktop .topbar .back { font-size: 11px; }
#fuuvo-analysis-desktop .rail { padding: 18px 4px; }
#fuuvo-analysis-desktop .brand { font-size: 10px; }
#fuuvo-analysis-desktop .rail-link { width: 47px; font-size: 9px; }
#fuuvo-analysis-desktop .rail-link svg { width: 19px; height: 19px; }
#fuuvo-analysis-desktop main { padding: 22px 16px 30px; }
#fuuvo-analysis-desktop .page-heading { gap: 10px; margin-bottom: 22px; }
#fuuvo-analysis-desktop .eyebrow { font-size: 9px; letter-spacing: 1.2px; margin-bottom: 8px; }
#fuuvo-analysis-desktop .page-heading h1 { font-size: 27px; letter-spacing: -0.5px; }
#fuuvo-analysis-desktop .page-heading .text-button { font-size: 10px; min-height: 36px; padding: 7px 9px; }
#fuuvo-analysis-desktop .page-heading .text-button svg { width: 13px; }
#fuuvo-analysis-desktop .materials { display: flex; padding: 18px; }
#fuuvo-analysis-desktop .panel { border-radius: 17px; }
#fuuvo-analysis-desktop .panel-title h2 { font-size: 15px; }
#fuuvo-analysis-desktop .task-area { margin-top: 17px; padding-top: 17px; border-top: 1px solid rgb(237, 241, 242); }
#fuuvo-analysis-desktop .dropzone { min-height: 190px; }
#fuuvo-analysis-desktop .formats { font-size: 10px; }
#fuuvo-analysis-desktop .source-foot { font-size: 9px; }
#fuuvo-analysis-desktop #analysis-prompt { font-size: 16px; min-height: 105px; }
#fuuvo-analysis-desktop .modes { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
#fuuvo-analysis-desktop .mode { font-size: 11px; min-height: 38px; }
#fuuvo-analysis-desktop .settings-fields select { font-size: 14px; }
#fuuvo-analysis-desktop .field-label { font-size: 12px; }
#fuuvo-analysis-desktop .result-header { padding-inline: 16px; height: 61px; }
#fuuvo-analysis-desktop .result-header h2 { font-size: 13px; }
#fuuvo-analysis-desktop .result-header > div:first-child { gap: 6px; }
#fuuvo-analysis-desktop .icon-button { width: 27px; }
#fuuvo-analysis-desktop .result-tabs { padding: 10px 14px; gap: 7px; justify-content: flex-start; min-height: 55px; }
#fuuvo-analysis-desktop .result-tabs button { font-size: 11px; min-width: 0px; padding: 6px 10px; }
#fuuvo-analysis-desktop .result-content { padding: 21px 17px; }
#fuuvo-analysis-desktop .document-heading { gap: 9px; }
#fuuvo-analysis-desktop .document-heading h3 { font-size: 20px; }
#fuuvo-analysis-desktop .source-total { font-size: 10px; min-width: 0px; }
#fuuvo-analysis-desktop .document-meta { font-size: 9px; }
#fuuvo-analysis-desktop .finding { gap: 10px; padding: 16px 0px; }
#fuuvo-analysis-desktop .finding h4 { font-size: 13px; }
#fuuvo-analysis-desktop .finding p { font-size: 12px; }
#fuuvo-analysis-desktop .finding-number { width: 22px; height: 23px; }
#fuuvo-analysis-desktop .followup-area { padding: 14px 15px 17px; }
#fuuvo-analysis-desktop .followup-box input { font-size: 16px; }
#fuuvo-analysis-desktop .suggestions button { font-size: 10px; }
#fuuvo-analysis-desktop .workspace-note { font-size: 9px; flex-wrap: wrap; gap: 7px; }
#fuuvo-analysis-desktop .workspace-note a { font-size: 10px; }
#fuuvo-analysis-desktop .pending-view { min-height: 310px; padding: 35px 22px; }
#fuuvo-analysis-desktop .pending-view h3 { font-size: 22px; }
#fuuvo-analysis-desktop .pending-view p { font-size: 12px; }
#fuuvo-analysis-desktop .examples { margin-top: 29px; }
#fuuvo-analysis-desktop .section-heading { margin-bottom: 15px; gap: 15px; flex-wrap: wrap; }
#fuuvo-analysis-desktop .section-heading h2 { font-size: 20px; }
#fuuvo-analysis-desktop .section-heading > span { display: none; }
#fuuvo-analysis-desktop .example-grid { grid-template-columns: 1fr; gap: 11px; }
#fuuvo-analysis-desktop .example-card { min-height: 87px; padding: 17px; gap: 12px; }
#fuuvo-analysis-desktop .example-card strong { font-size: 13px; }
#fuuvo-analysis-desktop .example-card small { font-size: 10px; }
#fuuvo-analysis-desktop .template-section { margin-top: 30px; }
#fuuvo-analysis-desktop .template-search { width: 100%; min-width: 0px; }
#fuuvo-analysis-desktop .template-search input { font-size: 16px; }
#fuuvo-analysis-desktop .template-filters { gap: 7px; margin-bottom: 17px; }
#fuuvo-analysis-desktop .template-filters button { font-size: 11px; padding: 7px 10px; min-height: 34px; }
#fuuvo-analysis-desktop .template-grid { grid-template-columns: 1fr; gap: 12px; }
#fuuvo-analysis-desktop .analysis-template-card { min-height: 136px; padding: 19px; }
#fuuvo-analysis-desktop .analysis-template-card h3 { font-size: 14px; }
#fuuvo-analysis-desktop .analysis-template-card p { font-size: 12px; }
#fuuvo-analysis-desktop .page-footer { font-size: 10px; flex-wrap: wrap; gap: 8px; margin-top: 30px; padding-top: 18px; }
#fuuvo-analysis-desktop .source-dialog .source-switcher { gap: 8px; }
#fuuvo-analysis-desktop .source-switcher button { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
#fuuvo-analysis-desktop *, #fuuvo-analysis-desktop ::before, #fuuvo-analysis-desktop ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
#fuuvo-analysis-desktop { scroll-behavior: auto; }
#fuuvo-analysis-desktop .ambient::before { opacity: 0.8; }
#fuuvo-analysis-desktop .ambient::after { opacity: 0.3; }
}
#fuuvo-analysis-desktop[data-page-hidden="true"] *, #fuuvo-analysis-desktop[data-page-hidden="true"] ::before, #fuuvo-analysis-desktop[data-page-hidden="true"] ::after { animation-play-state: paused !important; }
#fuuvo-analysis-desktop button.back { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; border: 0px; background: none; cursor: pointer; padding: 0px; color: rgb(86, 116, 126); display: inline-flex; align-items: center; gap: 9px; }
#fuuvo-analysis-desktop .sample-session { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0px 0px 14px; margin-top: -2px; font-size: 12px; color: rgb(92, 120, 128); }
#fuuvo-analysis-desktop .sample-session > span { display: inline-flex; align-items: center; gap: 7px; }
#fuuvo-analysis-desktop .sample-session > span svg { width: 15px; height: 15px; }
#fuuvo-analysis-desktop .sample-session .text-button { color: rgb(24, 111, 107); font-weight: 650; min-height: 34px; white-space: nowrap; }
#fuuvo-analysis-desktop .sample-session .text-button svg { width: 15px; height: 15px; }
@media (min-width: 651px) and (max-width: 1050px) {
#fuuvo-analysis-desktop .sample-session { grid-column: 1 / -1; padding-bottom: 0px; margin: 0px; }
}
}