:root{color:#e5eef9;background:radial-gradient(circle at 0 0,#47556933,#0000 28%),linear-gradient(#09111f 0%,#0f172a 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#e5eef9;background:radial-gradient(circle at 0 0,#4755692e,#0000 28%),linear-gradient(#09111f 0%,#0f172a 100%)}body.sectionTouchDragging{touch-action:none;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}textarea{resize:vertical}.appShell{max-width:1480px;margin:0 auto;padding:16px 18px 18px}.hero{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.compactHero{margin-bottom:10px}.heroBrand{flex-direction:column;gap:4px;display:flex}.heroEyebrow{letter-spacing:.18em;color:#94a3b8;font-size:12px}.heroTitle{letter-spacing:.04em;color:#0000;background:linear-gradient(135deg,#f8fbff 0%,#dbeafe 32%,#93c5fd 58%,#c4b5fd 100%);text-shadow:0 18px 42px #2563eb29;-webkit-background-clip:text;background-clip:text;align-items:flex-end;gap:.04em;margin:0;font-size:clamp(34px,4.8vw,54px);font-weight:800;line-height:.92;display:flex}.heroTitleText{display:inline-block}.heroTitleSquare{color:#0000;background:linear-gradient(135deg,#f8fbff 0%,#dbeafe 32%,#93c5fd 58%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,Arial Unicode MS,sans-serif;font-size:.8em;line-height:1;display:inline-block;transform:translateY(-.03em)}.heroSub{color:#9fb0c9;margin:6px 0 0;font-size:14px}.heroModeBadge{color:#bfdbfe;letter-spacing:.05em;background:#2563eb29;border:1px solid #60a5fa52;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.glassPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b829;border-radius:24px;margin-bottom:14px;padding:14px;box-shadow:0 24px 70px #0206176b,inset 0 1px #ffffff0d}.mobileAccordionPanel{padding:0;overflow:hidden}.sectionDeck{gap:12px;display:grid}.sectionDeck.desktop{grid-template-rows:minmax(0,auto) minmax(0,auto);grid-template-columns:minmax(180px,228px) minmax(0,1fr) minmax(220px,300px);align-items:start}.sectionDeck.mobile{grid-template-rows:repeat(2,minmax(0,auto));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sectionWindow{min-width:0;margin-bottom:0}.sectionTopBar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sectionTopBarActions{flex:none;align-items:center;gap:8px;display:flex}.sectionWindowDragOver{border-color:#818cf8e6;box-shadow:0 0 0 2px #818cf840,0 24px 70px #0206176b,inset 0 1px #ffffff0d}.compactPanelHeader{margin-bottom:0}.panelToggleInline{flex:auto;justify-content:space-between;width:auto;padding:0}.panelToggleInline h2{margin:0}.sectionReorderHandle{touch-action:none;color:#cfe0ff;letter-spacing:-.08em;background:#1e293b9e;border:1px solid #94a3b833;border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:16px;line-height:1;display:inline-flex}.sectionReorderHandle.dragging{background:#1e40af57;border-color:#60a5fab8}.sectionReorderHandle:hover{border-color:#60a5fa80}.panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panelHeader h2{margin:0;font-size:18px}.panelHeaderTitleBlock{flex-direction:column;gap:4px;display:flex}.panelSubText{color:#9fb0c9;margin:0;font-size:12px}.panelHeaderInner{margin-bottom:10px}.panelToggleButton{width:100%;color:inherit;text-align:left;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.panelToggleButton:hover{background:#ffffff08}.panelToggleChevron{color:#cfe0ff;background:#1e293bb8;border:1px solid #94a3b82e;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;transition:transform .22s,background .18s;display:grid}.panelToggleChevron.open{transform:rotate(180deg)}.collapsibleBody{overflow:hidden}.mobileAccordionPanel .collapsibleBody{opacity:0;pointer-events:none;max-height:0;padding:0 16px;transition:max-height .28s,opacity .2s,transform .28s,padding .28s;transform:translateY(-8px)}.mobileAccordionPanel .sectionTopBar{margin-bottom:0;padding:12px 14px}.mobileAccordionPanel .collapsibleBody.open{opacity:1;pointer-events:auto;max-height:5200px;padding:8px 14px 14px;transform:translateY(0)}.rowButtons,.buttonGroup{flex-wrap:wrap;gap:8px;display:flex}.button,.primaryButton,.ghostButton{color:#e5eef9;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:14px;padding:10px 14px;transition:transform .15s,border-color .15s,background .15s}.button:hover,.primaryButton:hover,.ghostButton:hover{border-color:#60a5fa80;transform:translateY(-1px)}.primaryButton{background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;box-shadow:0 12px 24px #2563eb47}.ghostButton{background:#1e293b8f}.compactPrimaryButton{border-radius:12px;padding:8px 12px}.railNavButton{color:#f8fafc;background:#0f172ad6;border:1px solid #94a3b82e;border-radius:14px;justify-content:center;align-self:center;align-items:center;width:40px;min-height:92px;padding:0;display:flex;box-shadow:0 10px 24px #02061747}.railNavButton:hover:not(:disabled){background:#1e293bf0;border-color:#60a5faa6}.railNavGlyph{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;line-height:1;display:flex;transform:translate(0)}.pageStrip,.layoutStrip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;padding:2px 2px 6px;display:flex;overflow-x:auto}.pageStrip::-webkit-scrollbar{height:10px}.layoutStrip::-webkit-scrollbar{height:10px}.pageStrip::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:999px}.layoutStrip::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:999px}.pageCard,.layoutCard{text-align:left;color:inherit;scroll-snap-align:start;background:#0f172abd;border:1px solid #94a3b826;border-radius:16px;padding:8px;position:relative}.railCard{flex:0 0 96px;min-width:96px}.pageCard{-webkit-user-select:none;user-select:none}.pageStrip .pageCard{cursor:pointer}.pageCard:active{cursor:grabbing}.pageCard.selected,.layoutCard.selected{background:#11203de6;border-color:#60a5fac7;box-shadow:0 0 0 1px #60a5fa2e,0 18px 40px #2563eb2e}.pageCard.dragOver{border-color:#818cf8f2;box-shadow:0 0 0 2px #818cf852}.pageDeleteButton{z-index:3;color:#f8fafc;background:#0f172ae6;border:none;border-radius:999px;place-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #02061759}.pageDeleteButton:hover{background:#dc2626eb}.pagePreview,.layoutPreview{aspect-ratio:1200/1700;background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);border-radius:12px;margin-bottom:6px;overflow:hidden}.layoutSvg{width:100%;height:100%;display:block}.pageTitle,.layoutTitle{font-size:11px;font-weight:700}.pageMeta{color:#9fb0c9;margin-top:2px;font-size:10px}.workspace{grid-template-columns:minmax(0,1.5fr) 360px;gap:16px;display:grid}.editorStagePanel{min-width:0}.editorStageSurface{background:#94a3b81c;border:1px solid #94a3b829;border-radius:18px;flex-direction:column;gap:6px;max-width:100%;margin:0 auto;padding:6px;display:flex}.editorStageSurface.mobile{gap:5px;padding:5px}.editorPreviewWrap{max-width:100%;margin:0 auto;position:relative}.editorPreview{aspect-ratio:1200/1700;background:linear-gradient(#ffffffe6,#f1f5f9f5);border-radius:16px;overflow:hidden}.sectionWindow-editor .editorPreviewWrap{width:min(100%,440px)}.sectionDeck.mobile .sectionWindow-editor .editorPreviewWrap{width:100%}.editorSvg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.editorNavButton{z-index:5;color:#f8fafc;background:#0f172ad6;border:1px solid #94a3b82e;border-radius:14px;place-items:center;width:40px;height:62px;font-size:22px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #02061752}.editorNavButton.left{left:10px}.editorNavButton.right{right:10px}.editorNavButton:hover:not(:disabled){background:#1e293bf0;border-color:#60a5faa6}.editorActionBar{margin-top:0}.editorActionBarButtons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.editorActionBarButtons .button,.editorActionBarButtons .primaryButton{white-space:nowrap;border-radius:12px;min-width:0;padding:7px 4px;font-size:11px}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:#c4d1e4;font-size:13px}.field input,.field select,.field textarea{color:#f8fafc;background:#0f172ad1;border:1px solid #94a3b833;border-radius:14px;width:100%;padding:10px 12px}.selectionStatus,.helperText,.shortcutNote{color:#9fb0c9;font-size:13px}.helperText{margin-top:10px}.compactHelperText{margin-top:8px;margin-bottom:0}.mobileControlsPanel .buttonGroup{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobileControlsPanel .field input,.mobileControlsPanel .field select,.mobileControlsPanel .field textarea{min-height:44px}.mobileControlsPanel .field textarea{min-height:124px}.sectionDeck.desktop .sectionWindow-editor .collapsibleBody,.sectionDeck.desktop .sectionWindow-controls .collapsibleBody{overflow:visible}.sectionDeck.desktop .sectionWindow-editor .editorStageSurface{max-width:460px}.sectionDeck.mobile .sectionWindow{align-self:start}.sectionDeck.mobile .sectionWindow-editor .editorStageSurface{max-width:100%}.sectionDeck.mobile .sectionWindow-pages .sectionTopBar,.sectionDeck.mobile .sectionWindow-editor .sectionTopBar,.sectionDeck.mobile .sectionWindow-candidates .sectionTopBar,.sectionDeck.mobile .sectionWindow-controls .sectionTopBar{align-items:center}.sectionDeck.mobile .sectionWindow-pages .sectionTopBarActions{justify-content:flex-end}.sectionDeck.mobile .sectionWindow-pages .compactPrimaryButton{flex:auto;min-width:0;padding:6px 8px;font-size:10px}@media (width<=1100px){.workspace{grid-template-columns:1fr}}@media (width<=960px){.appShell{padding:14px}.hero{align-items:flex-start}.glassPanel{border-radius:20px}.mobileAccordionPanel{padding:0}.panelToggleButton{padding:14px}.mobileAccordionPanel .sectionTopBar{gap:6px;padding:8px 10px}.mobileAccordionPanel .collapsibleBody.open{padding:5px 10px 10px}.sectionDeck.mobile{gap:8px}.stripRail{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.railNavButton{border-radius:12px;width:30px;min-height:82px}.railNavGlyph{font-size:16px}.railCard{border-radius:14px;flex-basis:78px;min-width:78px;padding:6px}.pagePreview,.layoutPreview{border-radius:10px}.pageTitle,.layoutTitle{font-size:11px}.pageMeta{font-size:10px}.editorStageSurface{border-radius:16px}.editorPreview{border-radius:14px}.editorPreviewWrap.mobile .editorNavButton{width:30px;height:42px}.editorNavButton.left{left:8px}.editorNavButton.right{right:8px}.editorActionBarButtons{gap:6px}.editorActionBarButtons .button,.editorActionBarButtons .primaryButton{letter-spacing:-.03em;padding:6px 2px;font-size:8.8px}}@media (width<=640px){.heroTitle{font-size:clamp(24px,7vw,32px)}.button,.primaryButton,.ghostButton{border-radius:12px}.panelHeader h2,.panelToggleButton h2{font-size:14px}.mobileAccordionPanel .panelToggleButton h2{letter-spacing:.01em;font-size:12px}.railCard{flex-basis:72px;min-width:72px}.pageDeleteButton{width:24px;height:24px;font-size:16px}.editorPreviewWrap.mobile .editorNavButton{width:28px;height:40px}.editorActionBarButtons .button,.editorActionBarButtons .primaryButton{padding:5px 2px;font-size:8.4px}.sectionTopBarActions{gap:6px}.sectionWindow-pages .compactPrimaryButton{padding:6px 8px;font-size:10px}.sectionReorderHandle{border-radius:10px;min-width:34px;height:34px;font-size:14px}}body,#root{height:100dvh;overflow:hidden}.appViewport{flex-direction:column;max-width:1600px;height:100dvh;padding:12px 16px 16px;display:flex;overflow:hidden}.workspaceViewport{flex:1;gap:14px;min-height:0;display:grid}.editorStagePanelMain,.sideTabsPanel{min-height:0;margin-bottom:0}.editorStagePanelMain{flex-direction:column;padding:14px;display:flex}.editorPanelHeader{margin-bottom:10px}.editorStageSurface.desktopLarge,.editorStageSurface.mobile{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.editorPreviewWrap.desktopLarge,.editorPreviewWrap.mobile{flex:1;min-height:0}.editorPreviewWrap.desktopLarge{justify-content:center;align-items:center;display:flex}.desktopPanViewport{overflow:hidden}.desktopCanvasPanLayer,.desktopCanvasScaleLayer{width:100%;height:100%}.desktopCanvasPanLayer{will-change:transform}.desktopCanvasScaleLayer{transform-origin:50%}.desktopFitPreview{width:min(100%,70.5882dvh - 96px);height:min(100dvh - 136px,100%);margin:0 auto;overflow:hidden}.desktopZoomablePreview{overscroll-behavior:contain;touch-action:none}.editorSvgTransform{width:100%;height:100%;display:block}.compactActionBar{margin-top:0;padding-top:0}.compactActionButtons{gap:8px}.compactButton,.compactPrimaryButton{min-height:38px;padding:8px 12px;font-size:13px}.sideTabsPanel{flex-direction:column;padding:14px;display:flex;overflow:hidden}.sideTabsHeader{margin-bottom:10px}.sideTabsSwitcher{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.auxTabsBar{flex:1;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.auxTabButton{color:#cbd5e1;background:#0f172aa8;border:1px solid #94a3b833;border-radius:12px;flex:none;padding:8px 12px}.auxTabButton.active{color:#fff;background:linear-gradient(135deg,#2563ebf0,#4f46e5eb);box-shadow:0 8px 18px #2563eb3d}.drawModeCursor,.drawModeCursor *{cursor:crosshair}.drawColorField{gap:10px}.drawColorScale{flex-direction:column;gap:8px;display:flex;overflow:visible}.drawColorSwatch{background:var(--swatchColor);border:1px solid #94a3b83d;border-radius:10px;flex:none;width:100%;min-height:32px;box-shadow:inset 0 1px #ffffff2e}.drawColorSwatch.active{border-color:#bfdbfeeb;box-shadow:0 0 0 2px #60a5fa47}.sidePaneBody{flex:1;min-height:0;padding-right:2px;overflow:auto}.auxTabPanel{min-height:100%}.auxTabPanelContent{flex-direction:column;gap:12px;min-height:100%;display:flex}.controlPaneBody{padding-right:2px}.auxTabSectionHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.auxTabSectionHeader h3{margin:0;font-size:16px}.candidateTopRow{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.compactField{margin-bottom:0}.bubbleTextField textarea{min-height:170px}.stripRail{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.pageStrip,.layoutStrip{min-width:0}.pageStrip .pageCard,.layoutStrip .layoutCard{flex:0 0 120px;min-width:120px}.editorActionBarButtons{justify-content:center}.zoomModalOverlay{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.zoomModalCard{background:#0f172af0;border:1px solid #94a3b82e;border-radius:26px;flex-direction:column;width:min(92vw,920px);height:min(88dvh,980px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0206176b}.zoomModalHeader{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.zoomModalHeader h2{margin:0;font-size:16px}.zoomModalViewport{touch-action:none;background:radial-gradient(circle,#4755692e,#0f172af5);flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.zoomModalCanvas{will-change:transform;transform-origin:50%;width:min(78vw,560px)}.zoomModalPaper{aspect-ratio:1200/1700;background:#fff;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 20px 50px #02061761}@media (width<=920px){.appViewport{padding:10px 10px 12px}.hero{margin-bottom:8px}.heroTitle{font-size:28px}.workspaceViewport.mobile{grid-template-rows:minmax(0,46vh) minmax(0,1fr);gap:10px}.editorStagePanelMain,.sideTabsPanel{border-radius:20px;padding:12px}.panelHeader h2,.auxTabSectionHeader h3{font-size:14px}.sideTabsSwitcher,.auxTabsBar{gap:6px}.auxTabButton{padding:7px 10px;font-size:12px}.stripRail{gap:8px}.railNavButton{width:34px;min-width:34px;height:34px}.pageStrip .pageCard,.layoutStrip .layoutCard{flex-basis:112px;min-width:112px}.candidateTopRow{grid-template-columns:1fr}.bubbleTextField textarea{min-height:140px}.desktopFitPreview{width:100%;height:auto;max-height:100%}.zoomModalCard{width:94vw;height:90dvh}.zoomModalCanvas{width:min(88vw,520px)}}.appShell{max-width:none}.appViewport{max-width:none;padding:8px 12px 12px}.workspaceViewport.desktop{grid-template-columns:minmax(0,1.62fr) minmax(380px,1fr);gap:12px}.workspaceViewport.mobile{grid-template-rows:minmax(0,58vh) minmax(0,1fr)}.editorStageSurface.desktopLarge,.editorStageSurface.mobile{gap:8px}.editorPreviewWrap.desktopLarge,.editorPreviewWrap.mobile{justify-content:center;align-items:center;display:flex}.editorPreviewWrap.desktopLarge{width:100%}.desktopThumbGrid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;display:grid}.desktopPageGrid,.desktopCandidateGrid{padding:2px 1px 6px}.gridThumbCard{cursor:pointer;scroll-snap-align:unset;width:100%;min-width:0;padding:7px}.desktopThumbGrid .pagePreview,.desktopThumbGrid .layoutPreview{border-radius:12px;margin-bottom:6px}.desktopThumbGrid .pageTitle,.desktopThumbGrid .layoutTitle{font-size:12px}.desktopThumbGrid .pageMeta{font-size:10px;line-height:1.3}.desktopThumbGrid .pageDeleteButton{width:22px;height:22px;font-size:16px;top:6px;right:6px}.zoomModalCard{width:min(96vw,1100px);height:min(92dvh,1180px)}.zoomModalCanvas{width:min(92vw,720px)}.zoomEditorSvg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@media (width<=920px){.workspaceViewport.mobile{grid-template-rows:minmax(0,56vh) minmax(0,1fr)}.editorStagePanelMain,.sideTabsPanel{padding:10px}.editorStagePanelMain .desktopFitPreview{width:min(100%,39.5294dvh - 79.0588px);height:100%;max-height:100%}.zoomModalCard{width:96vw;height:92dvh}.zoomModalCanvas{width:min(94vw,720px)}}.sectionWindow-editor .editorPreviewWrap,.sectionDeck.desktop .sectionWindow-editor .editorStageSurface{width:100%;max-width:none}.editorStagePanelMain{padding:10px}.editorStageSurface.desktopLarge{width:100%;max-width:none}.desktopFitPreview{width:min(100%,70.5882dvh - 31.0588px);height:min(100dvh - 44px,100%)}.zoomBubbleQuickEditor{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;border:1px solid #94a3b833;border-radius:18px;width:min(248px,100% - 28px);padding:12px;position:absolute;bottom:14px;right:14px;box-shadow:0 18px 36px #02061752}.zoomBubbleQuickEditorHeader{color:#e5eef9;margin-bottom:8px;font-size:13px;font-weight:700}.zoomBubbleQuickEditor .compactField{margin-bottom:10px}.zoomBubbleQuickEditor textarea{min-height:88px}.zoomBubbleQuickEditor .buttonGroup{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.zoomBubbleQuickEditor .buttonGroup:last-child{grid-template-columns:1fr}.workspaceViewport.desktop{grid-template-columns:minmax(0,1fr) 468px}.auxTabButton{white-space:nowrap;min-width:0;padding:9px 10px;font-size:14px;line-height:1.15}.stripNavButton{flex:0 0 34px;width:34px;min-width:34px;padding:0}.editorPreviewTopBar{justify-content:center;align-items:center;margin:0 0 6px;display:flex}.editorStageSurface.desktopLarge{padding-top:14px;padding-bottom:14px}.drawColorScale{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;display:grid}.drawColorSwatch{width:100%;min-height:34px}.editorStageSurface.desktopLarge{padding:16px}.desktopEditorSplit{grid-template-columns:minmax(0,1fr) 172px;align-items:stretch;gap:14px;height:100%;min-height:0;display:grid}.desktopEditorPrimary,.desktopEditorSecondary{min-width:0;min-height:0}.desktopEditorPrimary{flex-direction:column;display:flex}.desktopCompanionCard{background:#94a3b81c;border:1px solid #94a3b824;border-radius:16px;flex-direction:column;width:100%;min-height:0;padding:10px;display:flex}.desktopCompanionLabel{color:#9fb0c9;text-align:center;margin-bottom:8px;font-size:12px}.desktopCompanionPreview{aspect-ratio:1200/1700;background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);border-radius:14px;width:100%;margin-top:auto;margin-bottom:auto;overflow:hidden}.editorPreviewTopBar{width:fit-content;margin:0 auto 8px}.editorPreviewWrap.desktopLarge{padding-top:6px}.editorActionBar{justify-content:center;width:100%;margin:10px auto 0;display:flex}.editorActionBarButtons{grid-template-columns:none;justify-content:center;gap:8px;display:flex}.editorActionBarButtons .button,.editorActionBarButtons .primaryButton{flex:none;min-width:0}.auxTabsBar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-bottom:0;display:grid;overflow:hidden}.auxTabButton{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:8px 6px;font-size:13px;line-height:1.15;overflow:hidden}.drawColorScale{flex-wrap:nowrap;gap:8px;display:flex}.drawColorSwatch{flex:1 1 0;min-width:0;min-height:34px}.desktopEditorSplit{height:100%;min-height:0;display:block;position:relative}.desktopEditorPrimary{height:100%}.desktopEditorPrimary .editorPreviewWrap.desktopLarge{justify-content:flex-start}.desktopEditorSecondary{z-index:2;width:172px;display:flex;position:absolute;top:58px;bottom:0;right:0}.sideTabsSwitcher{gap:6px}.auxTabsBar{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;padding-bottom:0;display:grid;overflow:hidden}.auxTabButton{white-space:normal;overflow-wrap:anywhere;word-break:keep-all;text-align:center;min-width:0;min-height:42px;padding:7px 6px;font-size:12px;line-height:1.15}.drawColorScale{flex-flow:row;gap:8px;display:flex;overflow:hidden}.drawColorSwatch{flex:1 1 0;width:auto;min-width:0;min-height:34px}.desktopEditorSecondary{display:none!important}.desktopEditorSplit{align-items:stretch;width:100%;height:100%;justify-content:center!important;display:flex!important}.desktopEditorPrimary{width:100%;height:100%}.desktopEditorPrimary .editorPreviewWrap.desktopLarge{justify-content:center!important;align-items:center!important}.desktopEditorPrimary .desktopFitPreview{margin-left:auto!important;margin-right:auto!important}.desktopEditorSecondary,.desktopCompanionCard,.desktopCompanionLabel,.desktopCompanionPreview{display:none!important}