@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";@font-face{font-family:FS Pixel Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/FSPixelSansUnicode-Regular.ttf) format("truetype")}:root,:root[data-theme=dark]{color-scheme:dark;--app-bg-glow: rgba(88, 161, 255, .22);--app-bg-start: #07111f;--app-bg-end: #040812;--text-primary: #eef3ff;--text-strong: #edf4ff;--text-secondary: #b6c8f0;--text-muted: #9eb4dd;--text-soft: #b7c8eb;--text-faint: #c8d8f5;--text-accent: #7fe0ff;--text-accent-strong: #8cdcff;--text-soft-accent: #95d9ff;--text-chip-muted: #8fa4d2;--text-on-accent: #eef3ff;--surface-card: rgba(255, 255, 255, .04);--surface-panel: rgba(8, 13, 24, .74);--surface-button: rgba(17, 27, 48, .68);--surface-button-active: linear-gradient(180deg, rgba(72, 128, 255, .95), rgba(31, 73, 176, .92));--surface-card-active: linear-gradient(180deg, rgba(31, 57, 112, .78), rgba(13, 25, 48, .86));--surface-frame: linear-gradient(180deg, rgba(15, 24, 44, .82), rgba(8, 12, 24, .78)), rgba(8, 12, 24, .78);--surface-viewport: radial-gradient(circle at top, rgba(108, 170, 255, .18), transparent 40%), linear-gradient(180deg, #101a2d 0%, #0a111e 100%);--surface-overlay: rgba(6, 10, 20, .74);--surface-activity: rgba(18, 27, 47, .82);--surface-activity-soft: rgba(16, 25, 42, .7);--surface-chip: rgba(255, 255, 255, .045);--surface-status: rgba(11, 18, 32, .9);--surface-entity-chip: rgba(18, 29, 60, .74);--surface-status-button: rgba(16, 25, 43, .74);--surface-status-button-active: rgba(45, 96, 212, .84);--surface-selected: rgba(20, 38, 84, .8);--surface-mobile-bar: rgba(7, 12, 22, .84);--surface-mobile-icon: rgba(255, 255, 255, .04);--surface-mobile-active: linear-gradient(180deg, rgba(45, 88, 196, .72), rgba(18, 33, 78, .86));--surface-mobile-icon-active: linear-gradient(180deg, rgba(93, 150, 255, .26), rgba(24, 42, 90, .72));--surface-shell: rgba(8, 13, 24, .72);--surface-shell-strong: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(7, 11, 20, .9));--surface-nested: rgba(255, 255, 255, .028);--surface-float: rgba(8, 14, 24, .82);--surface-hero: radial-gradient(circle at top left, rgba(88, 161, 255, .16), transparent 44%), linear-gradient(180deg, rgba(18, 28, 49, .9), rgba(8, 12, 23, .84));--border-soft: rgba(159, 182, 255, .12);--border-strong: rgba(159, 182, 255, .18);--border-panel: rgba(159, 182, 255, .14);--border-hover: rgba(126, 202, 255, .42);--border-accent: rgba(126, 202, 255, .3);--border-accent-strong: rgba(126, 202, 255, .4);--border-chip: rgba(255, 255, 255, .15);--border-overlay: rgba(125, 227, 255, .18);--border-activity: rgba(124, 227, 255, .16);--border-entity-chip: rgba(126, 202, 255, .22);--border-selected: rgba(125, 227, 255, .52);--border-mobile-bar: rgba(150, 170, 255, .16);--border-mobile-icon: rgba(143, 164, 210, .14);--border-mobile-active: rgba(126, 202, 255, .32);--border-mobile-icon-active: rgba(143, 229, 255, .24);--border-shell: rgba(165, 190, 255, .12);--border-subtle: rgba(255, 255, 255, .06);--border-inner: rgba(126, 202, 255, .14);--shadow-panel: 0 28px 56px rgba(3, 8, 18, .32);--shadow-card-active: 0 18px 36px rgba(10, 22, 48, .24);--shadow-button-active: 0 14px 30px rgba(20, 53, 136, .28);--shadow-viewport: inset 0 1px 0 rgba(255, 255, 255, .06), 0 24px 50px rgba(2, 6, 14, .34);--shadow-status-active: 0 12px 26px rgba(18, 43, 109, .28);--shadow-mobile-bar: 0 22px 48px rgba(3, 7, 18, .34);--shadow-mobile-icon: inset 0 0 0 1px rgba(255, 255, 255, .02);--shadow-mobile-active: inset 0 0 0 1px rgba(255, 255, 255, .04);--shadow-mobile-icon-active: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 10px 18px rgba(9, 18, 42, .22);--shadow-shell: 0 32px 64px rgba(3, 8, 18, .28);--shadow-soft: 0 14px 28px rgba(3, 8, 18, .14);--shadow-floating: 0 18px 42px rgba(3, 8, 18, .22);--badge-bg: #7fe0ff;--badge-text: #091220;--badge-success: #8bf0b0;--mobile-tab-muted: #6f86b7;--status-working: #7cf3ab;--status-thinking: #7fc8ff;--status-waiting: #ffd36e;--status-offline: #a9b3c7}:root[data-theme=light]{color-scheme:light;--app-bg-glow: rgba(96, 150, 255, .18);--app-bg-start: #f5f8ff;--app-bg-end: #edf3fb;--text-primary: #18304f;--text-strong: #10203b;--text-secondary: #4e6688;--text-muted: #5e7598;--text-soft: #5f7391;--text-faint: #5c7292;--text-accent: #2567d8;--text-accent-strong: #2567d8;--text-soft-accent: #2c75e8;--text-chip-muted: #6f84ab;--text-on-accent: #ffffff;--surface-card: rgba(255, 255, 255, .7);--surface-panel: rgba(255, 255, 255, .76);--surface-button: rgba(245, 248, 255, .92);--surface-button-active: linear-gradient(180deg, #2567d8, #1c4fb7);--surface-card-active: linear-gradient(180deg, rgba(84, 132, 228, .18), rgba(48, 88, 182, .08));--surface-frame: linear-gradient(180deg, rgba(243, 247, 255, .98), rgba(234, 241, 250, .98)), rgba(234, 241, 250, .98);--surface-viewport: radial-gradient(circle at top, rgba(102, 160, 255, .1), transparent 40%), linear-gradient(180deg, #eff4fb 0%, #e8eef8 100%);--surface-overlay: rgba(255, 255, 255, .8);--surface-activity: rgba(246, 249, 255, .96);--surface-activity-soft: rgba(246, 249, 255, .9);--surface-chip: rgba(24, 48, 79, .05);--surface-status: rgba(255, 255, 255, .96);--surface-entity-chip: rgba(234, 241, 255, .95);--surface-status-button: rgba(241, 246, 255, .94);--surface-status-button-active: rgba(44, 102, 216, .84);--surface-selected: rgba(226, 236, 255, .9);--surface-mobile-bar: rgba(255, 255, 255, .84);--surface-mobile-icon: rgba(244, 248, 255, .88);--surface-mobile-active: linear-gradient(180deg, rgba(77, 124, 226, .18), rgba(48, 88, 182, .12));--surface-mobile-icon-active: linear-gradient(180deg, rgba(74, 128, 255, .24), rgba(199, 220, 255, .96));--surface-shell: rgba(255, 255, 255, .74);--surface-shell-strong: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(244, 248, 255, .84));--surface-nested: rgba(19, 47, 91, .035);--surface-float: rgba(255, 255, 255, .86);--surface-hero: radial-gradient(circle at top left, rgba(89, 142, 255, .18), transparent 48%), linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(242, 247, 255, .9));--border-soft: rgba(99, 125, 176, .14);--border-strong: rgba(94, 120, 173, .2);--border-panel: rgba(118, 144, 199, .18);--border-hover: rgba(38, 103, 216, .34);--border-accent: rgba(38, 103, 216, .24);--border-accent-strong: rgba(38, 103, 216, .34);--border-chip: rgba(78, 104, 156, .18);--border-overlay: rgba(45, 116, 230, .18);--border-activity: rgba(56, 126, 226, .18);--border-entity-chip: rgba(38, 103, 216, .18);--border-selected: rgba(38, 103, 216, .3);--border-mobile-bar: rgba(111, 137, 191, .18);--border-mobile-icon: rgba(109, 137, 191, .14);--border-mobile-active: rgba(38, 103, 216, .26);--border-mobile-icon-active: rgba(38, 103, 216, .22);--border-shell: rgba(120, 147, 198, .18);--border-subtle: rgba(74, 105, 163, .08);--border-inner: rgba(38, 103, 216, .12);--shadow-panel: 0 28px 56px rgba(91, 116, 166, .14);--shadow-card-active: 0 18px 34px rgba(76, 104, 163, .14);--shadow-button-active: 0 14px 26px rgba(37, 88, 184, .18);--shadow-viewport: inset 0 1px 0 rgba(255, 255, 255, .5), 0 20px 36px rgba(95, 122, 176, .12);--shadow-status-active: 0 10px 20px rgba(59, 103, 188, .14);--shadow-mobile-bar: 0 20px 38px rgba(102, 127, 176, .16);--shadow-mobile-icon: inset 0 0 0 1px rgba(255, 255, 255, .55);--shadow-mobile-active: inset 0 0 0 1px rgba(255, 255, 255, .34);--shadow-mobile-icon-active: inset 0 0 0 1px rgba(255, 255, 255, .48), 0 10px 18px rgba(96, 124, 178, .12);--shadow-shell: 0 32px 64px rgba(102, 127, 176, .12);--shadow-soft: 0 12px 24px rgba(102, 127, 176, .08);--shadow-floating: 0 18px 32px rgba(96, 124, 178, .12);--badge-bg: #2567d8;--badge-text: #ffffff;--badge-success: #1f985f;--mobile-tab-muted: #7082aa;--status-working: #1f985f;--status-thinking: #2567d8;--status-waiting: #c68618;--status-offline: #8b99b3}:root{font-family:Be Vietnam Pro,Segoe UI,Tahoma,sans-serif;font-size:16px;line-height:1.4;font-weight:400;background:radial-gradient(circle at top,var(--app-bg-glow),transparent 38%),linear-gradient(180deg,var(--app-bg-start) 0%,var(--app-bg-end) 100%);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;font-size:1rem;background:radial-gradient(circle at top left,color-mix(in srgb,var(--app-bg-glow) 88%,transparent),transparent 34%),radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--text-accent) 12%,transparent),transparent 26%),linear-gradient(180deg,var(--app-bg-start) 0%,var(--app-bg-end) 100%)}#root{min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:Be Vietnam Pro,Consolas,monospace;font-size:.92em}.app-shell{width:min(1440px,calc(100vw - 72px));margin:0 auto;padding:36px 0 56px}.desktop-app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:stretch}.desktop-app-shell__content{min-width:0}.desktop-app-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 48px);padding:22px 18px;border-radius:32px;border:1px solid var(--border-shell);background:var(--surface-hero);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-app-sidebar__brand{padding:4px 8px 0}.desktop-app-sidebar__brand strong{display:block;color:var(--text-accent-strong);font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.desktop-app-sidebar__brand span{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.5}.desktop-app-sidebar__nav{display:flex;flex-direction:column;gap:10px}.desktop-app-sidebar__nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:20px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.desktop-app-sidebar__nav-item:hover{background:color-mix(in srgb,var(--surface-card) 90%,transparent);border-color:var(--border-hover)}.desktop-app-sidebar__nav-item--active{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-card-active) 94%,transparent),var(--surface-nested));border-color:var(--border-accent);box-shadow:var(--shadow-card-active)}.desktop-app-sidebar__nav-item--active:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:4px;border-radius:999px;background:var(--text-accent)}.desktop-app-sidebar__icon-shell{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:14px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary)}.desktop-app-sidebar__nav-item--active .desktop-app-sidebar__icon-shell{border-color:var(--border-accent);color:var(--text-accent)}.desktop-app-sidebar__icon-svg{width:16px;height:16px;fill:currentColor}.desktop-app-sidebar__nav-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.desktop-app-sidebar__nav-copy strong{color:var(--text-strong);font-size:16px;line-height:1.3}.desktop-app-sidebar__nav-copy small{color:var(--text-muted);font-size:12px;line-height:1.4}.desktop-app-sidebar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;margin-left:auto;border-radius:999px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-strong);font-size:12px;font-weight:700}.desktop-app-sidebar__mode-card{display:grid;gap:8px;padding:14px 16px;border-radius:22px;border:1px solid var(--border-subtle);background:var(--surface-nested);box-shadow:inset 0 0 0 1px #ffffff05}.desktop-app-sidebar__mode-line{display:flex;align-items:center;gap:8px}.desktop-app-sidebar__mode-line strong{color:var(--text-accent);font-size:14px;line-height:1.4}.desktop-app-sidebar__mode-card small{color:var(--text-muted);font-size:12px;line-height:1.45}.desktop-app-sidebar__mode-dot{width:10px;height:10px;border-radius:999px;background:var(--text-accent);box-shadow:0 0 0 4px #7fe0ff24}.desktop-app-sidebar__spacer{flex:1;min-height:24px}.desktop-app-sidebar__footer{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--border-subtle)}.desktop-app-sidebar__scene-pill{display:grid;gap:4px}.desktop-app-sidebar__scene-pill strong{color:var(--text-strong);font-size:13px;line-height:1.4}.desktop-app-sidebar__scene-pill span{color:var(--text-muted);font-size:12px;line-height:1.45}.desktop-app-sidebar__footer-button{width:100%;padding:12px 14px;border-radius:18px;border:1px solid var(--border-subtle);background:var(--surface-nested);color:var(--text-primary)}.desktop-app-sidebar__footer-button:hover{border-color:var(--border-accent);background:color-mix(in srgb,var(--surface-card) 88%,transparent);color:var(--text-accent)}.desktop-content-stack{display:flex;flex-direction:column;gap:20px}.topbar{display:flex;justify-content:flex-start;gap:20px;align-items:flex-start;margin-bottom:28px;padding:24px 28px;border-radius:32px;border:1px solid var(--border-shell);background:var(--surface-hero);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar--mobile{margin-bottom:16px;padding:20px}.topbar__copy{display:grid;gap:14px}.topbar__eyebrow{display:flex;flex-wrap:wrap;gap:10px}.topbar__badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-nested);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.02em}.topbar__badge--accent{border-color:var(--border-accent);background:color-mix(in srgb,var(--surface-card-active) 88%,transparent);color:var(--text-accent)}.topbar__badge--scene{color:var(--text-strong)}.topbar h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.03em}.subtitle{margin:0;max-width:860px;color:var(--text-secondary);font-size:15px;line-height:1.6}.subtitle--mobile-hidden{display:none}.topbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.preset-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.preset-strip--setup{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.preset-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;gap:0;padding:14px 16px;border-radius:18px;border:1px solid var(--border-soft);background:var(--surface-card);color:var(--text-strong);text-align:center;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.preset-pill strong{font-size:15px;font-weight:700}.preset-pill:hover{transform:translateY(-1px);border-color:var(--border-accent)}.preset-pill--active{border-color:var(--border-accent-strong);background:var(--surface-card-active);box-shadow:var(--shadow-card-active)}.ghost-button,.primary-button,.status-button,.factor-row{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);background:var(--surface-nested);color:var(--text-primary);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff05;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.ghost-button{min-height:42px;padding:10px 14px;font-size:14px;font-weight:600}.ghost-button--small{min-height:36px;padding:8px 12px}.ghost-button:hover,.primary-button:hover,.status-button:hover,.factor-row:hover{transform:translateY(-1px);border-color:var(--border-hover);background:color-mix(in srgb,var(--surface-card) 88%,transparent)}.ghost-button--active,.primary-button{background:var(--surface-button-active);color:var(--text-on-accent);box-shadow:var(--shadow-button-active)}.primary-button{width:100%;padding:13px 16px;margin-top:14px}.mobile-main{display:flex;flex-direction:column;gap:16px}.mobile-sheet{width:100%}.setup-main,.app-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.setup-panel,.setup-card,.office-panel,.sidebar-card{position:relative;overflow:hidden;background:var(--surface-shell-strong);border:1px solid var(--border-shell);border-radius:28px;box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup-panel:before,.setup-card:before,.office-panel:before,.sidebar-card:before{content:"";position:absolute;inset:0 0 auto;height:74px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 78%);opacity:.42;pointer-events:none}.setup-panel--hero,.setup-card--hero,.sidebar-card--hero,.office-panel--hero,.live-view-card--hero,.workflow-rooms-card--hero{background:var(--surface-hero);border-color:color-mix(in srgb,var(--border-accent) 44%,var(--border-shell))}.setup-card--subtle,.sidebar-card--subtle{background:color-mix(in srgb,var(--surface-shell) 66%,transparent);border-color:transparent;box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft)}.sidebar-card--thread{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-shell-strong) 96%,transparent),var(--surface-shell))}.office-panel,.setup-panel,.setup-card{padding:20px}.setup-panel__header{margin-bottom:22px}.setup-panel__header--with-action{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.setup-panel__header h2{margin:0;font-size:clamp(26px,3vw,34px);letter-spacing:-.03em}.setup-panel__copy{margin:10px 0 0;max-width:760px;color:var(--text-muted);font-size:15px;line-height:1.65}.setup-back-button{flex:0 0 auto;align-self:flex-start}.setup-search{display:grid;gap:8px;margin-bottom:22px}.setup-search__label{color:var(--text-accent);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.setup-search__input{min-height:46px;padding:12px 14px;border-radius:18px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-primary);font-size:14px;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffff05}.setup-search__input::placeholder{color:var(--text-muted)}.setup-hub-sections{display:grid;gap:20px}.setup-hub-section{display:grid;gap:12px}.setup-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setup-function-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-height:148px;padding:18px;border-radius:24px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.setup-function-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-card-active)}.setup-function-card__icon-shell{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--border-accent);background:var(--surface-chip);color:var(--text-accent)}.setup-function-card__icon-svg{width:18px;height:18px;display:block;fill:currentColor;shape-rendering:crispEdges}.setup-function-card__label,.setup-function-card__value{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-chip);background:var(--surface-status);font-size:12px;font-weight:700;line-height:1.2}.setup-function-card__label{color:var(--text-accent)}.setup-function-card strong{color:var(--text-strong);font-size:18px;line-height:1.35}.setup-function-card__value{margin-top:auto;color:var(--text-soft)}.setup-empty-state{display:grid;gap:6px;padding:18px;border-radius:18px;border:1px dashed var(--border-soft);background:var(--surface-card)}.setup-empty-state strong{color:var(--text-strong);font-size:16px}.setup-empty-state p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.setup-settings-stack{display:grid;gap:14px}.setup-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-toggle-card{display:grid;gap:4px;width:100%;padding:14px;border-radius:20px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.setup-toggle-card:hover{transform:translateY(-1px);border-color:var(--border-hover)}.setup-toggle-card--active{border-color:var(--border-accent-strong);background:var(--surface-card-active);box-shadow:var(--shadow-card-active)}.setup-toggle-card__label{color:var(--text-accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.setup-toggle-card strong{color:var(--text-strong);font-size:15px;line-height:1.4}.setup-card--subtle{background:color-mix(in srgb,var(--surface-shell) 66%,transparent);box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft)}.setup-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.office-panel__header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.office-panel__meta{display:grid;gap:4px}.office-panel__meta strong{color:var(--text-strong);font-size:18px;line-height:1.3}.office-panel__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.zoom-chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border-accent);background:var(--surface-button);color:var(--text-soft-accent);font-size:13px;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border-chip);background:var(--surface-chip);font-size:14px;font-weight:600}.chip--working{color:var(--status-working)}.chip--thinking{color:var(--status-thinking)}.chip--waiting{color:var(--status-waiting)}.chip--offline{color:var(--status-offline)}.live-workspace-stack{display:flex;flex-direction:column;gap:18px}.live-workspace-stack--mobile{gap:14px}.live-view-card{display:grid;gap:16px}.live-view-card.live-view-card--mobile{gap:12px}.live-view-card--mobile .live-view-tabs{display:flex;width:100%}.live-view-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.live-view-tabs{display:inline-flex;flex-wrap:wrap;gap:8px;width:fit-content;padding:6px;border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-nested);box-shadow:inset 0 0 0 1px #ffffff05}.live-view-tab{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:10px 16px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:center;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.live-view-tab:hover{transform:translateY(-1px);border-color:var(--border-hover)}.live-view-tab--active{border-color:var(--border-accent-strong);background:color-mix(in srgb,var(--surface-button-active) 92%,transparent);color:var(--text-strong);box-shadow:var(--shadow-button-active)}.live-view-tab strong{font-size:14px;line-height:1.2}.live-status-card{display:grid;gap:12px}.factory-flow-card{display:grid;gap:16px}.factory-flow-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.factory-flow-strip{display:flex;flex-wrap:wrap;gap:8px}.factory-flow-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.factory-flow-lane{position:relative;display:grid;gap:14px;padding:16px;border-radius:24px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft)}.factory-flow-lane:after{content:"";position:absolute;top:50%;right:-7px;width:14px;height:1px;background:linear-gradient(90deg,var(--border-accent),rgba(126,202,255,.08))}.factory-flow-lane:last-child:after{display:none}.factory-flow-lane__header{display:flex;justify-content:space-between;align-items:center;gap:10px}.factory-flow-lane__header strong{color:var(--text-strong);font-size:15px;line-height:1.4}.factory-flow-track{display:grid;gap:10px}.factory-flow-node{display:grid;gap:8px;width:100%;padding:14px;border-radius:20px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-card) 88%,transparent);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.factory-flow-node:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.factory-flow-node--selected{background:var(--surface-card-active);box-shadow:var(--shadow-card-active)}.factory-flow-node__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.factory-flow-node__chips{display:flex;flex-wrap:wrap;gap:6px}.factory-flow-node__zone{color:var(--text-muted);font-size:11px;line-height:1.45;text-align:right}.factory-flow-node strong{color:var(--text-strong);font-size:14px;line-height:1.35}.factory-flow-node__meta{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.factory-flow-node__link{font-size:12px;font-weight:700}.factory-flow-lane__empty{margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.workflow-rooms-card{display:grid;gap:14px}.workflow-rooms-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.workflow-room-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.workflow-room-tabs::-webkit-scrollbar{display:none}.workflow-room-tab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:18px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-secondary);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.workflow-room-tab:hover{transform:translateY(-1px);border-color:var(--border-hover)}.workflow-room-tab--active{border-color:var(--border-accent-strong);background:color-mix(in srgb,var(--surface-button-active) 92%,transparent);color:var(--text-on-accent);box-shadow:var(--shadow-button-active)}.workflow-room-tab strong{font-size:13px;line-height:1.2}.workflow-run-strip{display:flex;flex-wrap:wrap;gap:6px}.workflow-run-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;border-radius:999px;border:1px solid var(--border-chip);background:#ffffff0a;color:var(--text-secondary);font-size:10px;font-weight:700;line-height:1.2}.workflow-run-pill--accent{border-color:var(--border-accent);background:#2567d824;color:var(--text-accent)}.workflow-orchestrator-scroll{position:relative;width:100%;height:clamp(360px,58vh,480px);overflow:auto;border-radius:22px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-shell) 74%,transparent);box-shadow:inset 0 0 0 1px #ffffff05;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.workflow-orchestrator-scroll::-webkit-scrollbar{display:none}.workflow-orchestrator-scroll--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.workflow-orchestrator-scroll__inner{position:relative}.workflow-orchestrator{position:relative;width:var(--workflow-graph-width);height:max(420px,var(--workflow-graph-height));border-radius:20px;border:1px solid rgba(126,202,255,.1);background:radial-gradient(circle at top,rgba(126,202,255,.08),transparent 34%),radial-gradient(circle at bottom left,rgba(69,212,131,.06),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),var(--surface-panel);overflow:hidden;isolation:isolate}.workflow-orchestrator:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,202,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(126,202,255,.04) 1px,transparent 1px);background-size:28px 28px;opacity:.34;pointer-events:none}.workflow-orchestrator__links{position:absolute;inset:0;z-index:0;width:100%;height:100%}.workflow-orchestrator__edge{fill:none;stroke:#7ecaff3d;stroke-width:1.35;stroke-linecap:round}.workflow-orchestrator__edge--primary{stroke:#7ecaff70}.workflow-orchestrator__edge--queue{stroke:#f0bf5557}.workflow-orchestrator__labels{position:absolute;inset:0;z-index:1;pointer-events:none}.workflow-orchestrator__column-label{position:absolute;transform:translate(-50%,-50%);color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workflow-orchestrator__column-label--accent{color:var(--text-accent)}.workflow-orchestrator__meta-node,.workflow-orchestrator__entity-node{position:absolute;transform:translate(-50%,-50%)}.workflow-orchestrator__meta-node{z-index:2;display:grid;justify-items:center;gap:4px;width:min(98px,calc(100% - 12px));padding:9px 8px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.04);background:#ffffff0f;text-align:center;box-shadow:0 12px 24px #0b142e14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workflow-orchestrator__meta-node--queue{border-color:#f0bf553d}.workflow-orchestrator__meta-node--output{border-color:#45d4833d}.workflow-orchestrator__meta-icon{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:22px;padding:4px 7px;border-radius:999px;border:1px solid var(--border-chip);background:var(--surface-status);color:var(--text-accent);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.workflow-orchestrator__meta-node strong{color:var(--text-strong);font-size:11px;line-height:1.25}.workflow-orchestrator__meta-node span:last-child{color:var(--text-secondary);font-size:10px;line-height:1.2}.workflow-orchestrator__entity-node{z-index:3;display:grid;gap:6px;width:min(126px,calc(100% - 12px));padding:8px;border-radius:14px;border:1px solid rgba(126,202,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%),#0b1223bd;color:var(--text-primary);text-align:left;box-shadow:0 12px 24px #0b142e1a;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.workflow-orchestrator__entity-node:hover{transform:translate(-50%,calc(-50% - 2px));border-color:color-mix(in srgb,var(--workflow-node-accent) 36%,var(--border-hover));box-shadow:0 16px 30px #0b142e29}.workflow-orchestrator__entity-node--selected{border-color:color-mix(in srgb,var(--workflow-node-accent) 60%,rgba(255,255,255,.16));box-shadow:0 0 0 1px color-mix(in srgb,var(--workflow-node-accent) 22%,transparent),0 14px 24px #0b142e29}.workflow-orchestrator__entity-icon{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:22px;border-radius:8px;border:1px solid color-mix(in srgb,var(--workflow-node-accent) 28%,transparent);background:color-mix(in srgb,var(--workflow-node-accent) 16%,transparent);color:var(--workflow-node-accent);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.workflow-orchestrator__entity-copy{display:grid;gap:2px;min-width:0}.workflow-orchestrator__entity-copy strong{color:var(--text-strong);font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.workflow-orchestrator__entity-copy span{color:var(--text-muted);font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-orchestrator__entity-badges{display:flex;flex-wrap:wrap;gap:4px}.workflow-orchestrator__entity-type,.workflow-orchestrator__entity-status{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:700;line-height:1.2}.workflow-orchestrator__entity-type{border:1px solid var(--border-chip);background:var(--surface-status);color:var(--text-secondary)}.workflow-orchestrator__entity-status{border:1px solid transparent}.workflow-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.workflow-status-card{display:grid;gap:2px;padding:10px 8px;border-radius:16px;border:1px solid transparent;background:var(--surface-nested);text-align:center;box-shadow:inset 0 0 0 1px var(--border-subtle)}.workflow-status-card strong{font-size:14px;line-height:1.15}.workflow-status-card span{color:var(--text-muted);font-size:10px;line-height:1.35}.workflow-run-queue{display:grid;gap:10px;padding:14px;border-radius:22px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft)}.workflow-run-queue__header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.workflow-run-queue__header>div{display:grid;gap:2px}.workflow-run-queue__list{display:grid;gap:6px}.workflow-run-queue__item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:16px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-card) 90%,transparent);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:transform .16s ease,border-color .16s ease,background .16s ease}.workflow-run-queue__item:hover{transform:translateY(-1px);border-color:var(--border-hover)}.workflow-run-queue__item-dot{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 3px var(--surface-status)}.workflow-run-queue__item-copy{display:grid;gap:2px;min-width:0}.workflow-run-queue__item-copy strong{color:var(--text-strong);font-size:12px;line-height:1.35}.workflow-run-queue__item-copy span{color:var(--text-muted);font-size:10px;line-height:1.3}.workflow-run-queue__item-zone{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 6px;border-radius:999px;border:1px solid var(--border-chip);background:var(--surface-status);color:var(--text-secondary);font-size:9px;font-weight:700;line-height:1.2}.workflow-run-queue__empty{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.45}.knowledge-graph-card{display:grid;gap:16px}.knowledge-graph-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.knowledge-graph-strip{display:flex;flex-wrap:wrap;gap:8px}.knowledge-graph{position:relative;width:100%;height:max(520px,var(--knowledge-graph-height));border-radius:30px;border:1px solid rgba(126,202,255,.06);background:radial-gradient(circle at top,rgba(126,202,255,.1),transparent 34%),radial-gradient(circle at bottom left,rgba(92,128,226,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),var(--surface-panel);overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff0a}.knowledge-graph:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%);opacity:.82;pointer-events:none}.knowledge-graph__links{position:absolute;inset:0;z-index:0;width:100%;height:100%}.knowledge-graph__edge{fill:none;stroke-width:1.15;stroke-linecap:round;opacity:.5}.knowledge-graph__edge--root{stroke:var(--border-accent);opacity:.26}.knowledge-graph__edge--selected{stroke-width:2;opacity:.92}.knowledge-graph__labels{position:absolute;inset:0;z-index:1;pointer-events:none}.knowledge-graph__column-label{position:absolute;transform:translate(-50%,-50%);display:inline-block;padding:0;border:0;background:transparent;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.74}.knowledge-graph__column-label--center{color:var(--text-accent);opacity:.9}.knowledge-graph__root,.knowledge-graph__meta-node,.knowledge-graph__entity-node{position:absolute;transform:translate(-50%,-50%)}.knowledge-graph__root{z-index:2;display:grid;gap:6px;width:min(216px,calc(100% - 24px));padding:0;border:0;background:transparent;box-shadow:none;text-align:center}.knowledge-graph__root-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;padding:4px 10px;border-radius:999px;border:1px solid rgba(126,202,255,.18);background:#2567d814;color:var(--text-accent);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.knowledge-graph__root strong{color:var(--text-strong);font-size:18px;line-height:1.2;letter-spacing:-.02em}.knowledge-graph__meta-node{z-index:2;display:grid;gap:2px;width:min(118px,calc(100% - 18px));padding:10px 12px;border-radius:20px;border:0;background:#ffffff0d;text-align:center;box-shadow:0 10px 24px #101a3a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.knowledge-graph__meta-node strong{color:var(--text-strong);font-size:12px;line-height:1.3}.knowledge-graph__meta-node span{color:var(--text-secondary);font-size:10px;line-height:1.4}.knowledge-graph__meta-node--status{background:color-mix(in srgb,var(--graph-status-color) 15%,transparent)}.knowledge-graph__meta-node--active{background:#2567d82e;box-shadow:0 14px 30px #1a367429}.knowledge-graph__entity-node{z-index:3;display:grid;justify-items:center;gap:6px;width:min(112px,calc(100% - 18px));padding:0;border:0;background:transparent;color:var(--text-primary);text-align:center;box-shadow:none;transition:transform .16s ease,opacity .16s ease,filter .16s ease}.knowledge-graph__entity-node:hover{transform:translate(-50%,calc(-50% - 2px)) scale(1.03);opacity:1;filter:drop-shadow(0 10px 16px rgba(20,41,94,.16))}.knowledge-graph__entity-node--selected{background:transparent;box-shadow:none;filter:drop-shadow(0 12px 18px rgba(20,41,94,.2))}.knowledge-graph__entity-node--selected .knowledge-graph__entity-avatar-shell{box-shadow:0 0 0 1px #ffffff47,0 0 0 5px color-mix(in srgb,var(--graph-entity-accent) 34%,transparent),0 16px 28px #101c3c2e}.knowledge-graph__entity-node--selected strong{color:var(--graph-entity-accent)}.knowledge-graph__entity-dot{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 3px var(--surface-panel)}.knowledge-graph__entity-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.knowledge-graph__entity-avatar-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#ecf2ffe0);box-shadow:0 0 0 1px #ffffff3d,0 0 0 3px color-mix(in srgb,var(--graph-entity-accent) 26%,transparent),0 14px 24px #101c3c1f}.knowledge-graph__entity-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:0;background:linear-gradient(180deg,#ffffff9e,#e1eaff3d);color:var(--graph-entity-accent);font-size:15px;font-weight:800}.knowledge-graph__entity-node strong{color:var(--text-strong);max-width:100%;font-size:12px;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.knowledge-graph__entity-node span:last-child{color:var(--text-secondary);font-size:9px;line-height:1.35;opacity:.88}.knowledge-graph__status-summary{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;align-items:flex-start;padding-top:6px;border-top:1px solid rgba(126,202,255,.1)}.knowledge-graph__status-metric{display:grid;gap:2px;min-width:62px}.knowledge-graph__status-metric strong{font-size:18px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.knowledge-graph__status-metric span{color:var(--text-muted);font-size:11px;line-height:1.35}.office-frame{padding:0;border-radius:22px;background:transparent}.office-frame--square{display:flex;justify-content:center}.office-viewport{position:relative;min-height:640px;overflow:hidden;border-radius:28px;background:var(--surface-viewport);border:1px solid var(--border-subtle);box-shadow:var(--shadow-viewport)}.office-viewport--square{width:min(100%,720px);min-height:auto;aspect-ratio:1 / 1}.office-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.office-canvas--mobile{touch-action:manipulation}.office-zoom-controls{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:4px}.office-zoom-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-float);color:var(--text-strong);font-family:Be Vietnam Pro,Segoe UI,Tahoma,sans-serif;font-size:22px;font-weight:700;line-height:1;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.office-zoom-button:hover{background:color-mix(in srgb,var(--surface-card) 90%,transparent)}.office-zoom-button--plus{font-size:22px}.office-footer{display:grid;gap:10px;margin-top:10px}.office-toolbar{position:relative;display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px;border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-float);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.office-toolbar--pixel,.office-status-line--pixel,.office-status-subtle{font-family:Be Vietnam Pro,Segoe UI,Tahoma,sans-serif}.office-toolbar__menu{position:relative}.office-toolbar__button{min-width:108px;padding:10px 16px;border:1px solid transparent;border-radius:16px;background:#ffffff0a;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff05}.office-toolbar__button:hover{background:color-mix(in srgb,var(--surface-card) 90%,transparent)}.office-toolbar__button--agent{border-color:#5ac88c3d;background:#5ac88c1f;color:color-mix(in srgb,var(--status-working) 72%,var(--text-primary))}.office-toolbar__button--agent:hover{background:#5ac88c2e}.office-toolbar__button--active{border-color:var(--border-accent);background:color-mix(in srgb,var(--surface-button-active) 86%,transparent)}.office-toolbar__popup{position:absolute;left:0;bottom:calc(100% + 8px);z-index:4;display:grid;gap:8px;width:min(280px,calc(100vw - 72px));max-height:280px;padding:12px;overflow:auto;border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-float);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.office-toolbar__menu:last-child .office-toolbar__popup{left:auto;right:0}.office-toolbar__popup-header{color:var(--text-secondary);font-size:14px;line-height:1.15}.office-toolbar__popup-list{display:grid;gap:6px}.office-toolbar__popup-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:16px;background:#ffffff0a;color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle)}.office-toolbar__popup-item--toggle{justify-content:space-between}.office-toolbar__popup-item:hover,.office-toolbar__popup-item--selected{background:color-mix(in srgb,var(--surface-card-active) 84%,transparent);border-color:var(--border-hover)}.office-toolbar__popup-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px;box-shadow:0 0 0 2px #0b0e1be6}.office-toolbar__popup-copy{display:grid;gap:4px;min-width:0}.office-toolbar__popup-copy strong{color:var(--text-strong);font-size:14px;line-height:1.1}.office-toolbar__popup-copy span{color:var(--text-secondary);font-size:12px;line-height:1.25}.office-toolbar__popup-chip{flex:0 0 auto;padding:4px 8px;border:1px solid var(--border-chip);border-radius:999px;background:#ffffff0d;color:var(--text-primary);font-size:11px;line-height:1}.office-toolbar__popup-chip--active{border-color:#5ac88cb3;background:#5ac88c29;color:#d6ffe3fa}.office-status-line{color:var(--text-secondary);font-size:14px;line-height:1.4}.office-status-subtle{color:var(--text-muted);font-size:12px;line-height:1.4}.office-panel.office-panel--mobile{padding:0;border:0;background:transparent;box-shadow:none}.office-panel.office-panel--mobile .office-frame{border-radius:0}.office-panel.office-panel--mobile .office-panel__header{margin-bottom:10px;padding:0 2px}.office-panel.office-panel--mobile .office-viewport{border-radius:24px}.office-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;color:var(--text-faint);padding:24px}.office-empty-state strong{font-size:18px}.canvas-hint{position:absolute;right:14px;bottom:14px;padding:8px 10px;border-radius:12px;background:var(--surface-overlay);border:1px solid var(--border-overlay);color:var(--text-soft);font-size:12px;pointer-events:none}.activity-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.activity-pill{border-radius:999px;background:var(--surface-activity);border:1px solid var(--border-activity);color:var(--text-soft);padding:10px 12px;font-size:14px}.mobile-activity-list{display:flex;flex-direction:column;gap:10px}.mobile-activity-item{padding:13px 14px;border-radius:18px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-activity-soft) 88%,transparent);color:var(--text-primary);font-size:14px;line-height:1.6;box-shadow:inset 0 0 0 1px var(--border-subtle)}.chat-thread{display:flex;flex-direction:column;gap:12px}.chat-room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chat-room-header h3{margin:0}.chat-member-list{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.chat-member-list::-webkit-scrollbar{display:none}.chat-member-pill{display:inline-flex;align-items:center;gap:10px;min-width:168px;padding:11px 12px;border-radius:20px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle)}.chat-member-pill--active{border-color:var(--border-accent-strong);background:var(--surface-card-active);box-shadow:var(--shadow-card-active)}.chat-member-pill__avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;border:1px solid var(--border-accent);background:var(--surface-status);color:var(--text-strong);font-size:14px;font-weight:700;flex:0 0 auto}.chat-member-pill__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.chat-member-pill__body strong{color:var(--text-strong);font-size:13px}.chat-member-pill__body span{color:var(--text-muted);font-size:12px;line-height:1.4}.chat-member-pill__status{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.chat-channel-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.chat-channel-pill{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border-radius:18px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle)}.chat-channel-pill span{font-size:14px;font-weight:700}.chat-channel-pill--active{border-color:var(--border-accent-strong);background:var(--surface-card-active)}.chat-channel-pill:disabled{opacity:.54}.chat-message{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.chat-message--outgoing{align-items:flex-end}.chat-meta{display:flex;gap:8px;align-items:center;color:var(--text-muted);font-size:12px}.chat-meta strong{color:var(--text-strong);font-size:13px}.chat-bubble{max-width:min(100%,320px);padding:12px 14px;border-radius:20px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-activity-soft) 90%,transparent);color:var(--text-primary);font-size:14px;line-height:1.6;box-shadow:inset 0 0 0 1px var(--border-subtle)}.chat-message--outgoing .chat-bubble{border-color:var(--border-accent);background:var(--surface-button-active);color:var(--text-on-accent)}.chat-composer{display:grid;gap:12px}.chat-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chat-quick-chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border-accent);background:var(--surface-card);color:var(--text-accent);font-size:13px;font-weight:600}.chat-input{min-height:96px;padding:14px;border-radius:18px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-primary);font-size:14px;line-height:1.5;resize:vertical;box-shadow:inset 0 0 0 1px #ffffff05}.chat-input::placeholder{color:var(--text-muted)}.chat-composer__footer{display:flex;justify-content:flex-end;align-items:center;gap:12px}.sidebar{display:flex;flex-direction:column;gap:16px}.mobile-tabbar,.mobile-tabbar-spacer{display:none}.setup-sidebar{display:flex;flex-direction:column;gap:18px}.sidebar-card{padding:20px}.setup-card h2,.setup-card h3,.sidebar-card h2,.sidebar-card h3{margin:0;font-weight:700;letter-spacing:-.02em}.sidebar-card__heading-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.sidebar-card__label{margin:0 0 6px;color:var(--text-accent);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.sidebar-card__meta,.sidebar-card__zone{margin:8px 0 0;color:var(--text-muted);font-size:15px;line-height:1.55}.sidebar-card__task{margin:14px 0 10px;color:var(--text-strong);font-size:15px;line-height:1.65}.setup-actions{display:grid;gap:12px}.setup-note{margin:14px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.theme-toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.theme-toggle-button{min-height:42px;padding:10px 12px;border-radius:14px;border:1px solid var(--border-strong);background:var(--surface-button);color:var(--text-primary);font-size:14px;font-weight:600;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.theme-toggle-button:hover{transform:translateY(-1px);border-color:var(--border-hover)}.theme-toggle-button--active{border-color:var(--border-accent-strong);background:var(--surface-button-active);color:var(--text-on-accent);box-shadow:var(--shadow-button-active)}.selected-status,.factor-row__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-chip);background:#ffffff0d;white-space:nowrap;font-size:14px;font-weight:600}.selected-status{margin-top:14px}.entity-type-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border-entity-chip);background:var(--surface-entity-chip);color:var(--text-accent-strong);padding:6px 10px;font-size:13px;font-weight:600;white-space:nowrap}.selected-status__dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.status-button{padding:12px 10px;background:var(--surface-status-button);font-size:14px;font-weight:600}.status-button--selected{background:var(--surface-status-button-active);color:var(--text-on-accent);box-shadow:var(--shadow-status-active)}.sidebar-card__heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebar-card__heading span{color:var(--text-chip-muted);font-size:14px}.factor-list{display:flex;flex-direction:column;gap:10px}.task-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.task-summary-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:18px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle)}.task-summary-card strong{color:var(--text-strong);font-size:18px;line-height:1}.task-summary-card span{color:var(--text-muted);font-size:12px;line-height:1.4}.task-spotlight{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:14px;border-radius:22px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-card-active) 86%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-accent) 54%,transparent),var(--shadow-soft)}.task-spotlight__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.task-spotlight__copy h4,.task-lane-card__header h4{margin:0;color:var(--text-strong);font-size:16px;line-height:1.3}.task-lane-card__empty{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.task-spotlight__meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;flex:0 0 auto}.task-priority-strip{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.task-priority-strip::-webkit-scrollbar{display:none}.task-priority-chip{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:170px;padding:12px;border-radius:20px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle)}.task-priority-chip strong{color:var(--text-strong);font-size:14px;line-height:1.4}.task-priority-chip small{color:var(--text-muted);font-size:12px;line-height:1.5}.task-lane-list{display:flex;flex-direction:column;gap:12px}.task-lane-card{display:grid;gap:10px;padding:14px;border-radius:22px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft)}.task-lane-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-lane-pill,.task-priority-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-chip);background:var(--surface-status);color:var(--text-strong);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}.task-priority-pill--urgent{border-color:#ff9b7a80;color:#ff9b7a}.task-priority-pill--focus{border-color:#7ecaff75;color:var(--text-accent)}.task-priority-pill--steady{border-color:#7cf3ab57;color:var(--status-working)}.task-priority-pill--parked{border-color:#a9b3c757;color:var(--text-muted)}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{display:flex;flex-direction:column;gap:6px;width:100%;padding:12px;border-radius:20px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-card) 88%,transparent);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.task-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.task-card--selected{background:var(--surface-card-active);box-shadow:var(--shadow-card-active)}.task-card__topline,.task-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card__chips{display:flex;flex-wrap:wrap;gap:6px}.task-card__zone{color:var(--text-muted);font-size:12px;line-height:1.4}.task-card strong{color:var(--text-strong);font-size:14px;line-height:1.4}.task-card__meta{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45}.task-card__link{color:var(--text-accent);font-size:12px;font-weight:600;line-height:1.4}.factor-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;text-align:left}.factor-row--selected{border-color:var(--border-selected);background:var(--surface-selected)}.factor-row__info{display:flex;flex-direction:column;gap:4px}.factor-row__info span{color:var(--text-muted);font-size:14px;line-height:1.5}.org-chart{display:grid;gap:14px}.org-chart__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.org-chart__intro h3{margin:0;color:var(--text-strong);font-size:22px;line-height:1.15}.org-chart__tree{position:relative;display:grid;gap:18px}.org-chart__root-shell{position:relative;display:flex;justify-content:center}.org-chart__root-shell:after{content:"";position:absolute;left:50%;top:calc(100% + 2px);width:1px;height:18px;background:linear-gradient(180deg,var(--border-accent),rgba(126,202,255,.1));transform:translate(-.5px)}.org-chart__root-card{display:grid;gap:6px;width:min(100%,300px);padding:16px 18px;border-radius:22px;border:1px solid var(--border-accent-strong);background:var(--surface-card-active);box-shadow:var(--shadow-card-active);text-align:center}.org-chart__root-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;padding:4px 10px;border-radius:999px;border:1px solid var(--border-chip);background:var(--surface-status);color:var(--text-accent);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.org-chart__root-card strong{color:var(--text-strong);font-size:17px;line-height:1.25}.org-chart__root-card span:last-child{color:var(--text-secondary);font-size:12px;line-height:1.55}.org-chart__branch-list{display:grid;gap:18px}.org-chart-tier{position:relative;display:grid;justify-items:center;gap:12px;padding-top:18px}.org-chart-tier:before{content:"";position:absolute;left:50%;top:0;width:1px;height:18px;background:linear-gradient(180deg,var(--border-accent),rgba(126,202,255,.12));transform:translate(-.5px)}.org-chart-tier__header{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,340px);padding:12px 14px;border-radius:20px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle)}.org-chart-tier__header strong{color:var(--text-strong);font-size:15px;line-height:1.35}.org-chart-tier__nodes{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 10px;width:100%;padding-top:18px}.org-chart-tier__nodes:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent) 14%,var(--border-accent) 86%,transparent)}.org-chart-tier__nodes--single{max-width:112px}.org-chart-tier__nodes--single:before{left:50%;right:auto;width:1px;height:18px;background:linear-gradient(180deg,var(--border-accent),rgba(126,202,255,.12));transform:translate(-.5px)}.org-chart-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:112px;min-height:108px;padding:10px 8px;border-radius:18px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-card) 90%,transparent);color:var(--text-primary);text-align:center;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.org-chart-node:before{content:"";position:absolute;left:50%;bottom:calc(100% + 1px);width:1px;height:17px;background:linear-gradient(180deg,rgba(126,202,255,.1),var(--border-accent));transform:translate(-.5px)}.org-chart-node:hover{transform:translateY(-1px);border-color:var(--border-hover)}.org-chart-node--selected{background:var(--surface-card-active);box-shadow:var(--shadow-card-active)}.org-chart-node__avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;border:1px solid var(--border-accent);background:var(--surface-status);font-size:12px;font-weight:800}.org-chart-node__body{display:grid;gap:3px;width:100%;min-width:0;justify-items:center}.org-chart-node__body strong{color:var(--text-strong);font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.org-chart-node__body span{color:var(--text-muted);font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.org-chart-node__status{position:absolute;top:8px;right:8px;width:9px;height:9px;flex:0 0 auto;border-radius:999px;box-shadow:0 0 0 3px var(--surface-status)}.sidebar-card--note ul{margin:12px 0 0;padding-left:18px;color:var(--text-secondary);font-size:15px}.sidebar-card--note li+li{margin-top:8px}.entity-modal{position:fixed;inset:0;z-index:24;display:flex;align-items:center;justify-content:center;padding:18px 40px calc(env(safe-area-inset-bottom,0px) + 96px)}.entity-modal__backdrop{position:absolute;inset:0;border:0;background:#0509128f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entity-modal__stack{position:relative;z-index:1;width:min(100%,500px)}.entity-modal__card{position:relative;display:grid;gap:12px;width:100%;max-height:min(78vh,760px);overflow-y:auto;padding:16px;border-radius:28px;border:1px solid var(--border-shell);background:var(--surface-shell-strong);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity .18s ease,transform .18s ease,filter .18s ease}.entity-modal__card--background{opacity:.24;transform:scale(.975) translateY(8px);filter:blur(2px);pointer-events:none}.entity-modal__subcard{position:absolute;inset:0;z-index:2;display:grid;gap:12px;max-height:min(78vh,760px);overflow-y:auto;padding:16px;border-radius:28px;border:1px solid var(--border-shell);background:var(--surface-shell-strong);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.entity-modal__header,.entity-modal__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.entity-modal__heading h2{margin:0;color:var(--text-strong);font-size:20px;line-height:1.15}.entity-modal__meta{margin:8px 0 0;color:var(--text-muted);font-size:14px;line-height:1.55}.entity-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-button);color:var(--text-primary);font-size:22px;line-height:1;flex:0 0 auto}.entity-modal__close:hover{border-color:var(--border-hover)}.entity-modal__status{margin-top:0}.entity-modal__task{margin:0;color:var(--text-strong);font-size:14px;line-height:1.6}.entity-modal__chip-row{display:flex;flex-wrap:wrap;gap:8px}.entity-modal__quick-grid,.entity-modal__edit-grid,.entity-modal__action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entity-modal__quick-card{display:grid;gap:4px;padding:10px 12px;border-radius:18px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle)}.entity-modal__quick-card span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.entity-modal__quick-card strong{color:var(--text-strong);font-size:13px;line-height:1.45}.entity-modal__action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 10px;border-radius:20px;border:1px solid transparent;background:var(--surface-nested);color:var(--text-primary);text-align:center;box-shadow:inset 0 0 0 1px var(--border-subtle),var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.entity-modal__action-button:hover{transform:translateY(-1px);border-color:var(--border-hover);box-shadow:var(--shadow-card-active)}.entity-modal__action-button strong{color:var(--text-strong);font-size:14px;line-height:1.35}.entity-modal__action-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--border-accent);background:var(--surface-status);color:var(--text-accent)}.entity-modal__action-svg{width:18px;height:18px;display:block;fill:currentColor;shape-rendering:crispEdges}.entity-modal__subheader{display:flex;align-items:center;justify-content:space-between;gap:10px}.entity-modal__subcontent{display:grid;gap:12px}.entity-modal__panel-title{margin:4px 0 0;color:var(--text-strong);font-size:18px;line-height:1.25}.entity-modal__details{display:grid;gap:10px}.entity-modal__detail-block{display:grid;gap:4px;padding:10px 12px;border-radius:18px;border:1px solid transparent;background:var(--surface-nested);box-shadow:inset 0 0 0 1px var(--border-subtle)}.entity-modal__detail-block--muted{background:var(--surface-activity-soft)}.entity-modal__detail-block h4{margin:0;color:var(--text-strong);font-size:13px;line-height:1.35}.entity-modal__detail-block p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.entity-modal__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.entity-modal__section-head h4{margin:0;color:var(--text-strong);font-size:14px;line-height:1.35}.entity-modal__section-head p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.assignment-suggestion-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.assignment-suggestion-list::-webkit-scrollbar{display:none}.assignment-suggestion{display:grid;gap:4px;min-width:168px;padding:10px 12px;border-radius:18px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-card) 88%,transparent);color:var(--text-primary);text-align:left;box-shadow:inset 0 0 0 1px var(--border-subtle);transition:transform .16s ease,border-color .16s ease,background .16s ease}.assignment-suggestion:hover{transform:translateY(-1px);border-color:var(--border-hover)}.assignment-suggestion strong{color:var(--text-strong);font-size:13px;line-height:1.35}.assignment-suggestion span,.assignment-suggestion small{color:var(--text-secondary);font-size:12px;line-height:1.45}.entity-modal__field{display:grid;gap:6px}.entity-modal__field span{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.35}.entity-modal__input,.entity-modal__textarea{width:100%;border-radius:16px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-primary);padding:10px 12px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.entity-modal__input:focus,.entity-modal__textarea:focus{outline:none;border-color:var(--border-hover);box-shadow:0 0 0 3px #57b8ff1f}.entity-modal__input::placeholder,.entity-modal__textarea::placeholder{color:var(--text-muted)}.entity-modal__textarea{min-height:84px;resize:vertical}.assignment-status-row{display:flex;flex-wrap:wrap;gap:8px}.assignment-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-status);color:var(--text-primary);font-size:12px;font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.assignment-status-pill:hover{transform:translateY(-1px);border-color:var(--border-hover)}.assignment-status-pill--selected{background:var(--surface-button-active);color:var(--text-on-accent);box-shadow:var(--shadow-button-active)}.assignment-feedback{margin:0;color:var(--text-accent);font-size:12px;line-height:1.5}.entity-modal__assign-button{margin-top:0}.entity-modal__assign-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.status-grid--compact{margin-top:0;gap:8px}.status-grid--compact .status-button{padding:10px 8px;font-size:13px}.entity-modal__full-button{width:100%}@media(max-width:1180px){.desktop-app-shell{grid-template-columns:220px minmax(0,1fr)}.preset-strip,.preset-strip--setup,.setup-main,.app-main{grid-template-columns:1fr}.office-panel__header{flex-direction:column;align-items:flex-start}.office-panel__tools{justify-content:flex-start}.setup-hub-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{width:min(100vw - 32px,1360px);min-height:100dvh;padding-top:24px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}.desktop-app-shell{grid-template-columns:1fr}.desktop-app-sidebar{display:none}.topbar{flex-direction:column;padding:18px}.topbar--mobile h1{margin:0;font-size:30px}.topbar--mobile .subtitle,.topbar__actions{display:none}.sidebar-card__heading-line,.org-chart__intro{flex-direction:column;align-items:flex-start}.org-chart__root-card{width:min(100%,280px)}.org-chart-tier__header{width:min(100%,300px)}.live-view-card__header{flex-direction:column;align-items:flex-start}.live-view-tabs{display:flex;width:100%}.live-view-tab{min-width:0;flex:1 1 0}.factory-flow-card__header,.workflow-rooms-card__header{flex-direction:column;align-items:flex-start}.workflow-orchestrator{height:max(460px,var(--workflow-graph-height))}.workflow-orchestrator-scroll{height:clamp(320px,54vh,420px)}.workflow-orchestrator__meta-node{width:min(88px,calc(100% - 10px));padding:8px 6px}.workflow-orchestrator__meta-icon{min-width:34px;min-height:20px;font-size:9px}.workflow-orchestrator__entity-node{width:min(102px,calc(100% - 10px));padding:7px;gap:5px}.workflow-orchestrator__entity-icon{min-width:30px;width:30px;height:20px;font-size:9px}.workflow-orchestrator__entity-copy strong{font-size:10px}.workflow-orchestrator__entity-copy span,.workflow-orchestrator__entity-type,.workflow-orchestrator__entity-status{font-size:8px}.workflow-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-run-queue__item{grid-template-columns:10px minmax(0,1fr)}.workflow-run-queue__item-zone{display:none}.factory-flow-board{grid-template-columns:1fr}.factory-flow-lane:after{display:none}.knowledge-graph-card__header{flex-direction:column;align-items:flex-start}.knowledge-graph{height:max(540px,var(--knowledge-graph-height))}.knowledge-graph__root{width:min(170px,calc(100% - 18px))}.knowledge-graph__meta-node{width:min(92px,calc(100% - 12px));padding:8px}.knowledge-graph__entity-node{width:min(84px,calc(100% - 12px))}.knowledge-graph__entity-avatar-shell{width:44px;height:44px}.knowledge-graph__entity-avatar{width:34px;height:34px;font-size:12px}.knowledge-graph__entity-dot{width:8px;height:8px}.knowledge-graph__entity-node strong{font-size:10px}.knowledge-graph__entity-node span:last-child{font-size:8px}.knowledge-graph__status-summary{gap:10px 12px}.knowledge-graph__status-metric{min-width:52px}.knowledge-graph__status-metric strong{font-size:16px}.knowledge-graph__status-metric span{font-size:10px}.entity-modal__edit-grid{grid-template-columns:1fr}.office-toolbar{width:min(100%,520px);max-width:100%;margin-left:0;align-self:flex-start;padding:6px}.office-toolbar__menu{flex:1 1 0}.office-toolbar__button{min-width:0;width:100%;padding:10px 4px;font-size:13px}.office-toolbar__popup{width:min(260px,calc(100vw - 44px))}.office-status-line{font-size:14px}.setup-panel__header--with-action{flex-direction:column}.task-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.task-spotlight{flex-direction:column}.task-spotlight__meta{align-items:stretch}.setup-panel,.setup-card,.office-panel{padding:14px}.office-panel.office-panel--mobile{padding:0}.setup-shortcut-grid,.setup-toggle-grid{grid-template-columns:1fr}.office-frame{padding:0}.office-viewport{min-height:520px}.office-viewport--square{width:100%;min-height:0}.office-zoom-controls{top:8px;left:8px}.office-zoom-button{width:38px;height:38px}.mobile-tabbar{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--border-mobile-bar);border-radius:24px;background:var(--surface-mobile-bar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-mobile-bar)}.mobile-tabbar-spacer{display:block;height:calc(env(safe-area-inset-bottom,0px) + 112px);flex:0 0 auto}.mobile-tabbar__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:8px 4px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text-chip-muted);text-align:center}.mobile-tabbar__icon-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;border:1px solid var(--border-mobile-icon);background:var(--surface-mobile-icon);box-shadow:var(--shadow-mobile-icon)}.mobile-tabbar__icon-svg{width:16px;height:16px;display:block;fill:currentColor;shape-rendering:crispEdges}.mobile-tabbar__badge{position:absolute;top:-4px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;border:1px solid var(--border-chip);background:var(--badge-bg);color:var(--badge-text);font-size:9px;font-weight:800;line-height:14px;text-align:center;box-shadow:0 8px 14px #0000002e}.mobile-tabbar__badge--dot{min-width:10px;width:10px;height:10px;padding:0;border-width:2px;line-height:0}.mobile-tabbar__badge--text{min-width:20px;padding:0 5px;background:var(--badge-success);color:var(--text-on-accent)}.mobile-tabbar__button strong{font-size:12px;line-height:1.2;font-weight:700}.mobile-tabbar__button--active{border-color:var(--border-mobile-active);background:var(--surface-mobile-active);color:var(--text-primary);box-shadow:var(--shadow-mobile-active)}.mobile-tabbar__button--active .mobile-tabbar__icon-shell{border-color:var(--border-mobile-icon-active);background:var(--surface-mobile-icon-active);box-shadow:var(--shadow-mobile-icon-active)}}