:root{
  --crealink-navy:#073f8c;
  --crealink-blue:#0768b5;
  --crealink-cyan:#0798ba;
  --crealink-teal:#18bda3;
  --crealink-gold:#f2a915;
  --crealink-ink:#111827;
  --crealink-muted:#64748b;
  --crealink-line:#d8e5f0;
  --crealink-gradient:linear-gradient(118deg,#073f8c 0%,#0768b5 43%,#0798ba 72%,#18bda3 100%);
  --crealink-soft-gradient:linear-gradient(135deg,#eef6ff 0%,#f7fbff 54%,#ecfbf8 100%);
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* The supplied artwork remains the single source of truth for the brand. */
.crealink-wordmark,.crealink-logo-full{position:relative;display:block;overflow:hidden;background:#fff;flex:0 0 auto}
.crealink-wordmark{width:178px;height:54px;border-radius:14px}
.crealink-wordmark>img{position:absolute;left:50%;top:50%;width:196px!important;height:196px!important;max-width:none!important;object-fit:contain;transform:translate(-50%,-48%);filter:none!important}
.crealink-logo-full{width:176px;height:176px;margin:0 auto;border-radius:28px}
.crealink-logo-full>img{display:block;width:100%!important;height:100%!important;object-fit:contain;filter:none!important}
.crealink-wordmark--compact{width:160px;height:48px}
.crealink-wordmark--compact>img{width:178px!important;height:178px!important}
.crealink-wordmark--editor{width:142px;height:44px;border-radius:10px}
.crealink-wordmark--editor>img{width:158px!important;height:158px!important}

/* Main workbench: restrained white surfaces with the logo's blue-to-teal energy. */
html body.workspace-readable{color:var(--crealink-ink)!important;background:#f7fbff!important}
html body.workspace-readable .app-shell{background:radial-gradient(760px circle at 83% 5%,rgba(16,184,166,.11),transparent 56%),radial-gradient(720px circle at 36% -8%,rgba(8,105,181,.10),transparent 58%),#f8fbff!important}
html body.workspace-readable .studio-stage>.topbar{
  border-bottom:1px solid rgba(8,105,181,.16)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 34px rgba(7,63,140,.07)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
}
html body.workspace-readable .topbar .brand{
  min-width:198px!important;height:62px!important;padding:4px 10px!important;border:0!important;border-radius:16px!important;
  background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;
}
html body.workspace-readable .topbar .brand .crealink-wordmark{width:178px;height:52px}
html body.workspace-readable .lime-workbench{border-right:1px solid rgba(7,104,181,.13)!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 58%,#effaf8 100%)!important}
html body.workspace-readable .workbench-kicker,html body.workspace-readable .module-context-copy>span,html body.workspace-readable .auth-welcome-kicker{color:var(--crealink-blue)!important}
html body.workspace-readable .hero-copy h1,html body.workspace-readable .step-title h2,html body.workspace-readable .module-context h2,html body.workspace-readable .results-head h2{color:#101827!important;text-shadow:none!important}
html body.workspace-readable .hero-copy:after{content:"";display:block;width:86px;height:5px;margin-top:18px;border-radius:999px;background:var(--crealink-gradient);box-shadow:0 7px 18px rgba(7,104,181,.17)}
html body.workspace-readable .lime-inner>.module-browser .module-tabs button.active,
html body.workspace-readable .generate-btn,
html body.workspace-readable .empty-copy button,
html body.workspace-readable .topbar #accountBtn,
html body.workspace-readable .topbar .account,
html body.workspace-readable .template-apply-btn,
html body.workspace-readable .inline-editor-actions .primary{
  border-color:transparent!important;background:var(--crealink-gradient)!important;color:#fff!important;
  box-shadow:0 13px 30px rgba(7,85,161,.23)!important;
}
html body.workspace-readable #moduleTabs .module-group button.active,
html body.workspace-readable #moduleTabs .module-group button.active:hover,
html body.workspace-readable #generateBtn{
  border-color:transparent!important;background:var(--crealink-gradient)!important;color:#fff!important;
  box-shadow:0 13px 30px rgba(7,85,161,.23)!important;
}
html body.workspace-readable :is(.number-choices,.pill-choices) button.active{border-color:rgba(7,152,186,.42)!important;background:linear-gradient(135deg,#edf7ff,#eafbf7)!important;color:var(--crealink-navy)!important}
html body.workspace-readable .lime-inner>.module-browser .module-tabs button.active :is(b,span,small,i),
html body.workspace-readable .generate-btn :is(b,span),html body.workspace-readable .empty-copy button :is(b,span){color:#fff!important}
html body.workspace-readable .lime-inner>.module-browser .module-tabs button:not(.active),
html body.workspace-readable .module-context,html body.workspace-readable .upload-zone,html body.workspace-readable .prompt-box,
html body.workspace-readable .setting-block,html body.workspace-readable .empty-steps>article,html body.workspace-readable .result-card{
  border-color:rgba(39,91,137,.16)!important;background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 28px rgba(7,63,140,.055)!important;
}
html body.workspace-readable .lime-inner>.module-browser .module-tabs button:not(.active):hover,
html body.workspace-readable .upload-zone:hover,html body.workspace-readable .result-card:hover{
  border-color:rgba(7,152,186,.48)!important;box-shadow:0 15px 34px rgba(7,104,181,.11)!important;
}
html body.workspace-readable :is(input,textarea,select,button):focus-visible{outline:3px solid rgba(7,152,186,.22)!important;outline-offset:2px!important}
html body.workspace-readable .topbar :is(.account-stat,.top-actions>button,.top-actions>a,.task-center-btn):not(#accountBtn){border-color:#d8e5f0!important;background:#fff!important;color:#263548!important}
html body.workspace-readable .stat-dot{background:var(--crealink-soft-gradient)!important;color:var(--crealink-blue)!important}
html body.workspace-readable .progress-track i,html body.workspace-readable input[type="range"]{accent-color:var(--crealink-teal)!important}
html body.workspace-readable .results-view,html body.workspace-readable .output-panel{border-color:rgba(7,104,181,.12)!important;background:rgba(255,255,255,.84)!important}

/* Login and account surfaces use the complete supplied lockup. */
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden)))>.crealink-logo-full{width:174px;height:174px;margin:-8px auto -22px}
html body.workspace-readable .modal .auth-card{border-color:rgba(7,104,181,.17)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,247,255,.96),rgba(237,251,248,.92))!important;box-shadow:0 34px 90px rgba(7,63,140,.19)!important}
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden))) .auth-methods::before,
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden)))>#authSubmit,
html body.workspace-readable .auth-card .sms-code-row button,
html body.workspace-readable .auth-card .security-save{background:var(--crealink-gradient)!important;color:#fff!important}
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden))) .auth-methods button.active{color:#fff!important}
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden))) .password-tabs button.active{border-color:rgba(7,152,186,.34)!important;background:linear-gradient(135deg,#eef7ff,#e9fbf7)!important;color:var(--crealink-navy)!important;box-shadow:0 7px 18px rgba(7,104,181,.10)!important}
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip{border-color:rgba(7,152,186,.25)!important;background:linear-gradient(135deg,#f4f9ff,#ecfbf8)!important;color:var(--crealink-ink)!important}
html body.workspace-readable #authForm:not(:has(#securityPanel:not(.hidden))) :is(.auth-link,.auth-welcome-kicker){color:var(--crealink-blue)!important}
html body.workspace-readable #authForm input[type="checkbox"]{accent-color:var(--crealink-teal)!important}

/* Shared secondary pages. */
.admin-topbar .brand{min-width:188px!important;padding:0 6px!important;background:#fff!important}
.admin-body .admin-topbar{border-bottom-color:rgba(7,104,181,.18)!important;background:rgba(255,255,255,.96)!important}
.admin-body .admin-topbar .top-actions :is(a,button){border-color:#d8e5f0!important;background:#fff!important;color:#263548!important}
.admin-body .generate-btn,.admin-body .row-actions button{background:var(--crealink-gradient)!important;color:#fff!important}
.admin-login-brand{display:flex;justify-content:center;margin-bottom:2px}
.admin-login-brand .crealink-logo-full{width:190px;height:190px;margin:-22px auto -26px}
.editor-brand{height:48px;overflow:hidden}
.editor-brand .crealink-wordmark{border:0}
.editor-topbar .primary{background:var(--crealink-gradient)!important}
.library-brand{display:inline-flex;align-items:center;text-decoration:none}
.library-brand .crealink-wordmark{width:188px;height:58px;margin:-7px 0 4px}
.legal-brand .crealink-wordmark{width:174px;height:52px;border:1px solid rgba(7,104,181,.12);box-shadow:0 6px 18px rgba(7,63,140,.07)}

body:has(.library-brand){background:radial-gradient(720px circle at 80% 0,rgba(24,189,163,.12),transparent 55%),linear-gradient(135deg,#f8fbff,#eef7ff 52%,#f0fbf8)!important;color:var(--crealink-ink)!important}
body:has(.library-brand) header{border-bottom-color:rgba(7,104,181,.13)!important}
body:has(.library-brand) .eyebrow{color:var(--crealink-blue)!important}
body:has(.library-brand) .edit,body:has(.library-brand) header button{border-color:transparent!important;background:var(--crealink-gradient)!important;color:#fff!important}
body:has(.library-brand) .preview{border-color:rgba(7,104,181,.14)!important;background:#f5f9fc!important;box-shadow:0 14px 36px rgba(7,63,140,.08)!important}

body:has(.legal-shell){background:radial-gradient(circle at 84% 3%,rgba(24,189,163,.13),transparent 28%),linear-gradient(145deg,#f7fbff,#eef6ff 48%,#effbf8)!important}
body:has(.legal-shell) .legal-card{border-color:rgba(7,104,181,.17)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 30px 80px rgba(7,63,140,.11)!important}
body:has(.legal-shell) .legal-kicker{background:var(--crealink-gradient)!important;color:#fff!important}
body:has(.legal-shell) .legal-summary{border-left-color:var(--crealink-teal)!important;background:#f0f8ff!important}
body:has(.legal-shell) .legal-card a,body:has(.legal-shell) .legal-nav>a:last-child{color:var(--crealink-blue)!important}
body:has(.legal-shell) .legal-links a{border-color:rgba(7,104,181,.18)!important;background:#f5faff!important}

.admin-body{background:radial-gradient(760px circle at 82% 0,rgba(24,189,163,.11),transparent 54%),linear-gradient(145deg,#f8fbff,#eef6ff 58%,#f2fbf9)!important;color:var(--crealink-ink)!important}
.admin-body .admin-hero,.admin-body .admin-card{border-color:rgba(7,104,181,.16)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 46px rgba(7,63,140,.08)!important}
.admin-body .section-no,.admin-body .card-head-tag{background:var(--crealink-soft-gradient)!important;color:var(--crealink-blue)!important}
.admin-body .metric{border-color:rgba(7,104,181,.15)!important;background:#fff!important}

html body.workspace-readable .result-tool-heading{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
html body.workspace-readable .result-tool-heading small{line-height:1.55!important}
html body.workspace-readable .result-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.workspace-readable .result-quick-actions button[data-local-edit]{border-color:#8dcfe1!important;background:#eefbff!important;color:#075ea7!important}
html body.workspace-readable .result-quick-actions button[data-image-breakdown]{border-color:#80d8c8!important;background:linear-gradient(145deg,#effcff,#edfff8)!important;color:#087867!important}
html body.workspace-readable .result-convert-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 9px}
html body.workspace-readable .result-convert-actions>button{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:9px 11px;border:1px solid #b8d3f7;border-radius:12px;background:linear-gradient(145deg,#f7fbff,#edf5ff);color:#173f72;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
html body.workspace-readable .result-convert-actions>button:last-child{border-color:#b9d9e5;background:linear-gradient(145deg,#f8fcff,#eef9fb)}
html body.workspace-readable .result-convert-actions>button:hover{border-color:#5f9df2;box-shadow:0 9px 22px rgba(37,99,235,.12);transform:translateY(-1px)}
html body.workspace-readable .result-convert-actions>button:disabled{cursor:wait;opacity:.72;transform:none}
html body.workspace-readable .result-convert-icon{display:grid;flex:0 0 39px;height:39px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;font-size:10px;font-weight:900;letter-spacing:.03em;box-shadow:0 7px 16px rgba(37,99,235,.2)}
html body.workspace-readable .result-convert-actions>button:last-child .result-convert-icon{background:linear-gradient(135deg,#096aa5,#16a7b8)}
html body.workspace-readable .result-convert-actions span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}
html body.workspace-readable .result-convert-actions b{font-size:13px;color:#102e55}
html body.workspace-readable .result-convert-actions small{overflow:hidden;color:#667f9c;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
html body.workspace-readable .result-download-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin:0 0 10px;padding:10px 15px;border:0;border-radius:12px;background:linear-gradient(135deg,#1e6eea,#12b8bd);color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(30,110,234,.17);transition:transform .18s ease,box-shadow .18s ease}
html body.workspace-readable .result-download-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(30,110,234,.23)}
html body.workspace-readable .result-download-button span{display:flex;flex-direction:column;gap:3px}html body.workspace-readable .result-download-button b{font-size:14px}html body.workspace-readable .result-download-button small{color:rgba(255,255,255,.84);font-size:9px}html body.workspace-readable .result-download-button i{font-size:18px;font-style:normal}

html body.workspace-readable .local-edit-card{border-color:rgba(7,104,181,.32)!important;box-shadow:0 30px 90px rgba(7,40,86,.34)!important}
html body.workspace-readable .local-edit-card>header{border-bottom-color:rgba(255,255,255,.16)!important;background:var(--crealink-gradient)!important}
html body.workspace-readable .local-edit-card header small{color:#dffcff!important}
html body.workspace-readable .local-edit-card header button:hover{background:rgba(255,255,255,.18)!important}
html body.workspace-readable .local-edit-stage{background:radial-gradient(circle at 50% 42%,#174f80,#082d55 74%)!important}
html body.workspace-readable .local-edit-stage-tip{border-color:rgba(24,189,163,.55)!important;background:rgba(4,38,73,.88)!important;color:#e9fffb!important}
html body.workspace-readable .local-edit-selection-status.ready{background:linear-gradient(135deg,#eef7ff,#eafbf7)!important;color:#075ea7!important;box-shadow:inset 0 0 0 1px rgba(7,152,186,.32)!important}
html body.workspace-readable .local-edit-body textarea:focus{border-color:#0798ba!important;box-shadow:0 0 0 4px rgba(7,152,186,.14)!important}
html body.workspace-readable .local-edit-submit{background:var(--crealink-gradient)!important;color:#fff!important;box-shadow:0 12px 28px rgba(7,104,181,.24)!important}

@media(max-width:980px){html body.workspace-readable .result-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:760px){
  html body.workspace-readable .result-convert-actions{grid-template-columns:1fr}
  html body.workspace-readable .topbar .brand{min-width:148px!important;height:46px!important;padding:0 5px!important}
  html body.workspace-readable .topbar .brand .crealink-wordmark{width:142px;height:42px}
  html body.workspace-readable .topbar .brand .crealink-wordmark>img{width:158px!important;height:158px!important}
  .crealink-wordmark--editor{width:105px;height:38px}.crealink-wordmark--editor>img{width:122px!important;height:122px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}