:root{font-family:DM Sans,Plus Jakarta Sans,Segoe UI,sans-serif;--dk-bg: #f6f8fc;--dk-surface: #f3f6fb;--dk-surface-2: #ffffff;--dk-surface-3: #eef3fb;--dk-surface-hover: #e8eef9;--dk-border: rgba(0, 11, 64, .08);--dk-border-strong: rgba(0, 11, 64, .14);--dk-text: #1d2c4f;--dk-text-soft: rgba(0, 11, 64, .58);--dk-heading: #000b40;--dk-accent: #ff6200;--dk-accent-soft: rgba(255, 98, 0, .1);--dk-accent-border: rgba(255, 98, 0, .24);--dk-shadow: 0 32px 80px rgba(0, 11, 64, .12);--dk-shadow-sm: 0 14px 32px rgba(0, 11, 64, .08);--page-bg: #ffffff;--page-surface: #ffffff;--page-surface-alt: #f7f8fc;--page-surface-soft: #f2f5fb;--page-border: rgba(0, 11, 64, .08);--page-border-strong: rgba(0, 11, 64, .14);--page-text: #14213d;--page-text-soft: #5f6b85;--page-heading: #000b40;--page-accent: #ff6200;--page-accent-soft: #fff1e8;--page-gold: #d4af37;--page-shadow: 0 24px 72px rgba(0, 11, 64, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--dk-text);background:radial-gradient(circle at top,rgba(255,98,0,.08),transparent 24%),linear-gradient(180deg,#fff,#f7f9fd 54%,#f3f6fb)}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.darkShell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(rgba(0,11,64,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,11,64,.035) 1px,transparent 1px),var(--dk-bg);background-size:48px 48px,48px 48px,100% 100%}.darkShell.themeDark{--dk-bg: #080d18;--dk-surface: #121a2b;--dk-surface-2: #0f1728;--dk-surface-3: #1a263b;--dk-surface-hover: #1f2e47;--dk-border: rgba(226, 232, 240, .1);--dk-border-strong: rgba(226, 232, 240, .18);--dk-text: #e5edf8;--dk-text-soft: rgba(226, 232, 240, .66);--dk-heading: #ffffff;--dk-shadow: 0 32px 80px rgba(0, 0, 0, .34);--dk-shadow-sm: 0 14px 32px rgba(0, 0, 0, .24);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at top,rgba(255,98,0,.14),transparent 28%),var(--dk-bg);background-size:48px 48px,48px 48px,100% 100%,100% 100%}.themeDark .darkHeader,.themeDark .darkSidebar{background:#080d18e0}.themeDark .darkComposerCard,.themeDark .toolbarChip,.themeDark .toolbarSelectChip,.themeDark .darkLoginButton,.themeDark .ghostButton,.themeDark .secondaryButton,.themeDark .compactControlPill,.themeDark .chatInputShell,.themeDark .promptBubble{background:var(--dk-surface-2)}.themeDark .assistantAvatar,.themeDark .compactOutputPills,.themeDark .toolbarTypeGroup,.themeDark .previewFrame{background:var(--dk-surface)}.themeDark .darkCard,.themeDark .settingsModal,.themeDark .authModal,.themeDark .contactForm,.themeDark .modernContactForm,.themeDark .workspacePreviewCard,.themeDark .docworksCapabilityCard,.themeDark .docworksBenefits article{background:var(--dk-surface-2);color:var(--dk-text);border-color:var(--dk-border-strong)}.themeDark input,.themeDark textarea,.themeDark select{color:var(--dk-text);background-color:var(--dk-surface);border-color:var(--dk-border-strong)}.themeDark input::placeholder,.themeDark textarea::placeholder{color:#e2e8f07a}.themeDark .field span,.themeDark .modelField span,.themeDark .settingsModalHeader h2,.themeDark .settingsSection h3,.themeDark .previewHeader h2,.themeDark .workspaceChatHeader h2,.themeDark .promptBubbleMeta strong,.themeDark .detailCard strong{color:var(--dk-heading)}.themeDark .darkUsageHint,.themeDark .previewStatusText,.themeDark .detailCard p,.themeDark .settingsProfileCard span,.themeDark .themeChoice small,.themeDark .promptBubble p{color:var(--dk-text-soft)}.darkHeader{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;height:60px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--dk-border);box-shadow:0 12px 30px #000b400a}.darkHeaderLeft{display:inline-flex;align-items:center;gap:14px}.darkHeaderRight{display:inline-flex;align-items:center;gap:12px}.darkBrand{display:inline-flex;align-items:center;gap:10px}.darkBrandMark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.82rem;color:#fff;background:linear-gradient(135deg,#000b40,#ff6200);box-shadow:0 10px 24px #000b401f;flex-shrink:0}.darkBrandName{font-weight:700;color:var(--dk-heading);font-size:1rem}.menuTrigger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--dk-text-soft);transition:background .16s ease,color .16s ease}.workspaceBackButton{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 10px;border:1px solid var(--dk-border-strong);border-radius:999px;background:var(--dk-surface-2);color:var(--dk-heading);font-size:.88rem;font-weight:800;box-shadow:var(--dk-shadow-sm)}.workspaceBackButton:hover{border-color:var(--dk-accent-border);transform:translateY(-1px)}.menuTrigger:hover{background:var(--dk-surface);border-color:var(--dk-border);color:var(--dk-text)}.deviceChip{display:inline-flex;align-items:center;justify-content:center;color:var(--dk-text-soft);opacity:.9}.darkLoginButton{display:inline-flex;align-items:center;padding:8px 18px;border-radius:999px;border:1px solid var(--dk-border-strong);background:#fff;color:var(--dk-heading);font-weight:600;font-size:.9rem;box-shadow:var(--dk-shadow-sm);transition:background .16s ease,border-color .16s ease,transform .16s ease}.darkLoginButton:hover{background:var(--dk-surface-3);border-color:var(--dk-accent-border);transform:translateY(-1px)}.darkHeaderAccount{display:inline-flex;align-items:center;gap:12px}.darkHeaderAccount strong{color:var(--dk-heading);font-size:.92rem}.accountMenuWrap{position:relative}.accountAvatarButton{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--dk-border-strong);border-radius:999px;background:#ffffffeb;color:var(--dk-heading);padding:6px 10px 6px 6px;box-shadow:var(--dk-shadow-sm);transition:transform .16s ease,border-color .16s ease,background .16s ease}.accountAvatarButton:hover{transform:translateY(-1px);border-color:var(--dk-accent-border);background:#fff}.accountAvatar,.accountMenuAvatar{display:grid;place-items:center;line-height:1;border-radius:999px;color:#fff;background:linear-gradient(135deg,#000b40,#ff6200);box-shadow:0 10px 24px #000b402e;flex-shrink:0}.accountAvatar{width:38px;height:38px;font-weight:800;font-size:.88rem}.accountAvatarName{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700}.accountMenuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:34}.accountMenuPanel{position:absolute;top:calc(100% + 14px);right:0;z-index:35;width:min(360px,calc(100vw - 32px));padding:20px;border-radius:28px;border:1px solid rgba(0,11,64,.12);background:linear-gradient(180deg,#0e1536fa,#21273dfa);color:#f4f6fb;box-shadow:0 24px 60px #000b4047}.accountMenuProfile{display:flex;align-items:center;gap:14px}.accountMenuAvatar{width:56px;height:56px;font-size:1rem;font-weight:800;overflow:hidden}.accountMenuIdentity{min-width:0}.accountMenuName{display:block;font-size:1.05rem}.accountMenuEmail{display:block;margin-top:4px;color:#f4f6fba6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountMenuCredits{margin-top:18px;padding:14px 16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:14px}.accountMenuCreditRow{display:grid;gap:4px}.accountMenuCreditLabel{color:#f4f6fb94;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.accountMenuCreditValue{font-size:1.35rem;font-weight:800;line-height:1}.upgradeButton{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:12px 16px;background:linear-gradient(135deg,#6d5df8,#4c6fff);color:#fff;font-weight:700;box-shadow:0 16px 30px #4c6fff42}.accountMenuLinks{margin-top:18px;display:grid}.accountMenuLink{display:flex;align-items:center;gap:12px;width:100%;border:none;padding:14px 2px;background:transparent;color:#f4f6fb;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-weight:600}.accountMenuLink svg{color:#f4f6fbd1;flex-shrink:0}.accountMenuLink:hover{color:#fff}.accountMenuFooter{margin-top:18px}.accountMenuLogout{display:inline-flex;align-items:center;gap:10px;border:none;background:transparent;color:#ff616c;font-size:1rem;font-weight:700;padding:0}.accountMenuLogout:hover{color:#ff7b84}.settingsModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;display:grid;place-items:center;padding:24px;background:#000b4038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settingsModal{width:min(560px,100%);padding:24px;border-radius:26px;border:1px solid var(--dk-border-strong);background:var(--dk-surface-2);box-shadow:var(--dk-shadow)}.settingsModalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.settingsModalHeader h2{margin:8px 0 0;color:var(--dk-heading);font-size:1.25rem}.settingsProfileCard{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;border:1px solid var(--dk-border);background:linear-gradient(135deg,#ff620014,#1a3ff80f)}.settingsProfileCard .accountMenuAvatar{width:52px;height:52px;min-width:52px;font-size:.92rem}.settingsProfileCard strong,.settingsProfileCard span{display:block}.settingsProfileCard strong{color:var(--dk-heading);font-size:1rem}.settingsProfileCard span{margin-top:4px;color:var(--dk-text-soft)}.settingsSection{margin-top:18px;display:grid;gap:12px}.settingsSection h3{margin:0;color:var(--dk-heading);font-size:1rem}.themeToggleGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.themeChoice{display:grid;gap:6px;padding:14px;border-radius:18px;border:1px solid var(--dk-border);background:var(--dk-surface-2);color:var(--dk-heading);text-align:left;font-weight:800}.themeChoice small{color:var(--dk-text-soft);font-weight:500;line-height:1.4}.themeChoice.isActive{border-color:var(--dk-accent-border);background:linear-gradient(135deg,#ff620024,#ffffffc7);box-shadow:0 14px 32px #ff62001a}.themeDark .themeChoice.isActive{background:linear-gradient(135deg,#ff620038,#1a3ff824)}.themeDark .settingsProfileCard{background:linear-gradient(135deg,#ff620029,#1a3ff824)}.themeDark .themeChoice{background:var(--dk-surface)}.darkGhostButton{border:1px solid var(--dk-border-strong);border-radius:999px;background:#fff;color:var(--dk-text-soft);padding:7px 14px;font-size:.88rem;transition:background .16s ease,color .16s ease}.darkGhostButton:hover{background:var(--dk-surface);color:var(--dk-text)}.darkShellBody{display:flex;flex:1;position:relative}.darkSidebar{width:220px;flex-shrink:0;border-right:1px solid var(--dk-border);padding:20px 12px;background:linear-gradient(180deg,#ffffffe0,#f5f8fcf5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.isWorkspaceMode .darkSidebar{display:none}.isWorkspaceMode .navItem{display:grid;place-items:center;padding:10px 8px}.isWorkspaceMode .navItemLabel,.navItemDot{display:none}.isWorkspaceMode .navItemDot{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#000b400d;color:currentColor;font-weight:800}.isWorkspaceMode .navItem.isActive .navItemDot{background:#fff}.sidebarNav{display:grid;gap:2px}.navItem{display:block;width:100%;text-align:left;padding:10px 14px;border:none;border-radius:10px;background:transparent;color:var(--dk-text-soft);font-size:.9rem;transition:background .14s ease,color .14s ease}.navItem:hover{background:var(--dk-surface-2);color:var(--dk-text)}.navItem:disabled{cursor:not-allowed;opacity:.62}.navItem:disabled:hover{background:transparent;color:var(--dk-text-soft)}.navItem.isActive{background:linear-gradient(135deg,#ff62001f,#fff);border:1px solid var(--dk-accent-border);color:var(--dk-heading);font-weight:600;box-shadow:0 10px 24px #ff620014}.comingSoonBadge{display:inline-flex;margin-left:8px;padding:2px 7px;border-radius:999px;background:#000b400f;color:var(--dk-text-soft);font-size:.66rem;font-weight:700}.darkCanvas{flex:1;min-width:0;padding:36px 40px;overflow-y:auto}.isWorkspaceMode .darkCanvas{padding:12px 16px;overflow:hidden}.drawerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#000b4029}.darkPage{width:100%;max-width:1200px;margin:0 auto}.isWorkspaceMode .darkPage{max-width:none;height:calc(100vh - 84px)}.darkCard{border:1px solid var(--dk-border);border-radius:20px;background:var(--dk-surface-2);box-shadow:var(--dk-shadow-sm)}.srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.darkLanding{display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px 0 48px;width:100%}.assistantIntro{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:16px}.assistantAvatar{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fff4ed);border:1px solid var(--dk-accent-border);margin-bottom:4px;box-shadow:0 18px 36px #ff62001f}.assistantGreeting{font-size:1rem;color:var(--dk-text-soft);font-weight:500}.assistantHeadline{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:700;color:var(--dk-heading);line-height:1.1;margin:0;max-width:18ch}.darkComposerCard{width:min(820px,100%);border:1px solid var(--dk-border-strong);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--dk-shadow);padding:4px 4px 8px;display:grid;gap:0}.darkPromptField{width:100%;border:none;background:transparent;color:var(--dk-text);padding:18px 20px 12px;border-radius:18px 18px 0 0;outline:none;resize:none;font-size:1rem;line-height:1.65}.darkPromptField::placeholder{color:var(--dk-text-soft)}.darkPromptField:focus{box-shadow:none}.composerToolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 6px;border-top:1px solid var(--dk-border);background:linear-gradient(180deg,#f3f6fb99,#ffffffe6);border-radius:0 0 18px 18px}.composerToolbarLeft{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbarChip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--dk-border);border-radius:999px;background:#fff;color:var(--dk-text-soft);font-size:.82rem;font-weight:500;transition:background .14s ease,border-color .14s ease,color .14s ease}.toolbarChip:hover{background:var(--dk-surface-3);color:var(--dk-text);border-color:var(--dk-border-strong)}.toolbarChip.isDisabled,.toolbarSelectChip.isDisabled,.toolbarTypeBtn:disabled,.compactTypeButton:disabled,.catChip.isDisabled{cursor:not-allowed;opacity:.58}.toolbarChip.isDisabled:hover,.toolbarSelectChip.isDisabled:hover,.toolbarTypeBtn:disabled:hover,.compactTypeButton:disabled:hover,.catChip.isDisabled:hover{transform:none;background:#fff;color:var(--dk-text-soft);border-color:var(--dk-border)}.comingSoonInline,.comingSoonHelp,.mvpOnlyHint,.catSoon{color:var(--dk-accent);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.comingSoonHelp,.mvpOnlyHint{display:inline-flex;align-items:center}.mvpOnlyHint{padding:6px 10px;border-radius:999px;background:#ff620014}.toolbarSelectChip{position:relative;display:inline-flex;align-items:center;gap:4px;padding:7px 10px 7px 12px;border:1px solid var(--dk-border);border-radius:999px;background:#fff;color:var(--dk-text-soft);font-size:.82rem;font-weight:500;transition:background .14s ease,border-color .14s ease,color .14s ease;cursor:pointer}.toolbarSelectChip:hover{background:var(--dk-surface-3);color:var(--dk-text);border-color:var(--dk-border-strong)}.toolbarSelectChip.isDisabled:hover{background:#fff;color:var(--dk-text-soft);border-color:var(--dk-border)}.toolbarSelectNative{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;padding:0;border-radius:999px}.toolbarSelectNative:disabled{cursor:not-allowed}.toolbarChipLabel{display:inline-block;max-width:180px;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.toolbarTypeGroup{display:inline-flex;align-items:center;border:1px solid var(--dk-border);border-radius:999px;overflow:hidden;background:#fff}.toolbarTypeBtn{padding:6px 12px;border:none;background:transparent;color:var(--dk-text-soft);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:background .14s ease,color .14s ease}.toolbarTypeBtn.isActive{background:var(--dk-surface-3);color:var(--dk-heading)}.toolbarTypeBtn:hover:not(.isActive){background:var(--dk-surface-hover);color:var(--dk-text)}.sendButton{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:999px;background:linear-gradient(135deg,#ff6200,#ff8e4b);color:#fff;flex-shrink:0;box-shadow:0 8px 20px #ff620047;transition:opacity .16s ease,transform .16s ease}.sendButton:hover:not(:disabled){transform:scale(1.05)}.sendButton:disabled{opacity:.55;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinnerIcon{animation:spin .8s linear infinite}.darkQuotaRow{display:inline-flex;align-items:center;gap:10px}.darkQuotaPill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--dk-accent-soft);border:1px solid var(--dk-accent-border);color:var(--dk-accent);font-weight:700;font-size:.82rem;white-space:nowrap}.darkUsageHint{color:var(--dk-text-soft);font-size:.85rem}.categoryRail{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;width:min(1040px,100%)}.catChip{min-width:0;min-height:112px;display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:center;gap:8px;padding:12px 10px 10px;border:1px solid var(--dk-border);border-radius:14px;background:#ffffffd1;color:var(--dk-text-soft);box-shadow:var(--dk-shadow-sm);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.catChip:hover{background:var(--dk-surface-2);color:var(--dk-text);border-color:var(--dk-border-strong);transform:translateY(-1px)}.catChip:disabled{pointer-events:auto}.catChip.isActive{background:linear-gradient(180deg,#fff4ed,#fff);border-color:var(--dk-accent-border);color:var(--dk-heading);box-shadow:0 10px 28px #ff620024}.catIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#000b400d;color:inherit}.catChip.isActive .catIcon{background:var(--dk-accent-soft);color:var(--dk-accent)}.catLabel{font-size:.75rem;font-weight:750;line-height:1.15;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.catSoon{min-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:#ff62001a;color:var(--dk-accent);font-size:.62rem;font-weight:850;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.darkStatusCard{padding:14px 18px;border-radius:14px;border:1px solid var(--dk-accent-border);background:linear-gradient(180deg,#fff7f1,#fff);max-width:560px}.darkStatusCard strong{display:block;color:var(--dk-heading)}.darkStatusCard p{margin:6px 0 0;color:var(--dk-text-soft)}.darkHeroSection{padding:28px 0 24px;margin-bottom:24px}.darkHeroSection h1{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;color:var(--dk-heading);font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:10px 0 14px}.darkHeroSection p{color:var(--dk-text-soft);line-height:1.7;max-width:600px}.studioPage{padding-top:0}.workspaceStudio{display:grid;gap:12px;padding:0}.fullscreenWorkspaceStudio{min-height:100%;height:100%}.workspaceHero{max-width:720px;display:grid;gap:10px}.workspaceHero h1{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;color:var(--dk-heading);font-size:clamp(1.8rem,3.5vw,3rem);margin:0;line-height:1.05}.workspaceHero p{margin:0;color:var(--dk-text-soft);line-height:1.65}.workspaceStatusCard{max-width:720px}.workspaceGrid{display:grid;grid-template-columns:minmax(330px,.42fr) minmax(0,1fr);gap:16px;align-items:stretch}.fullscreenWorkspaceGrid{min-height:0;height:100%}.workspacePromptColumn,.workspacePreviewColumn{min-width:0;min-height:0}.workspacePromptColumn{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.workspaceChatBackButton{justify-self:start}.workspaceComposerCard{position:sticky;top:24px;padding:24px;border-radius:20px;display:grid;gap:16px}.workspaceChatPanel{height:100%;min-height:0;padding:14px;border-radius:24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;background:radial-gradient(circle at top left,rgba(255,98,0,.08),transparent 34%),#fff}.workspaceChatHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.workspaceChatHeader h2{margin:6px 0 0;color:var(--dk-heading);font-size:1.08rem}.compactComposerMeta{justify-content:flex-start;flex-wrap:wrap;padding:0 2px 2px}.promptChatHistory{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:2px 4px 8px}.promptBubble{border:1px solid var(--dk-border);border-radius:18px;padding:12px 13px;background:#fff;box-shadow:0 12px 26px #000b400f}.userPromptBubble{background:linear-gradient(180deg,#fff,#fbfcff)}.assistantPromptBubble{background:linear-gradient(135deg,#ff620014,#1a3ff80f)}.promptBubbleMeta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.promptBubbleMeta span{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:var(--dk-surface-3);color:var(--dk-heading);font-weight:800;font-size:.72rem}.promptBubbleMeta strong{color:var(--dk-heading);font-size:.82rem}.promptBubble p{margin:0;color:var(--dk-text);font-size:.86rem;line-height:1.42;white-space:pre-wrap}.chatComposerControls{display:grid;gap:9px;padding:10px;border-top:1px solid var(--dk-border);border-radius:20px;background:linear-gradient(180deg,#ffffffeb,#f8fafff5),#fff;box-shadow:inset 0 1px #ffffffe6}.compactControlStrip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compactControlPill{position:relative;display:inline-flex;align-items:center;gap:7px;min-width:0;height:36px;padding:0 10px;border:1px solid var(--dk-border);border-radius:999px;background:#fff;color:var(--dk-text-soft)}.compactControlPill span{color:var(--dk-heading);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.compactControlPill select{width:min(170px,30vw);min-width:88px;border:none;padding:0;background:transparent;color:var(--dk-text);font-size:.8rem;font-weight:650;outline:none}.compactControlPill small{color:var(--dk-accent);font-size:.62rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.compactControlPill.isDisabled{background:#f8faffc7}.compactOutputPills{display:inline-flex;align-items:center;gap:4px;height:36px;padding:4px;border-radius:999px;border:1px solid var(--dk-border);background:var(--dk-surface)}.chatInputShell{display:grid;gap:7px;padding:10px;border:1px solid var(--dk-border);border-radius:18px;background:#fff;box-shadow:0 10px 24px #000b400d}.chatInputHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.chatInputHeader span{color:var(--dk-heading);font-size:.78rem;font-weight:850}.chatInputHeader strong{color:var(--dk-accent);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chatInputShell textarea{min-height:72px;max-height:132px;border:none;padding:0;resize:vertical;background:transparent;color:var(--dk-text);font-size:.88rem;line-height:1.42;outline:none}.compactComposerFooter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compactMvpHint{padding:5px 9px;font-size:.62rem}.compactSendButton,.compactCreditButton{padding:8px 12px;min-height:36px;max-width:100%;font-size:.82rem;line-height:1.1;white-space:normal;text-align:center}.compactSendButton{margin-left:auto;box-shadow:0 8px 20px #ff620033}.compactCreditButton{flex:0 1 auto}.chatPromptField textarea{min-height:92px;max-height:150px;resize:vertical}.workspaceContextCard{margin-top:18px;padding:22px;border-radius:20px;display:grid;gap:18px}.workspaceContextHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspaceContextHeader h2{margin:8px 0 0;color:var(--dk-heading);font-size:1.1rem}.workspaceContextBadge{padding:8px 12px;border-radius:999px;background:#ff62001a;color:var(--dk-accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.workspaceTimeline{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start}.timelineRail{width:2px;min-height:170px;justify-self:center;background:linear-gradient(180deg,#fff3,#ffffff12);border-radius:999px;position:relative}.timelineRail:before{content:"";position:absolute;top:12px;left:50%;width:10px;height:10px;border-radius:999px;background:#fff;transform:translate(-50%);box-shadow:0 0 0 4px #ffffff14}.timelineContent{display:grid;gap:14px}.timelineStepPill{width:fit-content;padding:12px 18px;border-radius:14px;background:#ffffff0f;color:var(--dk-heading);font-weight:800;font-size:1rem}.timelineStepBody{display:grid;gap:10px}.timelineStepBody strong{color:var(--dk-heading);font-size:1.05rem;line-height:1.4}.timelineStepBody p{margin:0;color:var(--dk-text-soft);line-height:1.7}.workspaceResultCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.workspaceResultIcon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4d79,#ff7a45);color:#fff;font-size:.95rem;font-weight:800}.workspaceResultMeta{display:grid;gap:6px}.workspaceResultMeta strong{color:var(--dk-heading)}.workspaceResultMeta span{color:var(--dk-text-soft);font-size:.9rem}.workspaceResultActions{display:flex;align-items:center}input,select,textarea{width:100%;border:1px solid var(--dk-border);border-radius:12px;background:#fff;color:var(--dk-text);padding:12px 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:#ff620073;box-shadow:0 0 0 3px #ff62001a}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--dk-text-soft)}.stackForm{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-weight:600;color:var(--dk-heading);font-size:.9rem}.modelField{display:grid;gap:8px}.modelField span{font-weight:600;color:var(--dk-heading);font-size:.9rem}.primaryButton,.secondaryButton,.ghostButton,.downloadLink{border:none;border-radius:999px;padding:12px 18px;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover{transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled,.ghostButton:disabled{opacity:.55;cursor:not-allowed;transform:none}.primaryButton{color:#fff;font-weight:700;background:linear-gradient(135deg,#ff6200,#ff8e4b);box-shadow:0 10px 26px #ff620038}.secondaryButton{color:var(--dk-heading);font-weight:700;background:#fff;border:1px solid var(--dk-border-strong);box-shadow:var(--dk-shadow-sm)}.ghostButton{color:var(--dk-text-soft);background:#fff;border:1px solid var(--dk-border)}.asLink{display:inline-flex;align-items:center;justify-content:center}.compactButton{padding:8px 14px}.actionRow,.inlineActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.infoText,.errorText{margin:12px 0 0;padding:12px 14px;border-radius:12px}.infoText{color:#0f7a4a;background:#0f7a4a14;border:1px solid rgba(15,122,74,.14)}.errorText{color:#b0321a;background:#b0321a12;border:1px solid rgba(176,50,26,.14)}.centeredFeedback{width:min(820px,100%);text-align:center}.eyebrow,.panelEyebrow{color:var(--dk-accent);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700}.authPage{display:grid;gap:24px}.authCard{max-width:520px;padding:24px}.authCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--dk-heading);font-weight:600}.authCardHeader small{color:var(--dk-text-soft);font-size:.82rem}.profileBanner{margin-bottom:28px;padding:16px 20px;border-radius:14px;border:1px solid var(--dk-border);background:linear-gradient(180deg,#fff,#fbfcff);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,380px);gap:16px;align-items:center}.minimalProfileBanner{width:min(760px,100%)}.profileBanner strong{display:block;color:var(--dk-heading)}.profileBanner p{margin:4px 0 0;color:var(--dk-text-soft);font-size:.9rem}.profileForm{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.composerMetaRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.inlineComposerControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inlineUsageHint{flex:1;font-size:.84rem;color:var(--dk-text-soft)}.compactTypeSelector{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--dk-border);background:var(--dk-surface)}.compactTypeButton{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:none;border-radius:999px;background:transparent;color:var(--dk-text-soft);transition:background .14s ease,color .14s ease}.compactTypeButton svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.compactTypeButton span{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.compactTypeButton.isActive{color:var(--dk-heading);background:#fff;box-shadow:0 8px 18px #000b4014}.previewCard{padding:22px;min-height:520px}.workspacePreviewCard{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px;border-radius:24px}.previewHeader{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}.previewHeader h2{margin:6px 0 0;color:var(--dk-heading);font-size:1.1rem}.previewToolbar{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.toolbarIconButton{width:38px;height:38px;border-radius:999px;border:1px solid var(--dk-border);background:#fff;color:var(--dk-text-soft);display:grid;place-items:center}.toolbarIconButton:hover{color:var(--dk-heading);background:var(--dk-surface-2)}.tabBar{display:inline-flex;align-items:center;gap:6px}.tabButton{border:1px solid var(--dk-border);border-radius:999px;padding:8px 14px;background:#fff;color:var(--dk-text-soft);font-size:.85rem;transition:background .14s ease,color .14s ease,border-color .14s ease}.tabButton.isActive{background:var(--dk-surface-3);border-color:var(--dk-accent-border);color:var(--dk-heading)}.tabButton:hover:not(.isActive){background:var(--dk-surface-2);color:var(--dk-text)}.previewFrame{margin-top:12px;min-height:0;height:100%;border-radius:14px;overflow:hidden;background:#171d26;border:1px solid rgba(255,255,255,.08);padding:10px;display:flex;align-items:center;justify-content:center}.previewFrame:fullscreen{width:100vw;height:100vh;margin:0;border:none;border-radius:0;padding:24px;background:#171d26}.previewCanvasShell{--preview-scale: .72;width:calc(1280px * var(--preview-scale));height:calc(720px * var(--preview-scale));flex:0 0 auto;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(12,22,38,.12);box-shadow:0 20px 38px #000b4047;transform-origin:top left}.previewIframe{width:1280px;height:720px;border:none;background:#fff;transform:scale(var(--preview-scale));transform-origin:top left}.previewEmpty{min-height:520px;display:grid;place-items:center;padding:32px;text-align:center;color:#ffffffb3}.previewLoadingState{display:grid;place-items:center;gap:12px;max-width:360px}.previewLoadingState .spinnerIcon{width:34px;height:34px;color:#ff6200}.previewLoadingState strong{color:#fff;font-size:1.05rem}.previewLoadingState span{color:#ffffffad;line-height:1.5}.detailsGrid{min-height:400px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.detailCard{padding:16px;border-radius:12px;background:var(--dk-surface);border:1px solid var(--dk-border)}.detailCard strong{display:block;color:var(--dk-heading);font-size:.82rem;margin-bottom:6px}.detailCard p{color:var(--dk-text-soft);font-size:.9rem;margin:0}.previewFooter{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.previewStatusText{color:var(--dk-text-soft);font-size:.88rem;line-height:1.6}.previewActions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.downloadLink{display:inline-flex;align-items:center;border:none;border-radius:999px;padding:10px 16px;color:#fff;font-weight:700;background:linear-gradient(135deg,#000b40,#19307d);transition:opacity .16s ease}.downloadLink:hover{opacity:.88}.previewControlDeck{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--dk-border);border-radius:18px;background:linear-gradient(180deg,#ffffffeb,#f8fafff5),var(--dk-surface-2)}.themeDark .previewControlDeck{background:var(--dk-surface)}@media(min-width:1500px){.previewCanvasShell{--preview-scale: .82}}@media(max-width:1320px){.previewCanvasShell{--preview-scale: .64}}.authModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#000b402e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.authModal{width:min(500px,100%);padding:24px;border-radius:22px;border:1px solid var(--dk-border-strong);background:#fff;box-shadow:var(--dk-shadow)}.authModalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.authModalHeader h2{margin:8px 0 0;color:var(--dk-heading);font-size:1.15rem}.docworksInfoPage{display:grid;gap:28px}.docworksHero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:stretch}.docworksHeroCopy,.docworksHeroPanel{border-radius:32px;border:1px solid var(--dk-border);background:var(--dk-surface-2);box-shadow:var(--dk-shadow-sm)}.docworksHeroCopy{padding:clamp(28px,5vw,54px);background:radial-gradient(circle at top right,rgba(255,98,0,.12),transparent 32%),var(--dk-surface-2)}.docworksHeroCopy h1{max-width:11ch;margin:12px 0 16px;color:var(--dk-heading);font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;letter-spacing:-.06em}.docworksHeroCopy p{max-width:720px;color:var(--dk-text-soft);font-size:1.05rem;line-height:1.7}.docworksHeroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.docworksHeroPanel{padding:28px;display:grid;align-content:end;gap:18px;background:linear-gradient(150deg,#000b40f0,#1a3ff8d1),#000b40;color:#fff;min-height:420px}.docworksHeroPanel strong{font-size:clamp(2rem,4vw,3.6rem);line-height:.95;letter-spacing:-.05em}.docworksHeroPanel>span{color:#ffffffb8;line-height:1.55}.docworksMetricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.docworksMetricGrid div{padding:14px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.docworksMetricGrid b,.docworksMetricGrid small{display:block}.docworksMetricGrid b{font-size:1.1rem}.docworksMetricGrid small{margin-top:4px;color:#ffffff9e;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.docworksBenefits,.docworksCapabilityGrid{display:grid;gap:16px}.docworksBenefits{grid-template-columns:repeat(3,minmax(0,1fr))}.docworksBenefits article,.docworksCapabilityCard{padding:22px;border-radius:24px;border:1px solid var(--dk-border);background:var(--dk-surface-2);box-shadow:var(--dk-shadow-sm)}.docworksBenefits span,.docworksCapabilityCard span{color:var(--dk-accent);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.docworksBenefits h2,.docworksCapabilityCard h2{margin:12px 0 8px;color:var(--dk-heading);font-size:1.2rem}.docworksBenefits p,.docworksCapabilityCard p{margin:0;color:var(--dk-text-soft);line-height:1.65}.docworksCapabilityGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.usageGuidePage{display:grid;gap:24px}.usageGuideHero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px;align-items:stretch}.usageGuideHeroCopy,.usageGuideSummary,.usageGuideStepCard,.usageGuidePanel,.usageGuideChecklist,.usageGuideSupportCard,.usageGuideSupportBand{border:1px solid var(--dk-border);background:var(--dk-surface-2);box-shadow:var(--dk-shadow-sm)}.usageGuideHeroCopy{padding:clamp(28px,5vw,52px);border-radius:30px;background:radial-gradient(circle at 86% 16%,rgba(255,98,0,.15),transparent 30%),linear-gradient(180deg,#fffffff5,#f8fafff5),var(--dk-surface-2)}.usageGuideHeroCopy h1{max-width:12ch;margin:12px 0 16px;color:var(--dk-heading);font-size:clamp(2rem,4.5vw,4.2rem);line-height:1}.usageGuideHeroCopy p,.usageGuideSummary p,.usageGuidePanel p,.usageGuideSupportBand p,.usageGuideStepCard p,.usageGuideSupportCard p{color:var(--dk-text-soft);line-height:1.65}.usageGuideHeroCopy p{max-width:680px;font-size:1.02rem}.usageGuideActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.usageGuideSummary{min-height:360px;padding:28px;border-radius:30px;display:grid;align-content:end;gap:14px;color:#fff;background:linear-gradient(145deg,#000b40f5,#1b2d72eb),#000b40}.usageGuideSummary span{color:#ffb486;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.usageGuideSummary strong{color:#fff;font-size:clamp(1.55rem,3vw,2.65rem);line-height:1.04}.usageGuideSummary p{margin:0;color:#ffffffb8}.usageGuideStepGrid,.usageGuideSupportGrid{display:grid;gap:14px}.usageGuideStepGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.usageGuideSupportGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.usageGuideStepCard,.usageGuideSupportCard{min-width:0;padding:22px;border-radius:22px}.usageGuideStepCard span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--dk-accent-soft);color:var(--dk-accent);font-weight:850;font-size:.78rem}.usageGuideStepCard h2,.usageGuidePanel h2,.usageGuideSupportCard h2,.usageGuideSupportBand h2{color:var(--dk-heading);line-height:1.22}.usageGuideStepCard h2,.usageGuideSupportCard h2{margin:14px 0 8px;font-size:1.05rem}.usageGuideStepCard p,.usageGuideSupportCard p{margin:0;font-size:.9rem}.usageGuideSplit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px;align-items:stretch}.usageGuidePanel,.usageGuideChecklist,.usageGuideSupportBand{padding:26px;border-radius:24px}.usageGuidePanel h2,.usageGuideSupportBand h2{margin:10px 0;font-size:clamp(1.4rem,2.5vw,2rem)}.usageGuidePanel p,.usageGuideSupportBand p{margin:0}.usageGuideChecklist{background:linear-gradient(180deg,#ff620014,#fffffff5),var(--dk-surface-2)}.usageGuideChecklist strong{display:block;color:var(--dk-heading);font-size:1rem;margin-bottom:14px}.usageGuideChecklist ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.usageGuideChecklist li{position:relative;padding-left:22px;color:var(--dk-text);line-height:1.5}.usageGuideChecklist li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:999px;background:var(--dk-accent)}.usageGuideSupportBand{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#1a3ff814,#ff620014),var(--dk-surface-2)}.usageGuideSupportBand>div:first-child{max-width:620px}.themeDark .usageGuideHeroCopy,.themeDark .usageGuideChecklist,.themeDark .usageGuideSupportBand{background:var(--dk-surface)}.contactPage{display:grid;gap:0}.contactHero{margin-bottom:28px}.contactGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.contactInfoCard{position:relative;overflow:hidden;padding:28px;min-height:324px;background:radial-gradient(circle at 88% 14%,rgba(255,98,0,.42),transparent 20%),radial-gradient(circle at 14% 100%,rgba(26,63,248,.34),transparent 28%),linear-gradient(145deg,#000b40,#11296f 58%,#263f93);color:#fff;box-shadow:0 28px 70px #000b4038}.contactInfoCard:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;pointer-events:none}.contactCardEyebrow,.contactInfoCard .panelEyebrow{color:#ffb486}.contactInfoCard h2{margin:12px 0 10px;color:#fff;font-size:1.25rem;line-height:1.25}.contactInfoCard p{color:#ffffffc2;line-height:1.65;margin-bottom:16px}.contactSignalGrid{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.contactSignalGrid span{padding:7px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.74rem;font-weight:800}.contactFact{padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.contactFact strong{display:block;color:#fff;font-size:.85rem;margin-bottom:3px}.contactFact span{color:#ffffffb8;font-size:.88rem}.contactAccentOrb{position:absolute;right:-42px;bottom:-42px;width:140px;height:140px;border-radius:999px;background:radial-gradient(circle,rgba(255,98,0,.42),transparent 66%);pointer-events:none}.contactForm{padding:28px;display:grid;gap:16px}.modernContactForm{background:var(--dk-surface-2)}.themeDark .contactInfoCard{background:radial-gradient(circle at 88% 14%,rgba(255,98,0,.5),transparent 20%),radial-gradient(circle at 14% 100%,rgba(26,63,248,.4),transparent 28%),linear-gradient(145deg,#050814,#0e1a3b 58%,#162b71)}@media(max-width:1080px){.isWorkspaceMode .darkCanvas{overflow-y:auto;padding:14px}.isWorkspaceMode .darkPage{height:auto}.darkSidebar{position:fixed;top:60px;left:0;bottom:0;z-index:30;transform:translate(-100%);transition:transform .22s ease;background:#fffffffa;border-right:1px solid var(--dk-border-strong);box-shadow:0 18px 40px #000b401f}.darkSidebar.isOpen{transform:translate(0)}.darkCanvas{padding:28px 24px}.workspaceGrid,.contactGrid,.profileBanner,.docworksHero,.docworksBenefits,.docworksCapabilityGrid,.usageGuideHero,.usageGuideStepGrid,.usageGuideSplit,.usageGuideSupportGrid{grid-template-columns:1fr}.fullscreenWorkspaceGrid{height:auto}.workspaceChatPanel,.workspacePreviewCard{height:auto;min-height:560px}.workspaceComposerCard{position:static}.previewCanvasShell{--preview-scale: .58}.categoryRail{grid-template-columns:repeat(5,minmax(0,1fr));width:min(640px,100%)}}@media(max-width:760px){.darkHeader{padding:0 16px}.isWorkspaceMode .darkCanvas{padding:14px}.workspaceChatPanel,.workspacePreviewCard{min-height:auto}.compactControlStrip,.compactComposerFooter{align-items:stretch}.compactControlPill,.compactOutputPills,.previewControlDeck{width:100%}.compactSendButton,.compactCreditButton{width:auto;flex:1 1 150px}.themeToggleGroup,.docworksMetricGrid{grid-template-columns:1fr}.usageGuideHeroCopy,.usageGuideSummary,.usageGuidePanel,.usageGuideChecklist,.usageGuideSupportBand,.usageGuideStepCard,.usageGuideSupportCard{border-radius:20px}.usageGuideHeroCopy,.usageGuideSummary,.usageGuidePanel,.usageGuideChecklist,.usageGuideSupportBand{padding:22px}.usageGuideSummary{min-height:260px}.usageGuideActions{align-items:stretch}.usageGuideActions .primaryButton,.usageGuideActions .secondaryButton,.usageGuideActions .downloadLink,.compactControlPill select{width:100%}.compactSendButton{margin-left:0}.chatInputHeader{align-items:flex-start;flex-direction:column;gap:4px}.previewFrame{padding:8px}.previewCanvasShell{--preview-scale: .42}.darkCanvas{padding:20px 16px}.darkBrandName,.accountAvatarName{display:none}.accountMenuPanel{right:-8px;width:min(340px,calc(100vw - 24px))}.assistantHeadline{font-size:clamp(1.6rem,8vw,2.4rem)}.categoryRail{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catChip{min-height:104px;padding:10px 8px 9px}.catIcon{width:38px;height:38px}.catSoon{font-size:.58rem;padding:3px 6px}.composerToolbarLeft{gap:4px}.toolbarChip,.toolbarSelectChip{padding:6px 10px;font-size:.78rem}.detailsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.previewHeader{flex-direction:column;align-items:flex-start}.profileBanner,.profileForm,.inlineComposerControls{grid-template-columns:1fr}.composerMetaRow,.previewFooter{flex-direction:column;align-items:flex-start}}