/* Desktop workspace shell inspired by the approved blue-white dashboard.
   Authentication screens are intentionally outside this stylesheet's scope. */
@media (min-width:521px){
  html body.workspace-readable>.app-shell{
    display:grid!important;
    grid-template-columns:420px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0!important;
    width:100vw!important;
    height:100dvh!important;
    overflow:hidden!important;
    background:
      radial-gradient(860px 520px at 78% 0%,rgba(104,159,255,.22),transparent 72%),
      linear-gradient(145deg,#eef6ff 0%,#f5f8ff 48%,#fff 100%)!important;
  }

  html body.workspace-readable .app-shell>.lime-workbench{
    width:420px!important;
    min-width:420px!important;
    height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-right:1px solid rgba(139,164,210,.24)!important;
    border-radius:0!important;
    background:
      radial-gradient(300px 220px at 10% 3%,rgba(108,191,255,.22),transparent 72%),
      linear-gradient(180deg,rgba(247,251,255,.99),rgba(241,247,255,.97))!important;
    box-shadow:12px 0 38px rgba(63,92,145,.08)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner{
    width:100%!important;
    min-height:100%!important;
    padding:18px 15px 28px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy{
    min-height:170px!important;
    margin:0 0 10px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>h1,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>p{display:none!important}
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand{
    width:300px!important;
    height:158px!important;
    margin:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand .crealink-wordmark,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{
    display:block!important;
    width:300px!important;
    height:158px!important;
    max-width:300px!important;
    object-fit:contain!important;
    filter:none!important;
  }

  html body.workspace-readable .app-shell>.lime-workbench .module-browser{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .module-heading,
  html body.workspace-readable .app-shell>.lime-workbench .module-context{display:none!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    margin:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group{
    margin:0!important;
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.96)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.58)!important;
    box-shadow:0 10px 26px rgba(54,82,134,.08),inset 0 1px #fff!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-tools{
    background:rgba(255,255,255,.52)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group>h3{
    margin:0 2px 10px!important;
    color:#12244b!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:0!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-tools .module-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module]{
    min-width:0!important;
    min-height:72px!important;
    height:72px!important;
    padding:9px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid rgba(212,222,242,.88)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.92)!important;
    color:#102457!important;
    box-shadow:0 6px 15px rgba(61,88,142,.07)!important;
    transform:none!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module]:is(:hover,:focus-visible){
    border-color:#075ec8!important;
    background:#075ec8!important;
    background-image:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(18,105,211,.28),inset 0 1px rgba(255,255,255,.24)!important;
    transform:translateY(-2px)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group button[data-module]:is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon),
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group-tools button[data-module]:is(:hover,:focus-visible) :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:none!important;
    filter:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module].active{
    border-color:#075ec8!important;
    background:#075ec8!important;
    background-image:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(18,105,211,.28),inset 0 1px rgba(255,255,255,.24)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module].active :is(.module-tab-copy,.module-tab-copy b,.module-tab-copy small,.module-tab-copy i,.module-icon){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
    filter:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-icon{
    display:grid!important;
    width:26px!important;
    height:26px!important;
    place-items:center!important;
    color:currentColor!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-line-icon{
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-tools button[data-module] .module-icon{
    width:32px!important;
    height:32px!important;
    border:1px solid rgba(102,144,218,.18)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#f5f8ff,#e9f1ff)!important;
    box-shadow:inset 0 1px #fff!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-tools button[data-module] .module-line-icon{
    width:21px!important;
    height:21px!important;
    stroke-width:2.1!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-tab-copy,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-tab-copy>b{
    min-width:0!important;
    width:100%!important;
    color:currentColor!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):is(:hover,:focus-visible){
    border-color:#075ec8!important;
    background:#075ec8!important;
    background-image:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
    color:#fff!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):is(:hover,:focus-visible) :is(.module-icon,.module-tab-copy,.module-tab-copy>b){
    display:flex!important;
    position:relative!important;
    z-index:2!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):is(:hover,:focus-visible) .module-icon{
    display:grid!important;
    border-color:transparent!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):is(:hover,:focus-visible) .module-line-icon{
    stroke:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):is(:hover,:focus-visible)::before,
  html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):is(:hover,:focus-visible)::after{
    display:none!important;
    content:none!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module="image_to_video"],
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module="vectorize"]{
    grid-column:1/-1!important;
    min-height:48px!important;
    height:48px!important;
    flex-direction:row!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module="image_to_video"] .module-tab-copy,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module="vectorize"] .module-tab-copy{
    width:auto!important;
    flex:0 0 auto!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench .workspace-nav-attention{
    animation:workspace-nav-attention .85s ease!important;
  }

  html body.workspace-readable .studio-stage{
    width:calc(100vw - 420px)!important;
    min-width:0!important;
    height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:transparent!important;
  }
  html body.workspace-readable .studio-stage>.topbar{
    position:sticky!important;
    top:0!important;
    z-index:130!important;
    width:100%!important;
    min-height:88px!important;
    height:88px!important;
    padding:16px 26px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    border:0!important;
    border-bottom:1px solid rgba(158,178,215,.14)!important;
    border-radius:0!important;
    background:rgba(239,247,255,.88)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
    backdrop-filter:blur(20px) saturate(130%)!important;
  }
  html body.workspace-readable .workspace-global-search{
    flex:1 1 520px!important;
    max-width:720px!important;
    height:52px!important;
    padding:0 15px 0 18px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    border:1px solid rgba(255,255,255,.98)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 10px 30px rgba(55,92,153,.09),inset 0 1px #fff!important;
  }
  html body.workspace-readable .workspace-global-search:focus-within{
    border-color:rgba(39,111,242,.42)!important;
    box-shadow:0 0 0 4px rgba(43,117,243,.08),0 12px 32px rgba(55,92,153,.12)!important;
  }
  html body.workspace-readable .workspace-global-search>svg{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:#102859!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
  }
  html body.workspace-readable .workspace-global-search>input{
    flex:1!important;
    min-width:0!important;
    height:100%!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#142750!important;
    font-size:14px!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .workspace-global-search>input::placeholder{color:#8192b5!important;opacity:1!important}
  html body.workspace-readable .workspace-global-search>kbd{
    padding:4px 8px!important;
    border:0!important;
    border-radius:7px!important;
    background:#eef3fb!important;
    color:#7f8caa!important;
    font:700 11px/1.4 "Microsoft YaHei UI",sans-serif!important;
    box-shadow:none!important;
  }
  html body.workspace-readable .studio-stage>.topbar>.topbar-links{margin-left:auto!important}
  html body.workspace-readable .studio-stage>.topbar .top-actions{gap:10px!important;flex-wrap:nowrap!important;align-items:center!important}
  html body.workspace-readable .studio-stage>.topbar #serviceStatus,
  html body.workspace-readable .studio-stage>.topbar #installAppBtn{display:none!important}
  html body.workspace-readable .studio-stage>.topbar .topbar-links>button{min-height:42px!important;padding:8px 16px!important;display:flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(218,226,241,.88)!important;border-radius:12px!important;background:#fff!important;color:#142750!important;box-shadow:0 5px 15px rgba(55,82,134,.06)!important;font-weight:700!important;white-space:nowrap!important}
  html body.workspace-readable .studio-stage>.topbar .topbar-links>button>svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.workspace-readable .studio-stage>.topbar #memberSummary{position:relative!important;display:flex!important;align-items:center!important;margin-left:2px!important;padding-left:14px!important}
  html body.workspace-readable .studio-stage>.topbar #memberSummary::before{content:""!important;position:absolute!important;left:0!important;top:8px!important;width:1px!important;height:26px!important;background:#cbd7eb!important}
  html body.workspace-readable .studio-stage>.topbar #memberChip{min-height:42px!important;padding:7px 0!important;display:flex!important;align-items:center!important;gap:8px!important;border:0!important;background:transparent!important;color:#18305f!important;box-shadow:none!important;white-space:nowrap!important}
  html body.workspace-readable .studio-stage>.topbar #memberChip .workspace-crown-icon{width:22px!important;height:22px!important;fill:#176ff2!important;stroke:#176ff2!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.workspace-readable .studio-stage>.topbar #memberChip .workspace-membership-label{font-size:13px!important;font-weight:700!important;color:#18305f!important}
  html body.workspace-readable .studio-stage>.topbar .topbar-legacy-action{display:none!important}
  html body.workspace-readable .studio-stage>.topbar #workspaceNotificationBtn{position:relative!important;width:42px!important;height:42px!important;padding:0 0 0 12px!important;border:0!important;border-left:1px solid #cbd7eb!important;border-radius:0!important;background:transparent!important;color:#163266!important;box-shadow:none!important}
  html body.workspace-readable .studio-stage>.topbar #workspaceNotificationBtn>svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.workspace-readable .studio-stage>.topbar #workspaceNotificationBtn>i{position:absolute!important;right:2px!important;top:7px!important;width:7px!important;height:7px!important;border:1.5px solid #fff!important;border-radius:50%!important;background:#ff334f!important;box-shadow:0 1px 4px rgba(255,51,79,.35)!important}
  html body.workspace-readable .studio-stage>.topbar #accountBtn{min-width:74px!important;height:42px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;background:transparent!important;color:#17315f!important;box-shadow:none!important}
  html body.workspace-readable .studio-stage>.topbar #accountBtn>span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(135deg,#155fdc,#1978ff)!important;color:#fff!important;font:500 16px/1 "Segoe UI",sans-serif!important;box-shadow:0 8px 18px rgba(26,105,235,.24)!important}
  html body.workspace-readable .studio-stage>.topbar #accountBtn>svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.workspace-readable .studio-stage>.topbar .account-stat :is(b,small),
  html body.workspace-readable .studio-stage>.topbar .top-actions>button,
  html body.workspace-readable .studio-stage>.topbar .topbar-links>button{color:inherit!important}
  html body.workspace-readable .studio-stage>.topbar .stat-dot{
    border:0!important;
    background:#eaf2ff!important;
    color:#0d65e8!important;
  }

  html body.workspace-readable .studio-stage>.output-zone{
    padding:12px 26px 36px!important;
    background:transparent!important;
  }

  /* Let the embedded editor use a comfortable working height and keep the
     stage vertically scrollable instead of clipping it to one viewport. */
  html body.workspace-readable .studio-stage:has(#inlineTemplateEditor:not(.hidden)){
    display:flex!important;
    flex-direction:column!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
  html body.workspace-readable .studio-stage:has(#inlineTemplateEditor:not(.hidden))>.topbar{
    flex:0 0 auto!important;
  }
  html body.workspace-readable .studio-stage>.output-zone:has(#inlineTemplateEditor:not(.hidden)){
    flex:0 0 auto!important;
    min-height:0!important;
    padding-bottom:12px!important;
    overflow:visible!important;
  }
  html body.workspace-readable .output-panel:has(#inlineTemplateEditor:not(.hidden)){
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body.workspace-readable #inlineTemplateEditor:not(.hidden){
    --inline-editor-page-frame-height:clamp(860px,calc(100dvh + 140px),1080px);
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:calc(var(--inline-editor-page-frame-height) + 72px)!important;
    overflow:visible!important;
  }
  html body.workspace-readable #inlineTemplateEditor:not(.hidden)>.inline-editor-bar{flex:0 0 auto!important}
  html body.workspace-readable #inlineTemplateEditor:not(.hidden)>.inline-editor-frame{
    flex:0 0 var(--inline-editor-page-frame-height)!important;
    height:var(--inline-editor-page-frame-height)!important;
    min-height:var(--inline-editor-page-frame-height)!important;
  }
  html body.workspace-readable .studio-stage .output-panel{
    width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state){
    min-height:0!important;
    padding:0!important;
    display:block!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state)>.empty-showcase,
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state)>.empty-copy,
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state)>.empty-steps,
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state)>.empty-foot,
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state)>.empty-recovery,
  html body.workspace-readable #outputEmpty.template-mode:not(.failure-state)>.empty-retry-btn{display:none!important}

  html body.workspace-readable .workspace-dashboard-hero{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    height:344px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.98)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 87% 18%,rgba(31,139,255,.22),transparent 29%),
      linear-gradient(118deg,#f8fbff 0%,#eef6ff 48%,#dcecff 100%)!important;
    box-shadow:0 18px 50px rgba(47,91,160,.14)!important;
  }
  html body.workspace-readable .workspace-dashboard-hero::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background-image:linear-gradient(rgba(58,129,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(58,129,220,.055) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:linear-gradient(90deg,transparent 34%,#000 62%,#000);
    pointer-events:none;
  }
  html body.workspace-readable .workspace-dashboard-hero::after{
    content:"";
    position:absolute;
    z-index:0;
    right:-8%;
    bottom:-68%;
    width:50%;
    aspect-ratio:1;
    border:1px solid rgba(30,119,226,.12);
    border-radius:50%;
    box-shadow:0 0 0 34px rgba(61,145,240,.055),0 0 0 68px rgba(61,145,240,.035);
    pointer-events:none;
  }
  html body.workspace-readable .workspace-dashboard-copy{
    position:relative!important;
    z-index:2!important;
    width:min(49%,600px)!important;
    height:100%!important;
    padding:30px 38px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    color:#0b2454!important;
    transform:none;
    opacity:1;
    will-change:opacity,filter;
  }
  html body.workspace-readable #workspaceHero .workspace-copy-rotating.copy-leaving{opacity:0!important;transform:translateY(-18px)!important;transition:opacity .2s ease,transform .24s cubic-bezier(.4,0,1,1)!important}
  html body.workspace-readable #workspaceHero .workspace-copy-rotating.copy-entering{animation:workspaceCopyRollIn .38s cubic-bezier(.16,1,.3,1) both!important}
  html body.workspace-readable .workspace-dashboard-copy>span{
    margin-bottom:10px!important;
    color:#176dd7!important;
    font:850 11px/1.3 "Microsoft YaHei UI","PingFang SC",sans-serif!important;
    letter-spacing:.12em!important;
  }
  html body.workspace-readable .workspace-dashboard-copy>h2{
    margin:0!important;
    color:#071d47!important;
    font-size:clamp(34px,3.35vw,54px)!important;
    font-weight:950!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
  }
  html body.workspace-readable .workspace-dashboard-copy>h2>em{
    color:#145fe2!important;
    font-style:normal!important;
  }
  html body.workspace-readable .workspace-dashboard-copy>p{
    max-width:560px!important;
    margin:13px 0 14px!important;
    color:#18315c!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.7!important;
  }
  html body.workspace-readable .workspace-hero-guide{
    display:flex;
    align-items:center;
    gap:8px;
    color:#26466f;
    font-size:12px;
    font-weight:800;
  }
  html body.workspace-readable .workspace-hero-guide>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
  html body.workspace-readable .workspace-hero-guide>span>b{
    display:grid;
    width:20px;
    height:20px;
    place-items:center;
    border-radius:7px;
    background:#e0efff;
    color:#0b68dd;
    font-size:10px;
  }
  html body.workspace-readable .workspace-hero-guide>i{width:20px;height:1px;background:#a8c6e9}
  html body.workspace-readable .workspace-hero-proof{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:15px;
  }
  html body.workspace-readable .workspace-hero-proof>span{
    display:flex;
    align-items:center;
    gap:5px;
    padding:7px 10px;
    border:1px solid rgba(172,201,236,.72);
    border-radius:9px;
    background:rgba(255,255,255,.58);
    color:#607697;
    font-size:9px;
    font-weight:750;
    white-space:nowrap;
  }
  html body.workspace-readable .workspace-hero-proof>span>b{color:#126fd5;font-size:10px;font-weight:900}
  html body.workspace-readable .workspace-hero-demo{
    position:absolute;
    z-index:2;
    top:50%;
    right:3.2%;
    width:min(47%,680px);
    height:76%;
    display:grid;
    grid-template-columns:minmax(220px,.9fr) minmax(250px,1.1fr);
    gap:14px;
    transform:translateY(-50%);
  }
  html body.workspace-readable .workspace-hero-module-card,
  html body.workspace-readable .workspace-hero-request-card{
    min-width:0;
    border:1px solid rgba(178,206,240,.82);
    border-radius:18px;
    background:rgba(255,255,255,.9);
    box-shadow:0 18px 40px rgba(49,91,154,.13),inset 0 1px rgba(255,255,255,.9);
    backdrop-filter:blur(12px);
  }
  html body.workspace-readable .workspace-hero-module-card{
    padding:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    transform:rotate(-1.2deg);
  }
  html body.workspace-readable .workspace-hero-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:2px}
  html body.workspace-readable .workspace-hero-module-head>span{display:grid;gap:3px}
  html body.workspace-readable .workspace-hero-module-head small{color:#2d78d2;font-size:8px;font-weight:900;letter-spacing:.1em}
  html body.workspace-readable .workspace-hero-module-head strong{color:#17365f;font-size:13px;font-weight:900}
  html body.workspace-readable .workspace-hero-module-head>em{
    padding:4px 7px;
    border-radius:999px;
    background:#e9f3ff;
    color:#2473cc;
    font-size:8px;
    font-style:normal;
    font-weight:850;
    white-space:nowrap;
  }
  html body.workspace-readable .workspace-hero-module-card>div:not(.workspace-hero-module-head){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  html body.workspace-readable .workspace-hero-module-card>div:not(.workspace-hero-module-head)>b{
    min-width:0;
    padding:7px 6px;
    border:1px solid #d7e4f5;
    border-radius:10px;
    background:#f8fbff;
    color:#294b78;
    font-size:11px;
    font-weight:850;
    text-align:center;
    white-space:nowrap;
  }
  html body.workspace-readable .workspace-hero-module-card>div:not(.workspace-hero-module-head)>b.active{
    border-color:#1c78eb;
    background:linear-gradient(135deg,#0b62d8,#1a86fb);
    color:#fff;
    box-shadow:0 8px 18px rgba(21,112,228,.23);
  }
  html body.workspace-readable .workspace-hero-module-card>p{margin:2px 0 0;color:#7185a2;font-size:9px;font-weight:700;line-height:1.5}
  html body.workspace-readable .workspace-hero-request-card{
    padding:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transform:rotate(1deg);
  }
  html body.workspace-readable .workspace-hero-request-card>span{display:flex;align-items:center;gap:7px;color:#5c7398;font-size:10px;font-weight:850}
  html body.workspace-readable .workspace-hero-request-card>span>i{width:7px;height:7px;border-radius:50%;background:#1e82f4;box-shadow:0 0 0 4px #dfedff}
  html body.workspace-readable .workspace-hero-request-card>strong{margin-top:8px;color:#142e59;font-size:14px;font-weight:900}
  html body.workspace-readable .workspace-hero-request-card>p{margin:7px 0 9px;color:#607796;font-size:9px;font-weight:700;line-height:1.55}
  html body.workspace-readable .workspace-hero-request-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px}
  html body.workspace-readable .workspace-hero-request-tags>i{padding:4px 7px;border-radius:6px;background:#edf5ff;color:#3473b8;font-size:8px;font-style:normal;font-weight:800}
  html body.workspace-readable .workspace-hero-request-action{display:flex;align-items:center;justify-content:space-between;gap:8px}
  html body.workspace-readable .workspace-hero-request-action>b{
    padding:8px 15px;
    border-radius:9px;
    background:linear-gradient(135deg,#0c61d7,#1a84f7);
    color:#fff;
    font-size:11px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(19,105,218,.22);
  }
  html body.workspace-readable .workspace-hero-request-action>small{color:#788da9;font-size:8px;font-weight:750;white-space:nowrap}
  html body.workspace-readable .workspace-category-nav{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:12px!important;
    margin:16px 0 22px!important;
  }
  html body.workspace-readable .workspace-category-nav>button{
    min-width:0!important;
    height:56px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:1px solid rgba(220,228,243,.90)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.86)!important;
    color:#152957!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:0 8px 20px rgba(57,83,132,.07)!important;
  }
  html body.workspace-readable .workspace-category-nav>button>svg{
    flex:0 0 auto!important;
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  html body.workspace-readable .workspace-category-nav>button:is(:hover,:focus-visible){border-color:rgba(27,108,237,.44)!important;color:#075edc!important;transform:translateY(-2px)!important}
  html body.workspace-readable .workspace-category-nav>button.active{
    border-color:#1674f3!important;
    background:linear-gradient(135deg,#0c59d7,#1a83ff)!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(20,108,235,.24)!important;
  }

  html body.workspace-readable #templateGallery.template-gallery{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable #templateGallery .template-gallery-title{
    min-height:48px!important;
    margin:0 0 12px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.workspace-readable #templateGallery .template-gallery-title>div{
    display:flex!important;
    align-items:baseline!important;
    gap:12px!important;
  }
  html body.workspace-readable #templateGallery .template-gallery-title>div>span{display:none!important}
  html body.workspace-readable #templateGallery .template-gallery-title h3{
    margin:0!important;
    color:#0c214d!important;
    font-size:24px!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
  }
  html body.workspace-readable #templateGallery .template-gallery-title small{
    display:block!important;
    margin:0!important;
    color:#8290ad!important;
    font-size:12px!important;
    font-weight:650!important;
  }
  html body.workspace-readable #templateGallery .template-view-all{
    margin-left:auto!important;
    padding:8px 3px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:0!important;
    background:transparent!important;
    color:#122957!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  html body.workspace-readable #templateGallery .template-view-all:hover{color:#0866e5!important}
  html body.workspace-readable #templateGallery .template-view-all-icon{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.workspace-readable #templateGallery .template-search,
  html body.workspace-readable #templateGallery .template-section-strip,
  html body.workspace-readable #templateGallery .template-category-strip{display:none!important}
  html body.workspace-readable #templateGallery .template-browser{display:block!important}
  html body.workspace-readable #templateGallery .template-current-heading{display:none!important}
  html body.workspace-readable #templateGallery .template-browser .template-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:16px!important;
  }
  html body.workspace-readable #templateGallery .template-card{
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(213,222,238,.92)!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(47,72,118,.10)!important;
    transform:none!important;
  }
  html body.workspace-readable #templateGallery .template-card:hover{
    border-color:rgba(24,105,234,.38)!important;
    box-shadow:0 16px 34px rgba(39,93,180,.17)!important;
    transform:translateY(-4px)!important;
  }
  html body.workspace-readable #templateGallery .template-card .template-thumb{
    width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#eef3fa!important;
  }
  html body.workspace-readable #templateGallery .template-card .template-thumb>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:cover!important;
  }
}

@media (min-width:521px) and (max-width:1430px){
  html body.workspace-readable .workspace-category-nav{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important}
  html body.workspace-readable .workspace-category-nav>button{height:50px!important;padding:0 6px!important;gap:6px!important;font-size:11px!important;border-radius:12px!important}
  html body.workspace-readable .workspace-category-nav>button>svg{width:18px!important;height:18px!important}
  html body.workspace-readable #templateGallery .template-browser .template-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  html body.workspace-readable .studio-stage>.topbar #memberSummary{display:flex!important}
}

@media (min-width:521px) and (max-width:1120px){
  html body.workspace-readable.ui-interactive>.app-shell{grid-template-columns:310px minmax(0,1fr)!important}
  html body.workspace-readable .app-shell>.lime-workbench{width:310px!important;min-width:310px!important}
  html body.workspace-readable .studio-stage{width:calc(100vw - 310px)!important}
  html body.workspace-readable .workspace-global-search{flex-basis:320px!important}
  html body.workspace-readable .workspace-dashboard-copy{width:58%!important;padding:26px!important}
  html body.workspace-readable .workspace-dashboard-copy>h2{font-size:36px!important}
  html body.workspace-readable .workspace-hero-proof{display:none!important}
  html body.workspace-readable .workspace-category-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body.workspace-readable #templateGallery .template-browser .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body.workspace-readable .studio-stage>.topbar #rechargeBtn,
  html body.workspace-readable .studio-stage>.topbar #logoutTopBtn{display:none!important}
}

@media (min-width:521px) and (max-width:760px){
  html body.workspace-readable>.app-shell{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench{
    width:220px!important;
    min-width:220px!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench>.lime-inner{padding:10px 8px 20px!important}
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy{min-height:66px!important;height:66px!important;margin:0 0 6px!important;padding:0 8px!important}
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand .crealink-wordmark,
  html body.workspace-readable .app-shell>.lime-workbench .hero-copy>.sidebar-brand #brandMark.crealink-wordmark>img{width:126px!important;height:62px!important;max-width:126px!important}
  html body.workspace-readable .app-shell>.lime-workbench #mobileModuleSwitch{display:none!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs{
    display:grid!important;
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group{padding:8px!important;border-radius:13px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group>h3{margin-bottom:7px!important;font-size:11px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-grid,
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs .module-group-tools .module-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module]{min-height:58px!important;height:58px!important;padding:6px 3px!important;gap:3px!important;border-radius:9px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-icon{width:20px!important;height:20px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-line-icon{width:19px!important;height:19px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module] .module-tab-copy>b{font-size:10px!important}
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module="image_to_video"],
  html body.workspace-readable .app-shell>.lime-workbench #moduleTabs button[data-module="vectorize"]{min-height:40px!important;height:40px!important}
  html body.workspace-readable .app-shell>.lime-workbench .unified-composer-shell{margin-top:10px!important;padding:9px!important;border-radius:12px!important}
  html body.workspace-readable .app-shell>.lime-workbench .design-action-row{padding:8px 0!important}
  html body.workspace-readable .studio-stage{width:calc(100vw - 220px)!important}
  html body.workspace-readable .studio-stage>.topbar{min-height:68px!important;height:68px!important;padding:9px 12px!important}
  html body.workspace-readable .studio-stage>.topbar>.topbar-links,
  html body.workspace-readable .studio-stage>.topbar>.top-actions{display:none!important}
  html body.workspace-readable .workspace-global-search{width:100%!important;max-width:none!important;height:46px!important;flex-basis:auto!important;border-radius:13px!important}
  html body.workspace-readable .workspace-global-search>input{font-size:11px!important}
  html body.workspace-readable .workspace-global-search>kbd{display:none!important}
  html body.workspace-readable .studio-stage>.output-zone{padding:8px 10px 28px!important}
  html body.workspace-readable .workspace-dashboard-hero{height:250px!important;border-radius:16px!important}
  html body.workspace-readable .workspace-dashboard-copy{width:62%!important;padding:20px!important}
  html body.workspace-readable .workspace-dashboard-copy>span{margin-bottom:8px!important;font-size:8px!important}
  html body.workspace-readable .workspace-dashboard-copy>h2{font-size:27px!important;line-height:1.1!important}
  html body.workspace-readable .workspace-dashboard-copy>p{margin:10px 0 13px!important;font-size:10px!important;line-height:1.6!important}
  html body.workspace-readable .workspace-hero-guide{gap:5px;font-size:9px}
  html body.workspace-readable .workspace-hero-guide>span{gap:4px}
  html body.workspace-readable .workspace-hero-guide>span>b{width:17px;height:17px;border-radius:5px;font-size:8px}
  html body.workspace-readable .workspace-hero-guide>i{width:10px}
  html body.workspace-readable .workspace-hero-demo{right:3%;width:34%;height:72%;grid-template-columns:1fr}
  html body.workspace-readable .workspace-hero-module-card{display:none}
  html body.workspace-readable .workspace-hero-request-card{padding:13px}
  html body.workspace-readable .workspace-hero-request-card>strong{font-size:11px}
  html body.workspace-readable .workspace-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:10px 0 16px!important}
  html body.workspace-readable .workspace-category-nav>button{height:42px!important;padding:0 6px!important;gap:6px!important;font-size:10px!important;border-radius:10px!important}
  html body.workspace-readable .workspace-category-nav>button>svg{width:16px!important;height:16px!important}
  html body.workspace-readable #templateGallery .template-gallery-title{min-height:40px!important;margin-bottom:9px!important}
  html body.workspace-readable #templateGallery .template-gallery-title h3{font-size:18px!important}
  html body.workspace-readable #templateGallery .template-gallery-title small{display:none!important}
  html body.workspace-readable #templateGallery .template-view-all{font-size:10px!important}
  html body.workspace-readable #templateGallery .template-browser .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html body.workspace-readable #mobileDock{display:none!important}
}

@media (max-width:520px){
  html body.workspace-readable .workspace-global-search,
  html body.workspace-readable .workspace-dashboard-hero,
  html body.workspace-readable .workspace-category-nav,
  html body.workspace-readable #templateGallery .template-view-all{display:none!important}
}

@keyframes workspace-nav-attention{
  0%,100%{transform:translateY(0)}
  45%{transform:translateY(5px)}
}

/* Brand-blue action pair: vivid primary action, softer related selector. */

/* Search belongs to the template browser, directly below the carousel. */
@media (min-width:521px){
  html body.workspace-readable .studio-stage #outputEmpty>.workspace-global-search{
    width:100%!important;
    max-width:none!important;
    margin:14px 0 0!important;
    flex:none!important;
  }
}
@media (min-width:521px) and (max-width:760px){
  html body.workspace-readable .studio-stage>.topbar{display:none!important}
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row>#generateBtn{
  border:1px solid rgba(25,112,214,.24)!important;
  background:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(18,105,211,.25),inset 0 1px rgba(255,255,255,.34)!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row>#generateBtn:hover:not(:disabled){
  background:linear-gradient(135deg,#0657ba 0%,#0e73da 58%,#1b9bc2 100%)!important;
  box-shadow:0 18px 34px rgba(18,105,211,.31),inset 0 1px rgba(255,255,255,.38)!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row #imageModelTrigger{
  border:1px solid #a9c9ef!important;
  background:linear-gradient(145deg,#f4f9ff 0%,#e6f2ff 58%,#e4f8fb 100%)!important;
  color:#10396e!important;
  box-shadow:0 8px 19px rgba(40,105,184,.12),inset 0 1px #fff!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row #imageModelTrigger:hover,
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.design-action-row #imageModelTrigger:focus-visible{
  border-color:#5798e4!important;
  background:linear-gradient(145deg,#edf6ff 0%,#dcecff 58%,#daf5f8 100%)!important;
  box-shadow:0 0 0 4px rgba(31,121,224,.09),0 12px 24px rgba(40,105,184,.16)!important;
}
@keyframes workspaceCopyRollIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){
  .workspace-copy-rotating{animation:none!important;transition:none!important}
  .workspace-copy-rotating.copy-leaving,.workspace-copy-rotating.copy-entering{animation:none!important;transition:none!important}
}

/* Final module-state contract. The legacy theme deliberately gave an active
   card a pale resting surface, while newer rules kept its labels white. Keep
   all 17 module entries on one predictable brand-blue surface whenever they
   are hovered, keyboard-focused, or selected, and suppress old accent strips. */
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):not([data-module="vectorize"]) .module-icon{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group.module-group-tools .module-group-grid>button[data-module]:nth-child(n):not([data-module="vectorize"]) .module-line-icon{
  width:24px!important;
  height:24px!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n):not([data-module="image_to_video"]):not([data-module="vectorize"]) .module-tab-copy,
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n):not([data-module="image_to_video"]):not([data-module="vectorize"]) .module-tab-copy>b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  width:100%!important;
  height:15px!important;
  min-height:15px!important;
  margin:0!important;
  padding:0!important;
  line-height:15px!important;
  transform:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n):is(.active,:hover,:focus-visible){
  isolation:isolate!important;
  overflow:hidden!important;
  border-color:#075ec8!important;
  background:#075ec8!important;
  background-image:linear-gradient(135deg,#075ec8 0%,#117ce7 58%,#20a7ce 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(18,105,211,.28),inset 0 1px rgba(255,255,255,.24)!important;
  filter:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n):is(.active,:hover,:focus-visible) :is(.module-icon,.module-tab-copy,.module-tab-copy>b,.module-tab-copy>strong,.module-tab-copy>small,.module-tab-copy>i){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n):is(.active,:hover,:focus-visible) .module-icon{
  border-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n):is(.active,:hover,:focus-visible) .module-line-icon{
  color:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n)::before,
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group .module-group-grid>button[data-module]:nth-child(n)::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* One refined icon treatment for every image-processing tool. */
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group-tools .module-group-grid>button[data-module] .module-icon{
  display:grid!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(42,112,207,.16)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#f3f8ff,#e8f2ff)!important;
  background-image:linear-gradient(145deg,#f3f8ff,#e8f2ff)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 4px 10px rgba(37,89,162,.08)!important;
  color:#155ba8!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group-tools .module-group-grid>button[data-module] .module-line-icon{
  width:19px!important;
  height:19px!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
}
html body.workspace-readable .app-shell>.lime-workbench .lime-inner>.module-browser #moduleTabs.module-tabs .module-group-tools .module-group-grid>button[data-module]:is(.active,:hover,:focus-visible) .module-icon{
  border-color:rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.16)!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2)!important;
  color:#fff!important;
}

/* Homepage image carousel: the supplied artwork is the content, not a CSS mockup. */
html body.workspace-readable .workspace-dashboard-hero.workspace-image-carousel{
  width:100%!important;
  height:clamp(210px,14.2vw,270px)!important;
  aspect-ratio:auto!important;
  margin-inline:0!important;
  border-color:rgba(175,207,240,.88)!important;
  background:#eaf5ff!important;
  box-shadow:0 16px 42px rgba(38,91,157,.13)!important;
}
html body.workspace-readable .workspace-dashboard-hero.workspace-image-carousel::before,
html body.workspace-readable .workspace-dashboard-hero.workspace-image-carousel::after{display:none!important;content:none!important}
html body.workspace-readable .workspace-carousel-slides{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
html body.workspace-readable .workspace-carousel-slide{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:inherit;
  background:#eaf5ff;
  z-index:0;
  opacity:0;
  visibility:visible;
  pointer-events:none;
  transition:opacity .9s cubic-bezier(.22,.61,.36,1);
  will-change:opacity;
}
html body.workspace-readable button.workspace-carousel-slide{cursor:pointer}
html body.workspace-readable .workspace-carousel-slide.is-leaving{z-index:1;opacity:0;visibility:visible}
html body.workspace-readable .workspace-carousel-slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto}
html body.workspace-readable .workspace-carousel-slide::before{content:"";position:absolute;z-index:0;inset:-18px;background-position:center;background-size:cover;filter:blur(18px) saturate(.88);opacity:.32;transform:scale(1.04)}
html body.workspace-readable .workspace-carousel-slide[data-workspace-carousel-slide="0"]::before{background-image:url('/assets/workspace-carousel/01-brand-overview.png?v=20260918-workspace-carousel-edge-fill-v645')}
html body.workspace-readable .workspace-carousel-slide[data-workspace-carousel-slide="1"]::before{background-image:url('/assets/workspace-carousel/04-culture-wall.png?v=20260918-workspace-carousel-edge-fill-v645')}
html body.workspace-readable .workspace-carousel-slide[data-workspace-carousel-slide="2"]::before{background-image:url('/assets/workspace-carousel/03-flat-design.png?v=20260918-workspace-carousel-edge-fill-v645')}
html body.workspace-readable .workspace-carousel-slide[data-workspace-carousel-slide="3"]::before{background-image:url('/assets/workspace-carousel/02-3d-render.png?v=20260918-workspace-carousel-edge-fill-v645')}
html body.workspace-readable .workspace-carousel-slide::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(235,246,255,.56),rgba(235,246,255,.04) 27%,rgba(235,246,255,.04) 73%,rgba(235,246,255,.56));pointer-events:none}
html body.workspace-readable .workspace-carousel-slide>img{position:relative;z-index:2;display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:center}
html body.workspace-readable button.workspace-carousel-slide>img{transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .25s ease}
html body.workspace-readable button.workspace-carousel-slide:hover>img{transform:scale(1.012);filter:saturate(1.035)}
html body.workspace-readable button.workspace-carousel-slide:focus-visible{outline:3px solid #0877ed;outline-offset:-4px}
html body.workspace-readable .workspace-carousel-dots{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:12px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:rgba(9,55,123,.18);
  box-shadow:0 5px 18px rgba(11,59,126,.13);
  backdrop-filter:blur(9px);
  transform:translateX(-50%);
}
html body.workspace-readable .workspace-carousel-dots>button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(17,82,163,.16);transition:width .25s ease,background .25s ease;cursor:pointer}
html body.workspace-readable .workspace-carousel-dots>button.is-active{width:25px;background:#0879ed}
@media (prefers-reduced-motion:reduce){
  html body.workspace-readable .workspace-carousel-slide,
  html body.workspace-readable button.workspace-carousel-slide>img,
  html body.workspace-readable .workspace-carousel-dots>button{transition:none!important}
}