/* Published mobile styles, concatenated in original cascade order. */
/* BEGIN /crealink-chat.css */
.crealink-chat-modal{position:fixed;z-index:220;inset:0;padding:28px;display:grid;place-items:center;background:rgba(15,35,67,.45);backdrop-filter:blur(12px)}
.crealink-chat-modal.hidden{display:none!important}
.crealink-chat-launch-card{display:grid;width:100%;min-height:68px;margin:7px 0 2px;padding:10px 12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #cfe1f5;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#edf6ff 62%,#effcfb);color:#183b67;box-shadow:0 8px 22px rgba(49,89,143,.08);text-align:left}
.smart-custom-ratio-inline:not(:has(#sizePanel:not(.hidden))){display:none!important;margin:0!important}
.crealink-chat-launch-card:hover,.crealink-chat-launch-card:focus-visible{border-color:#75b5ed;background:linear-gradient(135deg,#eef7ff,#e6f3ff 62%,#e7faf8);box-shadow:0 10px 26px rgba(33,104,180,.13);transform:translateY(-1px)}
.crealink-chat-launch-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid #c9e0f7;border-radius:12px;background:linear-gradient(145deg,#fff,#eef7ff);color:#0c6acb;box-shadow:0 8px 18px rgba(18,105,191,.14)}.crealink-chat-launch-icon img{display:block;width:34px;height:34px;object-fit:contain;opacity:1;filter:none}.crealink-chat-launch-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crealink-chat-launch-copy{display:grid;gap:4px;min-width:0}.crealink-chat-launch-copy b{color:#173a66;font-size:14px}.crealink-chat-launch-copy small{overflow:hidden;color:#7287a2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.crealink-chat-launch-action{padding:8px 10px;border-radius:9px;background:#e1efff;color:#0c68c8;font-size:11px;font-weight:850;white-space:nowrap}
.crealink-chat-shell{display:grid;grid-template-columns:278px minmax(0,1fr);width:min(1180px,calc(100vw - 56px));height:min(780px,calc(100dvh - 56px));min-height:560px;overflow:hidden;border:1px solid rgba(202,220,244,.92);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(25,55,101,.28)}
.crealink-chat-sidebar{display:flex;min-width:0;flex-direction:column;padding:24px 18px 18px;background:linear-gradient(180deg,#edf6ff 0%,#f5f9ff 48%,#eef5ff 100%);border-right:1px solid #dce8f7}
.crealink-chat-brand{display:flex;align-items:center;gap:11px;padding:0 7px 21px}
.crealink-chat-brand img{width:58px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(22,96,171,.18))}
.crealink-chat-brand div{display:grid;gap:3px}.crealink-chat-brand b{color:#123362;font-size:18px}.crealink-chat-brand span{color:#7186a5;font-size:12px;font-weight:650}
.crealink-chat-new{width:100%;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#075bbb,#0c92df 58%,#13b9b1);color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 22px rgba(12,110,201,.2)}
.crealink-chat-new span{font-size:21px;font-weight:400;vertical-align:-1px;margin-right:4px}.crealink-chat-new:hover{filter:brightness(1.04)}
.crealink-chat-history-head{display:flex;justify-content:space-between;align-items:center;padding:25px 8px 9px;color:#607795}.crealink-chat-history-head span{font-size:13px;font-weight:800}.crealink-chat-history-head small{font-size:10px}
.crealink-chat-history{display:flex;flex:1;min-height:0;overflow:auto;flex-direction:column;gap:6px}
.crealink-chat-history button{display:grid;width:100%;gap:4px;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;color:#29456f}
.crealink-chat-history button:hover{background:rgba(255,255,255,.72)}.crealink-chat-history button.active{border-color:#c9def8;background:#fff;box-shadow:0 7px 18px rgba(66,101,151,.09)}
.crealink-chat-history b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.crealink-chat-history small{color:#8495ae;font-size:10px}
.crealink-chat-sidebar-foot{display:flex;align-items:center;gap:7px;padding:15px 8px 0;color:#7890ad;font-size:11px;border-top:1px solid #dce7f5}.crealink-chat-sidebar-foot i{width:7px;height:7px;border-radius:50%;background:#13b6a6;box-shadow:0 0 0 4px rgba(19,182,166,.11)}
.crealink-chat-main{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto auto;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.crealink-chat-head{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:13px 22px;border-bottom:1px solid #e2ebf7;background:rgba(255,255,255,.9)}
.crealink-chat-head>div{display:grid;min-width:0;flex:1}.crealink-chat-head h2{max-width:min(70vw,720px);margin:0;overflow:hidden;color:#15345f;font-size:18px;text-overflow:ellipsis;white-space:nowrap}
.crealink-chat-close,.crealink-chat-back{height:38px;padding:0 14px;border:1px solid #d6e3f4;border-radius:11px;background:#f7faff;color:#365579;font-weight:750}.crealink-chat-back{display:none;width:40px;padding:0;font-size:18px}
.crealink-chat-messages{min-height:0;overflow:auto;padding:30px clamp(22px,5vw,70px);scroll-behavior:smooth;overflow-anchor:none}.crealink-chat-messages.streaming-reply{scroll-behavior:auto}
.crealink-chat-welcome{display:grid;justify-items:center;max-width:650px;margin:9vh auto 0;text-align:center}.crealink-chat-welcome-mark{display:grid;width:84px;height:84px;place-items:center;border:0;background:transparent;box-shadow:none}.crealink-chat-welcome-mark img{width:82px;height:76px;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(22,96,171,.2))}
.crealink-chat-welcome h3{margin:22px 0 8px;color:#15345f;font-size:26px}.crealink-chat-welcome p{margin:0;color:#70839d;font-size:14px;line-height:1.8}
.crealink-chat-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}.crealink-chat-suggestions button{padding:10px 15px;border:1px solid #d7e5f6;border-radius:12px;background:#fff;color:#2d5c91;font-size:13px;font-weight:750;box-shadow:0 7px 18px rgba(55,91,142,.07)}.crealink-chat-suggestions button:hover{border-color:#80b8f0;background:#edf7ff}
.crealink-chat-message{display:flex;gap:12px;max-width:820px;margin:0 auto 22px}.crealink-chat-message.user{flex-direction:row-reverse}.crealink-chat-avatar{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:0;border-radius:0;background:transparent;color:#fff;font-size:12px;font-weight:850}.crealink-chat-avatar img{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(22,96,171,.18))}.crealink-chat-message.user .crealink-chat-avatar{flex-basis:34px;width:34px;height:34px;border-radius:11px;background:#e8f2ff;color:#1769cf}
.crealink-chat-bubble{max-width:min(720px,78%);padding:14px 17px;border:1px solid #dce8f6;border-radius:5px 16px 16px;background:#fff;color:#142f55;font-size:16px;font-weight:600;line-height:1.85;letter-spacing:.01em;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 8px 22px rgba(46,82,132,.06)}.crealink-chat-message.user .crealink-chat-bubble{border-color:#0e73d2;background:linear-gradient(135deg,#1169cc,#0f8dd7);color:#fff;border-radius:16px 5px 16px 16px}
.crealink-chat-message-images{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:7px;margin-bottom:9px}.crealink-chat-message-images:last-child{margin-bottom:0}.crealink-chat-message-images img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px;background:#edf5ff}.crealink-chat-message-copy{display:block}
.crealink-chat-message-section+.crealink-chat-message-section,.crealink-chat-message-section+.crealink-chat-prompt-segment,.crealink-chat-prompt-segment+.crealink-chat-message-section,.crealink-chat-prompt-segment+.crealink-chat-prompt-segment{margin-top:14px}.crealink-chat-prompt-segment{display:block;margin-inline:-5px;padding:14px;border:1px solid #c9e1fa;border-radius:14px;background:linear-gradient(145deg,#f7fbff,#eef7ff 65%,#effcfb);box-shadow:0 8px 20px rgba(31,101,177,.08)}.crealink-chat-prompt-copy{display:block;white-space:pre-wrap}.crealink-chat-use-prompt{display:flex;width:100%;min-height:52px;margin-top:13px;padding:9px 12px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #b9d9f6;border-radius:12px;background:#fff;color:#174876;text-align:left;box-shadow:0 6px 16px rgba(35,92,157,.08)}.crealink-chat-use-prompt::after{content:"→";display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#126ed2,#13aaa9);color:#fff;font-size:17px}.crealink-chat-use-prompt:hover,.crealink-chat-use-prompt:focus-visible{border-color:#5fa9eb;background:#fafdff;box-shadow:0 9px 22px rgba(28,105,183,.15);transform:translateY(-1px)}.crealink-chat-use-prompt>span{display:grid;gap:2px}.crealink-chat-use-prompt b{font-size:13px}.crealink-chat-use-prompt small{color:#7188a4;font-size:10px;font-weight:650}
.crealink-chat-use-prompt-batch{display:flex;width:calc(100% + 10px);min-height:58px;margin:16px -5px 0;padding:10px 14px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #0e8fd0;border-radius:14px;background:linear-gradient(135deg,#086bd2,#11b8ae);color:#fff;text-align:left;box-shadow:0 10px 26px rgba(14,115,187,.2)}.crealink-chat-use-prompt-batch::after{content:"→";display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:11px;background:rgba(255,255,255,.18);font-size:18px}.crealink-chat-use-prompt-batch:hover,.crealink-chat-use-prompt-batch:focus-visible{filter:brightness(1.04);box-shadow:0 13px 30px rgba(14,115,187,.27);transform:translateY(-1px)}.crealink-chat-use-prompt-batch>span{display:grid;gap:2px}.crealink-chat-use-prompt-batch b{font-size:14px}.crealink-chat-use-prompt-batch small{color:rgba(255,255,255,.82);font-size:10px;font-weight:650}
.crealink-chat-message.pending .crealink-chat-bubble{display:flex;gap:10px;align-items:center;min-width:142px;border-color:#e5e5e5;color:#444;background:#fff}.crealink-chat-thinking-orb{position:relative;display:block;box-sizing:border-box;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 18%,#202123 30%,#52545a 55%,#8b8d93 76%,transparent 92%);box-shadow:0 3px 10px rgba(32,33,35,.18);will-change:transform;animation:crealinkChatOrbSpin .9s linear infinite!important}.crealink-chat-thinking-orb::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(32,33,35,.08)}.crealink-chat-thinking-orb::after{content:"";position:absolute;top:-1px;left:8px;width:4px;height:4px;border-radius:50%;background:#202123;box-shadow:0 0 0 2px rgba(32,33,35,.12),0 0 8px rgba(32,33,35,.36);animation:crealinkChatOrbSpark .9s ease-in-out infinite!important}.crealink-chat-thinking-copy{font-size:14px;font-weight:750;letter-spacing:.01em;background:linear-gradient(90deg,#888 12%,#343538 42%,#888 72%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:crealinkChatShimmer 1.45s linear infinite!important}.crealink-chat-message.typing .crealink-chat-bubble::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;border-radius:2px;background:#595b61;vertical-align:-2px;animation:crealinkChatCursor .72s steps(1,end) infinite}
.crealink-chat-notice{min-height:22px;padding:0 clamp(22px,5vw,70px);color:#c24343;font-size:12px;text-align:center}
.crealink-chat-composer{position:relative;box-sizing:border-box;width:calc(100% - 36px);min-height:132px;margin:0 18px 8px;padding:22px 24px 34px;border:1px solid #e2e8f0;border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(45,81,130,.10)}
.crealink-chat-attachments{display:flex;min-width:0;gap:8px;overflow-x:auto;padding:0 0 9px}.crealink-chat-attachment{position:relative;display:block;flex:0 0 58px;width:58px;height:58px}.crealink-chat-attachment img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #cfe0f4;border-radius:11px;background:#edf5ff}.crealink-chat-attachment button{position:absolute;top:-5px;right:-5px;display:grid;width:20px;height:20px;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#385a80;color:#fff;font:700 14px/1 Arial;box-shadow:0 3px 8px rgba(18,49,87,.2)}
.crealink-chat-composer textarea{display:block;box-sizing:border-box;width:100%;min-height:70px;max-height:190px;padding:0 0 38px;resize:none;overflow-y:auto;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#203b60;font:16px/1.7 inherit;-webkit-appearance:none;appearance:none}.crealink-chat-composer textarea:focus,.crealink-chat-composer textarea:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}.crealink-chat-composer textarea::placeholder{color:#99a8bb}
html body.workspace-readable .crealink-chat-modal .crealink-chat-composer #crealinkChatInput:focus-visible{border:0!important;outline:0!important;outline-offset:0!important;box-shadow:none!important}
.crealink-chat-composer>#crealinkChatSend{position:absolute;right:14px;bottom:18px;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:16px;background:linear-gradient(135deg,#0965c9,#12aaa8);color:#fff;box-shadow:0 7px 18px rgba(24,105,173,.16)}.crealink-chat-composer>#crealinkChatSend:disabled{opacity:.45}.crealink-chat-attach{position:absolute;right:70px;bottom:18px;display:grid;width:48px;height:48px;place-items:center;padding:0;border:0;border-radius:16px;background:#eef5fc;color:#3276bd;box-shadow:0 7px 18px rgba(24,105,173,.10)}.crealink-chat-attach:hover{background:#e5f1fb;color:#176ab9}.crealink-chat-attach:disabled{opacity:.45}.crealink-chat-composer svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.crealink-chat-composer small{position:absolute;left:24px;bottom:10px;color:#9aa9bc;font-size:10px}
body.crealink-chat-open{overflow:hidden}
@keyframes crealinkChatOrbSpin{0%{transform:rotate(0deg) scale(.86)}50%{transform:rotate(180deg) scale(1.06)}100%{transform:rotate(360deg) scale(.86)}}
@keyframes crealinkChatOrbSpark{0%,100%{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1.35)}}
@keyframes crealinkChatShimmer{0%{background-position:115% 0}100%{background-position:-115% 0}}
@keyframes crealinkChatCursor{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:760px){
  .crealink-chat-launch-card{min-height:64px;margin:4px 0 2px;grid-template-columns:40px minmax(0,1fr) auto;padding:9px 10px}.crealink-chat-launch-icon{width:40px;height:40px}.crealink-chat-launch-action{padding:7px 8px}
  .crealink-chat-modal{padding:0;place-items:stretch;background:#f6faff}
  .crealink-chat-shell{grid-template-columns:1fr;width:100%;height:100dvh;min-height:0;border:0;border-radius:0}
  .crealink-chat-sidebar{position:absolute;z-index:3;inset:0 18% 0 0;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 55px rgba(28,55,94,.18)}
  .crealink-chat-modal.show-history .crealink-chat-sidebar{transform:translateX(0)}
  .crealink-chat-main{height:100dvh}.crealink-chat-head{min-height:64px;padding:10px 13px}.crealink-chat-back{display:block}.crealink-chat-head h2{font-size:16px}.crealink-chat-close{padding:0 12px}
  .crealink-chat-messages{padding:20px 13px}.crealink-chat-welcome{margin-top:8vh}.crealink-chat-welcome h3{font-size:22px}.crealink-chat-suggestions{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:7px}.crealink-chat-suggestions button{padding:10px 6px;font-size:12px}
  .crealink-chat-message{gap:8px;margin-bottom:17px}.crealink-chat-avatar{flex-basis:38px;width:38px;height:38px}.crealink-chat-avatar img{width:38px;height:38px}.crealink-chat-message.user .crealink-chat-avatar{flex-basis:30px;width:30px;height:30px}.crealink-chat-bubble{max-width:88%;padding:12px 14px;font-size:15px;line-height:1.8}.crealink-chat-message-images{grid-template-columns:repeat(2,minmax(0,128px))}.crealink-chat-message-images img{max-height:170px}.crealink-chat-prompt-segment{margin-inline:-3px;padding:11px}.crealink-chat-use-prompt{min-height:50px;padding:8px 10px}.crealink-chat-use-prompt-batch{width:calc(100% + 6px);margin-inline:-3px;padding:9px 11px}
  .crealink-chat-composer{width:calc(100% - 22px);min-height:112px;margin:0 11px calc(12px + env(safe-area-inset-bottom));padding:16px 18px 31px;border-radius:24px}.crealink-chat-composer textarea{min-height:54px;padding-bottom:36px;font-size:15px}.crealink-chat-composer>#crealinkChatSend{right:10px;bottom:15px;width:44px;height:44px;border-radius:15px}.crealink-chat-attach{right:62px;bottom:15px;width:44px;height:44px;border-radius:15px}.crealink-chat-composer small{left:18px;bottom:8px}
}

/* Keep both ratio and quantity visible so customers can make an explicit canvas choice. */
html body.workspace-readable #smartCreateBar{width:100%!important;max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.workspace-readable #smartCreateBar>.smart-ratio-wrap{display:block!important;width:100%!important;min-width:0!important}
html body.workspace-readable #smartCreateBar>.smart-count-wrap{grid-column:auto;width:100%!important;min-width:0!important}
html body.workspace-readable #smartCreateBar #smartCountBtn{width:100%!important;justify-content:space-between!important;padding-inline:14px!important}
html body.workspace-readable #smartCreateBar #smartCountMenu{left:0!important;right:0!important;width:100%!important}

/* END /crealink-chat.css */
/* BEGIN /mobile-assistant.css */
.mobile-assistant-launch{display:flex;align-items:center;gap:10px;width:100%;min-height:68px;margin:12px 0 0;padding:10px 12px;border:1px solid #b7dafb;border-radius:14px;background:linear-gradient(125deg,#edf7ff,#f6fbff);color:#164d83;text-align:left;cursor:pointer}.mobile-assistant-launch>img{width:42px;height:42px;object-fit:contain}.mobile-assistant-launch>span{display:grid;gap:5px;flex:1;min-width:0}.mobile-assistant-launch b{font-size:13px;line-height:1.5}.mobile-assistant-launch small{font-size:10px;color:#7794b1}.mobile-assistant-launch>i{font-size:23px;font-style:normal;color:#2784dc}
body.mobile-assistant-enabled .crealink-chat-modal.hidden{display:none!important}
body.mobile-assistant-enabled .crealink-chat-modal{padding:0;place-items:center;background:#13284980}
body.mobile-assistant-enabled .crealink-chat-shell{position:relative;grid-template-columns:1fr;width:min(100%,520px);height:100dvh;min-height:0;border:0;border-radius:0}
body.mobile-assistant-enabled .crealink-chat-sidebar{position:absolute;z-index:3;inset:0 18% 0 0;transform:translateX(-105%);box-shadow:18px 0 55px #1c375e2e}
body.mobile-assistant-enabled .crealink-chat-modal.show-history .crealink-chat-sidebar{transform:translateX(0)}
body.mobile-assistant-enabled .crealink-chat-back{display:grid}
body.mobile-assistant-enabled .crealink-chat-messages{padding:18px}
body.mobile-assistant-enabled .crealink-chat-welcome{padding:12px 6px}
body.mobile-assistant-enabled .crealink-chat-welcome h3{font-size:22px}
body.mobile-assistant-enabled .crealink-chat-composer{width:calc(100% - 24px);margin:0 12px calc(8px + env(safe-area-inset-bottom,0px));padding:15px 16px 28px;border-radius:19px}
body.mobile-assistant-enabled .crealink-chat-composer small{left:16px;font-size:9px}
body.mobile-assistant-enabled .crealink-chat-message-images{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mobile-assistant-enabled .crealink-chat-main{min-width:0;min-height:0;overflow:hidden}
body.mobile-assistant-enabled .crealink-chat-history{overflow:auto}

/* END /mobile-assistant.css */
/* BEGIN /usage-guide.css */
.usage-guide-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid #d7e3f0;border-radius:10px;background:#fff;color:#244a78;padding:9px 13px;font-size:13px;font-weight:700;line-height:1.2;font-family:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 3px 12px rgba(21,64,112,.04)}
.usage-guide-trigger-icon{display:block;flex:none;width:18px;height:18px}
.usage-guide-trigger:hover,.usage-guide-trigger:focus-visible{border-color:#6ca5e7;color:#0c65bd;background:#f6fbff}
.usage-guide-tablet-trigger{display:none}
.home-header nav .usage-guide-mobile-trigger,.mobile-subpage>header .usage-guide-subpage-trigger{display:grid;place-items:center;border:1px solid #b9d5f5;border-radius:50%;background:#f0f7ff;color:#1266b8;font-size:18px;font-weight:800;cursor:pointer}
.home-header nav .usage-guide-mobile-trigger{min-width:30px;height:30px}
.mobile-subpage>header .usage-guide-subpage-trigger{width:34px;height:34px}
.usage-guide-open{overflow:hidden!important}
.usage-guide-dialog{position:fixed;inset:0;z-index:300010;background:#fff;outline:0;width:100%;height:100dvh}
.usage-guide-reader{display:block;width:100%;height:100%;border:0;background:#fff}
@media (min-width:741px) and (max-width:1100px){.usage-guide-tablet-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #d7e3f0;border-radius:9px;background:#fff;color:#244a78;font:700 12px/1.2 inherit;white-space:nowrap;cursor:pointer}}

/* END /usage-guide.css */
/* BEGIN /template-waterfall.css */
/* Natural image proportions and captions, shared by desktop and H5. */
html body.workspace-readable #templateGallery .template-grid.template-waterfall {
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;grid-auto-rows:1px;gap:0 22px!important;align-items:start!important;height:auto!important;max-height:none!important;overflow:visible!important;
}
html body.workspace-readable #templateGallery .template-waterfall>.template-card.real-template {
  display:block!important;align-self:start!important;vertical-align:top!important;width:100%!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;break-inside:avoid;page-break-inside:avoid;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;transform:none!important;
}
html body.workspace-readable #templateGallery .template-waterfall .template-thumb {
  display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--template-aspect,auto)!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:10px!important;background:#f1f4f8!important;box-shadow:none!important;
}
html body.workspace-readable #templateGallery .template-waterfall .template-thumb>img {
  display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:transparent!important;
}
html body.workspace-readable #templateGallery .template-waterfall .template-caption,
.mobile-template-grid.template-waterfall .template-caption {
  position:static!important;display:block!important;width:auto!important;margin:0!important;padding:12px 2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;text-align:left!important;white-space:normal!important;
}
html body.workspace-readable #templateGallery .template-waterfall .template-caption-title,
.mobile-template-grid.template-waterfall .template-caption-title {
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;margin:0!important;color:#1e293b!important;font-size:15px!important;font-weight:600!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere;text-shadow:none!important;
}
html body.workspace-readable #templateGallery .template-waterfall .template-caption-meta,
.mobile-template-grid.template-waterfall .template-caption-meta {
  display:block!important;margin:5px 0 0!important;color:#64748b!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;text-shadow:none!important;
}
html body.workspace-readable #templateGallery .template-waterfall .template-caption-size,
.mobile-template-grid.template-waterfall .template-caption-size {
  display:block!important;margin:2px 0 0!important;color:#8995a6!important;font-size:11px!important;font-weight:400!important;line-height:1.5!important;font-variant-numeric:tabular-nums;text-shadow:none!important;
}
html body.workspace-readable #templateGallery .template-waterfall>.template-card:focus-visible .template-thumb,
html body.workspace-readable #templateGallery .template-waterfall>.template-card.active .template-thumb {
  outline:2px solid #1677ff!important;outline-offset:3px!important;
}
html body.workspace-readable #templateGallery .template-waterfall>.template-card:hover .template-caption-title {color:#1263ca!important}
.mobile-template-grid.template-waterfall {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1px;gap:0 14px!important;align-items:start!important}
.mobile-template-grid.template-waterfall .mobile-template-card {
  display:block!important;align-self:start!important;vertical-align:top;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;break-inside:avoid;page-break-inside:avoid;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left;
}
.mobile-template-grid.template-waterfall .mobile-template-card>img {
  display:block!important;width:100%!important;height:auto!important;aspect-ratio:var(--template-aspect,auto);object-fit:contain!important;border-radius:9px;background:#f1f4f8;
}
.mobile-template-grid.template-waterfall>.subpage-empty {grid-column:1/-1;grid-row:auto;min-height:80px}
@media(max-width:760px){
  html body.workspace-readable #templateGallery .template-grid.template-waterfall {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important}
  html body.workspace-readable #templateGallery .template-waterfall .template-caption-title,
  .mobile-template-grid.template-waterfall .template-caption-title {font-size:13px!important}
  .mobile-template-grid.template-waterfall .template-caption {padding-top:9px!important}
  .mobile-template-grid.template-waterfall .template-caption-meta {font-size:11px!important}
  .mobile-template-grid.template-waterfall .template-caption-size {font-size:10px!important}
}
@media(prefers-reduced-motion:no-preference){
  html body.workspace-readable #templateGallery .template-waterfall .template-thumb,
  .mobile-template-grid.template-waterfall .mobile-template-card>img {transition:filter .18s ease}
  html body.workspace-readable #templateGallery .template-waterfall>.template-card:hover .template-thumb {filter:brightness(.98)}
}

/* The moving pagination control must not become the browser scroll anchor. */
[data-template-load-more], [data-mobile-template-more] {overflow-anchor:none}

html body.workspace-readable #templateGallery .template-waterfall .template-thumb {position:relative!important}
.template-image-retry{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:16px;background:#f1f4f8;color:#64748b;font-size:13px;cursor:pointer;text-align:center}
.template-image-retry:focus-visible{outline:2px solid #1677ff;outline-offset:-3px}

/* END /template-waterfall.css */
/* BEGIN /browser-file-actions.css */
.browser-file-help{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(10,29,51,.55)}
.browser-file-help-card{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);padding:26px;overflow:auto;border:1px solid #d3e2ef;border-radius:20px;background:#fff;color:#173b5a;box-shadow:0 20px 70px rgba(0,20,45,.2)}
.browser-file-help-card h2{margin:0 65px 12px 0;font-size:22px;line-height:1.4}
.browser-file-help-card p{margin:0 0 16px;font-size:14px;line-height:1.7;color:#52718b}
.browser-file-help-card img{display:block;width:auto;max-width:100%;height:auto;max-height:55vh;margin:0 auto 18px;object-fit:contain;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}
.browser-file-help-close{position:absolute;top:18px;right:18px;min-width:54px;min-height:36px;padding:6px 12px;border:1px solid #ccdeec;border-radius:9px;background:#f5f9fc;color:#264c6b;cursor:pointer}
.browser-file-help-download{display:block;padding:13px 18px;border-radius:12px;background:#096ca7;color:#fff;text-align:center;text-decoration:none;font-size:15px;font-weight:700}
.browser-file-help-close:focus-visible,.browser-file-help-download:focus-visible{outline:3px solid #47b6ed;outline-offset:3px}
@media(max-width:520px){.browser-file-help{padding:12px}.browser-file-help-card{padding:22px 18px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}

/* END /browser-file-actions.css */
/* BEGIN /release-version.css */
[data-product-version].product-version{display:inline-block;flex:none;margin-left:8px;color:#64748b;font:600 11px/1.5 system-ui,sans-serif;letter-spacing:0;white-space:nowrap;background:#eef3f8;border-radius:5px;padding:2px 6px}
.sidebar-brand .product-version{margin-left:auto;color:#91a0b3;background:transparent;padding:0;font-size:10px}
.home-header .mobile-brand .product-version{margin-left:5px;font-size:9px;padding:1px 4px}

/* END /release-version.css */
/* BEGIN /mobile-reference-ui.css */
/* Five-page H5 presentation. Loaded only by mobile.html; business controls retain
   their existing ids, data attributes and request handlers. */
body.mobile-reference-ui {
  --blue: #0874ff;
  --blue-deep: #0567ed;
  --navy: #071b50;
  --muted: #758db3;
  --reference-card: rgba(255,255,255,.94);
  background: #edf6fc;
  color: var(--navy);
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  -webkit-text-size-adjust: 100%;
  height: var(--mobile-viewport-height, 100dvh);
  overflow: hidden;
}
/* The symbol definitions never occupy a text line above the app. */
body.mobile-reference-ui #mobileReferenceSymbols { position: absolute !important; width: 0; height: 0; overflow: hidden; }
body.mobile-reference-ui .mobile-app {
  width: 100%; max-width: 480px; height: var(--mobile-viewport-height, 100dvh); min-height: 0; overflow: hidden;
  background: radial-gradient(ellipse at 85% 11%,#e4f4ff 0,transparent 35%),linear-gradient(180deg,#f8fcff,#edf7fe 45%,#f5faff);
  box-shadow: none;
}
body.mobile-reference-ui .mobile-page { display: flex; flex-direction: column; height: 100%; min-height: 0; padding-bottom: 0; }
body.mobile-reference-ui .mobile-page > header { flex: none; }
body.mobile-reference-ui .mobile-page > main { flex: 1 1 0; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; scroll-padding-block: 12px; scrollbar-width: none; }
body.mobile-reference-ui .mobile-page > main::-webkit-scrollbar { display: none; }
body.mobile-reference-ui button, body.mobile-reference-ui input, body.mobile-reference-ui textarea, body.mobile-reference-ui select { font-family: inherit; }
body.mobile-reference-ui button { cursor: pointer; }
body.mobile-reference-ui .mobile-page[hidden], body.mobile-reference-ui [hidden] { display: none !important; }
body.mobile-reference-ui .home-header {
  display: flex; min-height: 72px; height: auto; padding: 12px 15px 10px; gap: 10px; align-items: center;
}
body.mobile-reference-ui .mobile-brand { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; flex: 1 1 auto; min-width: 0; }
body.mobile-reference-ui .home-header .mobile-brand img { width: 99px; height: auto; flex: none; }
body.mobile-reference-ui .mobile-brand small { color: #6e85ac; font-size: 9.5px; letter-spacing: 1.65px; white-space: nowrap; }
body.mobile-reference-ui .home-header nav { display: flex; width: auto; gap: 7px; flex: none; align-items: center; }
body.mobile-reference-ui .home-header nav button {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  width: 37px; min-width: 0; min-height: 40px; height: 40px; padding: 2px 0; border: 0; border-radius: 12px;
  color: #071b50; background: rgba(255,255,255,.67); box-shadow: none; white-space: nowrap;
}
body.mobile-reference-ui .home-header nav span { font-size: 11px; font-weight: 500; }
body.mobile-reference-ui .home-header nav .lucide-icon, body.mobile-reference-ui .home-header nav svg { width: 22px; height: 22px; color: #071b50; }
body.mobile-reference-ui .home-header nav button[data-message]::after { content: none; }
body.mobile-reference-ui .home-header nav .usage-guide-mobile-trigger {
  width: auto; min-height: 33px; height: 33px; padding: 0 11px; gap: 5px; flex-direction: row;
  border-radius: 12px; background: #e0efff; color: #0874ff; font-size: 11px; font-weight: 700; box-shadow: none;
}
body.mobile-reference-ui .usage-guide-mobile-trigger svg { width: 16px; height: 16px; color: #0874ff; }
body.mobile-reference-ui .home-scroll { padding: 0 10px 12px; }
body.mobile-reference-ui .home-hero-banner {
  display: grid; grid-template-columns: minmax(0,62%) minmax(0,38%); position: relative; isolation: isolate; height: clamp(148px,40.5vw,194px); margin: 3px 0 0;
  overflow: hidden; border: 1px solid rgba(255,255,255,.95); border-radius: 17px;
  background: linear-gradient(115deg,#dcefff 0,#eef9ff 46%,#c6eaff 100%); box-shadow: 0 8px 24px #86b5d415;
}
body.mobile-reference-ui .home-hero-banner > div { position: relative; z-index: 2; min-width: 0; width: auto; height: 100%; padding: 18px 0 12px 16px; }
body.mobile-reference-ui .home-hero-banner > div::before { display: none; }
body.mobile-reference-ui .home-hero-banner small { color: #0874ff; font-size: 8px; letter-spacing: 1.7px; font-weight: 600; }
body.mobile-reference-ui .home-hero-banner h1 { width: auto; margin: 11px 0 7px; color: #071b50; font-size: clamp(17px,5.3vw,25px); line-height: 1.18; font-weight: 850; letter-spacing: -.7px; white-space: normal; background: none; }
body.mobile-reference-ui .home-hero-banner h1 em { display: inline; color: #0874ff; font: inherit; margin: 0; background: none; -webkit-text-fill-color: #0874ff; }
body.mobile-reference-ui .home-hero-banner p { margin: 0; color: #657da6; font-size: clamp(10px,3.08vw,12px); line-height: 1.45; }
body.mobile-reference-ui .home-hero-banner .home-hero-action { display: flex; width: 139px; min-height: 37px; align-items: center; justify-content: center; gap: 8px; margin-top: 11px; padding: 0 9px; border: 0; border-radius: 12px; background: linear-gradient(125deg,#38a0ff,#0874ff 62%,#0065ef); color: #fff; box-shadow: 0 5px 13px #0874ff26; font-size: 14px; font-weight: 700; }
body.mobile-reference-ui .home-hero-action .lucide-icon { width: 19px; height: 19px; filter: brightness(0) invert(1); }
body.mobile-reference-ui .home-hero-action > .mobile-reference-icon:last-child { width: 13px; height: 13px; margin-left: -3px; }
body.mobile-reference-ui .home-hero-banner figure { position: relative; inset: auto; min-width: 0; width: auto; height: 100%; margin: 0; overflow: hidden; pointer-events: none; }
body.mobile-reference-ui .home-hero-banner figure img { position: absolute; top: 1px; left: auto; right: -22px; width: 118%; height: auto; max-width: none; aspect-ratio: 1; object-fit: contain; transform: none; filter: none; -webkit-mask-image: linear-gradient(90deg,transparent,#000 27%); mask-image: linear-gradient(90deg,transparent,#000 27%); }
body.mobile-reference-ui .tool-panel, body.mobile-reference-ui .featured-templates { margin: 10px 0 0; padding: 12px 11px; border: 1px solid #fff; border-radius: 16px; background: var(--reference-card); box-shadow: 0 5px 20px #aac6df0b; }
body.mobile-reference-ui .tool-panel > header, body.mobile-reference-ui .featured-templates > header { display: flex; min-height: 28px; align-items: center; gap: 9px; padding: 0 0 11px; }
body.mobile-reference-ui .tool-panel h2, body.mobile-reference-ui .featured-templates h2 { display: flex; flex: none; align-items: center; gap: 8px; margin: 0; color: #071b50; font-size: 18px; font-weight: 800; line-height: 1.25; }
body.mobile-reference-ui .tool-panel h2::before, body.mobile-reference-ui .featured-templates h2::before { content: ""; width: 3px; height: 16px; flex: none; border-radius: 3px; background: #0874ff; }
body.mobile-reference-ui .tool-panel header p, body.mobile-reference-ui .featured-templates header p { flex: 1; min-width: 0; margin: 0; color: #7c92b8; font-size: 9px; line-height: 1.6; }
body.mobile-reference-ui .tool-panel header button, body.mobile-reference-ui .featured-templates header button { display: inline-flex; align-items: center; gap: 3px; margin-left: auto; padding: 0; border: 0; flex: none; background: transparent; color: #0874ff; font-size: 10px; font-weight: 500; white-space: nowrap; }
body.mobile-reference-ui .design-tool-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px 7px; }
body.mobile-reference-ui .design-tool-grid button, body.mobile-reference-ui .image-tool-grid button { display: flex; min-width: 0; height: 67px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; padding: 7px 1px; border: 1px solid #e6f2ff; border-radius: 12px; color: #071b50; background: linear-gradient(145deg,#f8fcff,#f1f8ff); box-shadow: none; }
body.mobile-reference-ui .design-tool-grid span { font-size: clamp(10px,3.1vw,13px); font-weight: 650; line-height: 1.2; white-space: nowrap; }
body.mobile-reference-ui .design-tool-grid .module-symbol, body.mobile-reference-ui .image-tool-grid .module-symbol { display: block; position: relative; width: 26px; height: 26px; flex: none; color: #0874ff; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.mobile-reference-ui .design-tool-grid .module-symbol::before, body.mobile-reference-ui .image-tool-grid .module-symbol::before { inset: 0; background-color: currentColor; }
body.mobile-reference-ui .image-tool-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
body.mobile-reference-ui .image-tool-grid button:nth-child(n) { grid-column: auto; }
body.mobile-reference-ui .image-tool-grid button { height: 81px; gap: 5px; border: 0; background: #f0f9ff; }
body.mobile-reference-ui .image-tool-grid button:nth-child(4n+2) { background: #ebfaf8; }
body.mobile-reference-ui .image-tool-grid button:nth-child(4n+3) { background: #f3f2ff; }
body.mobile-reference-ui .image-tool-grid button:nth-child(4n+4) { background: #fff8ed; }
body.mobile-reference-ui .image-tool-grid button:nth-child(4n+2) .module-symbol { color: #047abf; }
body.mobile-reference-ui .image-tool-grid button:nth-child(4n+4) .module-symbol { color: #ff8518; }
body.mobile-reference-ui .image-tool-grid span { font-size: 12px; font-weight: 650; line-height: 1.2; }
body.mobile-reference-ui .image-tool-grid small { color: #8397b3; font-size: 9px; line-height: 1.4; }
body.mobile-reference-ui .mobile-categories { display: flex; gap: 6px; margin: 0 0 9px; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; }
body.mobile-reference-ui .mobile-categories button { height: 28px; min-height: 28px; padding: 0 9px; border: 0; border-radius: 9px; background: #eff6fd; color: #5d79a1; font-size: 10px; box-shadow: none; white-space: nowrap; }
body.mobile-reference-ui .mobile-categories button.active { color: #fff; background: #0874ff; }
body.mobile-reference-ui .mobile-template-categories { margin: 0 0 12px; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall { display: flex !important; gap: 8px !important; overflow-x: auto; align-items: flex-start !important; padding-bottom: 2px; scrollbar-width: none; scroll-snap-type: x proximity; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .mobile-template-card { flex: 0 0 calc((100% - 16px)/3); width: calc((100% - 16px)/3) !important; min-width: 96px; scroll-snap-align: start; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .mobile-template-card > img { height: 82px !important; aspect-ratio: auto !important; object-fit: cover !important; border-radius: 9px; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .template-caption { padding: 6px 0 0 !important; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .template-caption-title { font-size: 10px !important; line-height: 1.5 !important; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .template-caption-meta { margin-top: 2px !important; font-size: 9px !important; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .template-caption-size { display: none !important; }

/* Shared page titles and navigation. */
body.mobile-reference-ui .mobile-subpage > header { display: flex; position: relative; height: auto; min-height: 76px; align-items: center; justify-content: space-between; padding: 17px 14px 12px; gap: 9px; background: transparent; box-shadow: none; border: 0; }
body.mobile-reference-ui .mobile-subpage > header > button[data-mobile-route] { display: none; }
body.mobile-reference-ui .mobile-subpage > header h1 { margin: 0; text-align: left; color: #071b50; font-size: 27px; font-weight: 850; letter-spacing: -.5px; }
body.mobile-reference-ui .mobile-page-heading > p { margin: 4px 0 0; color: #7188b0; font-size: 12px; letter-spacing: .35px; }
body.mobile-reference-ui .mobile-subpage[data-page="profile"] > header { min-height: 60px; padding-block: 14px 10px; }
body.mobile-reference-ui .mobile-subpage[data-page="profile"] .mobile-page-heading > p { display: none; }
body.mobile-reference-ui .mobile-subpage > header .usage-guide-subpage-trigger { display: flex; align-items: center; gap: 6px; min-width: 0; width: auto; height: 30px; padding: 0 10px; border: 0; border-radius: 11px; color: #0874ff; background: #dfedff; box-shadow: none; font-size: 12px; font-weight: 650; }
body.mobile-reference-ui .usage-guide-subpage-trigger svg { width: 18px; height: 18px; }
body.mobile-reference-ui #mobileSubpageBody { padding: 0 10px 12px; }
body.mobile-reference-ui .mobile-tabbar { position: relative; z-index: 40; display: grid; flex: none; grid-template-columns: repeat(5,minmax(0,1fr)); width: 100%; height: calc(62px + var(--mobile-safe-bottom)); padding: 3px 3px var(--mobile-safe-bottom); background: rgba(255,255,255,.98); border-top: 1px solid #e5f0fc; }
body.mobile-reference-ui .mobile-tabbar button { display: flex; min-width: 0; min-height: 54px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 2px; border: 0; color: #6983ae; background: transparent; font-size: 12px; font-weight: 500; }
body.mobile-reference-ui .mobile-tabbar button.active { color: #0874ff; font-weight: 700; }
body.mobile-reference-ui .mobile-tabbar .lucide-icon { display: block; width: 24px; height: 24px; font-size: 24px; }
body.mobile-reference-ui .mobile-tabbar button:not(.active) .lucide-icon { color: #49638f; filter: none; }
body.mobile-reference-ui .mobile-tabbar button.active .lucide-icon { color: #0874ff; filter: none; }

/* Creator: the existing prompt, upload, models, ratio/count and results. */
body.mobile-reference-ui .mobile-subpage[data-page="create"] > header { min-height: 72px; padding-block: 12px 10px; }
body.mobile-reference-ui .mobile-subpage[data-page="create"] > header h1 { line-height: 1; }
body.mobile-reference-ui .mobile-subpage[data-page="create"] .mobile-page-heading { display: flex; flex-direction: column; gap: 4px; }
body.mobile-reference-ui .mobile-subpage[data-page="create"] .mobile-page-heading img { width: 103px; height: auto; }
body.mobile-reference-ui .mobile-subpage[data-page="create"] .mobile-page-heading p { font-size: 9.5px; letter-spacing: 1.5px; margin: 0; }
body.mobile-reference-ui .mobile-create-header-actions { display: flex; align-items: center; gap: 8px; }
body.mobile-reference-ui .mobile-create-support { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 0 2px; border: 0; color: #243f73; background: transparent; font-size: 11px; }
body.mobile-reference-ui .mobile-create-support svg { width: 23px; height: 23px; }
body.mobile-reference-ui .mobile-create-intro { position: relative; height: 86px; padding: 4px 5px 8px; isolation: isolate; overflow: hidden; }
body.mobile-reference-ui .mobile-create-intro h1 { margin: 0; color: #071b50; font-size: 30px; font-weight: 850; line-height: 1.25; }
body.mobile-reference-ui .mobile-create-intro h1 { text-align: left; }
body.mobile-reference-ui .mobile-create-intro p { margin: 4px 0 0; color: #7188b0; font-size: 13px; }
body.mobile-reference-ui .mobile-create-intro img { position: absolute; z-index: -1; width: 158px; height: 158px; right: -23px; bottom: -46px; object-fit: cover; border-radius: 0; -webkit-mask-image: radial-gradient(ellipse 63% 67% at 54% 46%,#000 48%,transparent 76%); mask-image: radial-gradient(ellipse 63% 67% at 54% 46%,#000 48%,transparent 76%); }
body.mobile-reference-ui .mobile-creator-card { padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.mobile-reference-ui .mobile-module-chooser, body.mobile-reference-ui .mobile-brief-card, body.mobile-reference-ui .mobile-create-settings { margin: 0 0 8px; padding: 10px; border: 1px solid #fff; border-radius: 16px; background: var(--reference-card); box-shadow: none; }
body.mobile-reference-ui .mobile-module-chooser { padding: 0; overflow: hidden; }
body.mobile-reference-ui .mobile-module-chooser summary { display: block; list-style: none; cursor: pointer; }
body.mobile-reference-ui summary::-webkit-details-marker { display: none; }
body.mobile-reference-ui .mobile-creator-heading { display: flex; align-items: center; min-height: 84px; gap: 12px; padding: 10px 12px; margin: 0; text-align: left; }
body.mobile-reference-ui .mobile-module-chooser > summary.mobile-creator-heading { display: flex; }
body.mobile-reference-ui .mobile-module-preview { display: block; width: 55px; height: 55px; flex: none; border-radius: 13px; overflow: hidden; background: #def2ff; }
body.mobile-reference-ui .mobile-module-preview img { width: 100%; height: 100%; object-fit: cover; }
body.mobile-reference-ui .mobile-creator-heading > div { flex: 1; min-width: 0; font-size: 11px; line-height: 1.4; }
body.mobile-reference-ui .mobile-creator-heading small { color: #8295b5; font-size: 11px; }
body.mobile-reference-ui .mobile-creator-heading h2 { margin: 3px 0; color: #071b50; font-size: 20px; line-height: 1.2; }
body.mobile-reference-ui .mobile-creator-heading p { margin: 0; font-size: 11px; color: #7d91b3; line-height: 1.55; overflow-wrap: anywhere; }
body.mobile-reference-ui .mobile-creator-heading > em { display: grid; place-items: center; color: #6683b0; font-style: normal; }
body.mobile-reference-ui .mobile-creator-heading > em svg { width: 14px; height: 14px; }
body.mobile-reference-ui .mobile-module-chooser[open] .mobile-creator-heading > em { transform: rotate(90deg); }
body.mobile-reference-ui .mobile-module-choice-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; padding: 0 12px 12px; }
body.mobile-reference-ui .mobile-module-choice-list button { min-height: 38px; padding: 4px; border: 1px solid #e4edfb; border-radius: 9px; color: #48638e; background: #f4f9ff; font-size: 11px; }
body.mobile-reference-ui .mobile-module-choice-list button.active { color: #0874ff; border-color: #91c0ff; background: #e8f3ff; }
body.mobile-reference-ui .mobile-creator-label { display: block; margin: 0 0 8px; color: #071b50; font-size: 17px; font-weight: 750; }
body.mobile-reference-ui .mobile-brief-input { display: grid; position: relative; }
body.mobile-reference-ui #mobileCreateBrief { width: 100%; height: 104px; min-height: 104px; margin: 0; padding: 12px 12px 24px; border: 1px solid #bedcff; border-radius: 11px; color: #173b6d; background: #f5faff; box-shadow: none; resize: vertical; font-size: 14px; line-height: 1.6; }
body.mobile-reference-ui #mobileCreateBrief::placeholder { color: #9caecc; opacity: 1; }
body.mobile-reference-ui .mobile-brief-count { position: absolute; right: 11px; bottom: 9px; color: #93a8c7; font-size: 11px; pointer-events: none; }
body.mobile-reference-ui .mobile-brief-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 6px; }
body.mobile-reference-ui .mobile-brief-actions button { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 39px; padding: 4px 3px; border: 1px solid #e5f0ff; border-radius: 11px; color: #10285e; background: #f8fbff; font-size: 12px; font-weight: 650; }
body.mobile-reference-ui .mobile-brief-actions .lucide-icon { width: 19px; height: 19px; }
body.mobile-reference-ui .mobile-creator-upload { width: 100%; margin: 6px 0 0; padding: 0; min-height: 0; border: 0; border-radius: 10px; background: #f4f9ff; box-shadow: none; }
/* The reference shortcut opens the same original file input; show the second
   surface only when it contains a real single-image preview. Multi-image
   previews and their existing remove controls stay in mobile-reference-grid. */
body.mobile-reference-ui .mobile-brief-card > .mobile-creator-upload:not(.has-reference) { display: none; }
body.mobile-reference-ui .mobile-creator-upload > i { display: none; }
body.mobile-reference-ui .mobile-creator-upload > span { display: block; padding: 3px 10px; }
body.mobile-reference-ui .mobile-creator-upload b { color: #567eb0; font-size: 11px; }
body.mobile-reference-ui .mobile-creator-upload small { color: #899eba; font-size: 10px; line-height: 1.5; }
body.mobile-reference-ui .mobile-reference-grid { margin-top: 9px; }
body.mobile-reference-ui .mobile-reference-grid:empty { margin-top: 0; }
body.mobile-reference-ui .mobile-selected-template { margin: 0 0 10px; background: #eef7ff; }
body.mobile-reference-ui .mobile-settings-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
body.mobile-reference-ui .mobile-settings-title h3 { margin: 0; color: #071b50; font-size: 17px; }
body.mobile-reference-ui .mobile-settings-title > span { color: #899eba; font-size: 10px; }
body.mobile-reference-ui .mobile-create-settings { display: flex; flex-direction: column; }
body.mobile-reference-ui .mobile-settings-title { order: 0; }
body.mobile-reference-ui .mobile-creator-options { order: 1; }
body.mobile-reference-ui .mobile-creator-model { order: 2; }
body.mobile-reference-ui .mobile-credit-estimate { order: 3; }
body.mobile-reference-ui .mobile-create-settings > [data-create-submit] { order: 4; }
body.mobile-reference-ui .mobile-create-settings > .mobile-assistant-launch { order: 5; }
body.mobile-reference-ui .mobile-creator-options { display: flex; flex-direction: column; gap: 4px; margin: 0; }
body.mobile-reference-ui .mobile-setting-detail { border-radius: 11px; background: #f6faff; }
body.mobile-reference-ui .mobile-setting-detail > summary { display: flex; min-height: 37px; align-items: center; gap: 11px; padding: 7px 10px; list-style: none; cursor: pointer; }
body.mobile-reference-ui .mobile-setting-detail summary .lucide-icon { width: 20px; height: 20px; }
body.mobile-reference-ui .mobile-setting-detail summary > span { font-size: 13px; color: #173367; }
body.mobile-reference-ui .mobile-setting-detail summary > b { margin-left: auto; color: #6e89b2; font-size: 12px; font-weight: 500; }
body.mobile-reference-ui .mobile-setting-detail summary > em { display: grid; place-items: center; margin-left: 0; font-style: normal; color: #7892b9; }
body.mobile-reference-ui .mobile-setting-detail summary > em svg { width: 12px; height: 12px; }
body.mobile-reference-ui .mobile-setting-detail[open] summary > em { transform: rotate(90deg); }
body.mobile-reference-ui .mobile-creator-options fieldset { margin: 0; padding: 9px 10px 11px; border: 0; border-radius: 0; }
body.mobile-reference-ui .mobile-creator-options fieldset legend { font-size: 10px; }
body.mobile-reference-ui .mobile-creator-options fieldset > div { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
body.mobile-reference-ui .mobile-creator-options button { font-size: 11px; color: #6785ae; background: #eaf3ff; }
body.mobile-reference-ui .mobile-creator-options button.active { color: #fff; background: #0874ff; }
body.mobile-reference-ui .mobile-creator-options button[data-creator-ratio] { height: 47px; gap: 4px; }
body.mobile-reference-ui .mobile-creator-model { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 2px 9px; margin: 5px 0 0; padding: 8px; border: 0; border-radius: 11px; background: #f6faff; }
body.mobile-reference-ui .mobile-creator-model > span { color: #173367; font-size: 13px; }
body.mobile-reference-ui .mobile-creator-model select { width: 100%; max-width: 100%; min-width: 0; min-height: 20px; padding: 0; border: 0; background: transparent; color: #6682aa; font-size: 11px; }
body.mobile-reference-ui .mobile-creator-model > small { grid-column: 2; color: #8ca0bd; font-size: 9px; }
body.mobile-reference-ui .mobile-credit-estimate { display: flex; align-items: center; gap: 6px; min-height: 34px; margin: 6px 0 5px; padding: 8px 10px; border-radius: 11px; background: #edf7ff; color: #748db3; font-size: 11px; }
body.mobile-reference-ui .mobile-credit-estimate .lucide-icon { width: 15px; height: 15px; }
body.mobile-reference-ui .mobile-credit-estimate button { display: inline-flex; align-items: center; gap: 3px; margin-left: auto; padding: 0; border: 0; color: #748db3; background: transparent; font-size: 11px; }
body.mobile-reference-ui .subpage-primary[data-create-submit] { display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; height: 42px; min-height: 42px; margin: 0; border: 0; border-radius: 11px; background: linear-gradient(110deg,#279bff,#0874ff 55%,#229dff); color: #fff; font-size: 17px; font-weight: 700; box-shadow: none; }
body.mobile-reference-ui .mobile-assistant-launch { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 35px; margin: 8px 0 0; padding: 4px 9px; border: 0; border-radius: 11px; color: #6d88af; background: #eaf6ff; box-shadow: none; }
body.mobile-reference-ui .mobile-assistant-launch > img { width: 27px; height: 27px; }
body.mobile-reference-ui .mobile-assistant-launch > span { display: block; flex: 1; min-width: 0; }
body.mobile-reference-ui .mobile-assistant-launch b { display: block; font-size: 12px; color: #6382ae; font-weight: 500; }
body.mobile-reference-ui .mobile-assistant-launch small { display: block; margin-top: 1px; font-size: 9px; color: #8c9eb9; }
body.mobile-reference-ui .mobile-assistant-launch > svg { width: 13px; height: 13px; margin-left: auto; flex: none; color: #6e8db8; }
body.mobile-reference-ui .mobile-prompt-library-open { width: 100%; margin: 0 0 10px; border: 1px solid #e2efff; border-radius: 14px; background: rgba(255,255,255,.88); }
body.mobile-reference-ui .mobile-creator-output { padding: 13px; border-radius: 16px; background: #fff; }

/* Real template catalogue and existing synchronous append-only masonry. */
body.mobile-reference-ui .mobile-template-search, body.mobile-reference-ui .mobile-task-search { display: flex; height: 45px; align-items: center; gap: 11px; margin: 2px 3px 10px; padding: 0 13px; border: 1px solid #d4e6ff; border-radius: 13px; background: #fff; box-shadow: none; }
body.mobile-reference-ui .mobile-template-search > .lucide-icon, body.mobile-reference-ui .mobile-task-search > .lucide-icon { width: 21px; height: 21px; }
body.mobile-reference-ui .mobile-template-search input, body.mobile-reference-ui .mobile-task-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: none; color: #2e4b7b; background: transparent; font-size: 13px; font-weight: 400; }
body.mobile-reference-ui .mobile-template-search input::placeholder, body.mobile-reference-ui .mobile-task-search input::placeholder { color: #839bbf; opacity: 1; }
body.mobile-reference-ui .mobile-template-page-categories { display: flex; gap: 7px; align-items: center; margin: 0 3px 11px; }
body.mobile-reference-ui .mobile-template-quick-categories { display: flex; min-width: 0; flex: 1; gap: 7px; overflow-x: auto; scrollbar-width: none; }
body.mobile-reference-ui .mobile-template-page-categories button { min-height: 31px; height: 31px; padding: 0 12px; border: 0; border-radius: 10px; color: #244674; background: #e9f3fc; font-size: 12px; white-space: nowrap; }
body.mobile-reference-ui .mobile-template-page-categories button.active { color: #fff; background: #0874ff; }
body.mobile-reference-ui .mobile-template-page-categories > button { flex: none; padding: 0 9px; font-size: 19px; }
body.mobile-reference-ui .mobile-template-page-category-list { margin: 0 3px 11px; padding: 11px; border: 1px solid #e2edfc; border-radius: 12px; background: #fff; }
body.mobile-reference-ui .mobile-template-page-category-list > div { margin-bottom: 10px; }
body.mobile-reference-ui .mobile-template-page-category-list h3 { margin: 0 0 6px; font-size: 12px; }
body.mobile-reference-ui .mobile-template-page-category-list > div > div { display: flex; flex-wrap: wrap; gap: 6px; }
body.mobile-reference-ui .mobile-template-page-category-list button { min-height: 31px; padding: 5px 8px; border: 1px solid #e4eefa; border-radius: 8px; color: #6783a8; background: #f4f9ff; font-size: 11px; }
body.mobile-reference-ui .mobile-template-page-category-list button.active { color: #0874ff; border-color: #a6ceff; }
body.mobile-reference-ui .mobile-template-catalogue { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall { gap: 0 10px !important; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .mobile-template-card { border: 1px solid #edf4ff !important; border-radius: 11px !important; overflow: hidden !important; background: #fff !important; box-shadow: none !important; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .mobile-template-card > img { border-radius: 10px 10px 0 0; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .template-caption { padding: 8px 8px 9px !important; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .template-caption-title { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #0d285b !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.5 !important; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .template-caption-meta { display: flex !important; align-items: center; justify-content: space-between; gap: 5px; margin-top: 3px !important; color: #7a94bd !important; font-size: 11px !important; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .template-caption-meta > span { position: static; display: block; flex: 1; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none; color: inherit; font: inherit; box-shadow: none; }
body.mobile-reference-ui #mobileAllTemplates.template-waterfall .template-caption-size { display: none !important; }
body.mobile-reference-ui .mobile-template-load-more, body.mobile-reference-ui .mobile-tasks-more { width: 100%; min-height: 42px; height: auto; padding: 10px; margin-top: 12px; border: 1px solid #d1e5ff; border-radius: 12px; background: #eaf5ff; color: #1878ec; font-size: 13px; }

/* Works: real history rows, cover preview and all existing result actions. */
body.mobile-reference-ui .mobile-tasks-heading { display: flex; justify-content: space-between; align-items: center; margin: -65px 7px 30px auto; height: 35px; width: 35px; }
body.mobile-reference-ui .mobile-tasks-heading button { display: grid; width: 35px; height: 35px; padding: 3px; place-items: center; border: 0; color: #071b50; background: transparent; }
body.mobile-reference-ui .mobile-tasks-heading svg { width: 25px; height: 25px; }
body.mobile-reference-ui .mobile-task-summary { margin: 6px 4px 10px; color: #8aa0c0; font-size: 10px; }
body.mobile-reference-ui .mobile-task-display-controls { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin: 14px 3px 9px; }
body.mobile-reference-ui .mobile-task-display-controls nav { display: flex; gap: 7px; min-width: 0; }
body.mobile-reference-ui .mobile-task-display-controls button { min-height: 32px; padding: 0 11px; border: 1px solid #e0eafb; border-radius: 9px; background: #f7fbff; color: #365583; font-size: 12px; white-space: nowrap; }
body.mobile-reference-ui .mobile-task-display-controls button.active { border-color: #0874ff; background: #0874ff; color: #fff; }
body.mobile-reference-ui .mobile-task-display-controls > label { display: flex; align-items: center; gap: 4px; }
body.mobile-reference-ui .mobile-task-display-controls select { width: 60px; min-width: 0; padding: 0; border: 0; appearance: none; background: transparent; color: #6f89b3; font-size: 11px; }
body.mobile-reference-ui .mobile-task-display-controls > label svg { width: 12px; height: 12px; color: #49638f; pointer-events: none; }
body.mobile-reference-ui .mobile-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.mobile-reference-ui .mobile-task-list { display: grid; gap: 10px; }
body.mobile-reference-ui .mobile-tasks-empty > i { display: none; }
body.mobile-reference-ui .mobile-task-card { position: relative; padding: 9px; border: 1px solid #fff; border-radius: 15px; background: #fff; box-shadow: none; }
body.mobile-reference-ui .mobile-task-overview { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 12px; }
body.mobile-reference-ui .mobile-task-cover { display: grid; width: 112px; min-height: 107px; place-items: center; padding: 0; overflow: hidden; border-radius: 10px; background: #eaf5ff; }
body.mobile-reference-ui .mobile-task-cover img, body.mobile-reference-ui .mobile-task-cover video { display: block; width: 100%; height: 112px; object-fit: cover; }
body.mobile-reference-ui .mobile-task-cover > .lucide-icon { width: 32px; height: 32px; opacity: .4; }
body.mobile-reference-ui .mobile-task-info { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 4px 0; }
body.mobile-reference-ui .mobile-task-info h3 { margin: 0 22px 5px 0; color: #081f52; font-size: 16px; line-height: 1.4; overflow-wrap: anywhere; }
body.mobile-reference-ui .mobile-task-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 8px; color: #04a977; background: #e0f9ef; font-size: 11px; font-weight: 650; }
body.mobile-reference-ui .mobile-task-status::before { content: none; }
body.mobile-reference-ui .mobile-task-status svg { width: 14px; height: 14px; flex: none; }
body.mobile-reference-ui .mobile-task-status.running { color: #0874ff; background: #e8f2ff; }
body.mobile-reference-ui .mobile-task-status.failed { color: #f13445; background: #ffe9eb; }
body.mobile-reference-ui .mobile-task-info > p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; overflow: hidden; white-space: normal; margin: 6px 0 0; color: #7d92b5; font-size: 11px; line-height: 1.55; }
body.mobile-reference-ui .mobile-task-info > footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; margin-top: auto; padding-top: 7px; }
body.mobile-reference-ui .mobile-task-info time { color: #8399b9; font-size: 10px; }
body.mobile-reference-ui .mobile-task-view { display: grid; min-width: 60px; min-height: 31px; padding: 4px 8px; place-items: center; border: 0; border-radius: 16px; color: #0874ff; background: #e9f4ff; font-size: 13px; font-weight: 650; }
body.mobile-reference-ui .mobile-task-delivery { margin: 0; border: 0; }
body.mobile-reference-ui .mobile-task-delivery[open] { padding-top: 9px; }
body.mobile-reference-ui .mobile-task-delivery > summary { display: grid; position: absolute; top: 7px; right: 7px; width: 28px; height: 28px; min-height: 0; padding: 3px; place-items: center; color: #7087b0; list-style: none; cursor: pointer; }
body.mobile-reference-ui .mobile-task-delivery > summary svg { width: 20px; height: 20px; }
body.mobile-reference-ui .mobile-task-delivery > summary::after { content: none; }
body.mobile-reference-ui .mobile-task-delivery .mobile-task-results { margin-top: 3px; }
body.mobile-reference-ui .mobile-task-no-result { padding: 8px; margin: 0; }

/* Account: role-controlled entry and live identity/credit/membership fields. */
body.mobile-reference-ui .mobile-profile { display: grid; gap: 9px; }
body.mobile-reference-ui .mobile-profile-identity { display: flex; align-items: center; gap: 12px; min-height: 87px; margin: 0; padding: 15px; border: 1px solid #ddecff; border-radius: 13px; background: #fff; box-shadow: none; }
body.mobile-reference-ui .mobile-profile-avatar { position: relative; width: 53px; height: 53px; padding: 0; flex: none; border: 0; border-radius: 50%; background: #e8f4ff; overflow: hidden; }
body.mobile-reference-ui .mobile-profile-avatar > img, body.mobile-reference-ui .mobile-profile-avatar > span { display: grid; place-items: center; width: 100%; height: 100%; object-fit: cover; }
body.mobile-reference-ui .mobile-profile-avatar .lucide-icon { width: 27px; height: 27px; }
body.mobile-reference-ui .mobile-profile-avatar small { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 2px 0; background: #0b69cb55; color: #fff; font-size: 7px; }
body.mobile-reference-ui .mobile-profile-identity > div { min-width: 0; flex: 1; }
body.mobile-reference-ui .mobile-profile-identity > div > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.mobile-reference-ui .mobile-profile-identity h2 { margin: 0; color: #071b50; font-size: 20px; font-weight: 750; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
body.mobile-reference-ui .mobile-profile-identity > div > div > b { padding: 4px 8px; border-radius: 10px; color: #0874ff; background: #e8f3ff; font-size: 11px; font-weight: 650; }
body.mobile-reference-ui .mobile-profile-identity p { margin: 6px 0 0; color: #7b94b9; font-size: 12px; overflow-wrap: anywhere; }
body.mobile-reference-ui .mobile-profile-security-arrow { display: grid; place-items: center; min-width: 28px; min-height: 37px; padding: 0; border: 0; color: #8a9fbd; background: transparent; }
body.mobile-reference-ui .mobile-profile-security-arrow svg { width: 16px; height: 16px; }
body.mobile-reference-ui .mobile-profile-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0; padding: 17px 3px; border: 1px solid #e4effe; border-radius: 13px; background: #fff; }
body.mobile-reference-ui .mobile-profile-stats article { min-width: 0; padding: 0 5px; text-align: center; border-right: 1px solid #dfebfb; }
body.mobile-reference-ui .mobile-profile-stats article:last-child { border: 0; }
body.mobile-reference-ui .mobile-profile-stats small { display: block; margin-bottom: 8px; color: #839abd; font-size: 11px; }
body.mobile-reference-ui .mobile-profile-stats b { display: block; color: #071b50; font-size: 18px; line-height: 1.4; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
body.mobile-reference-ui .mobile-profile-management { display: flex; align-items: center; gap: 12px; min-height: 70px; margin: 0; padding: 12px 15px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(115deg,#0874ff,#148bff 64%,#29b8f0); box-shadow: none; text-align: left; }
body.mobile-reference-ui .mobile-profile-management > .lucide-icon { width: 34px; height: 34px; padding: 6px; border-radius: 12px; background: #ffffff26; filter: brightness(0) invert(1); }
body.mobile-reference-ui .mobile-profile-management > span { flex: 1; min-width: 0; }
body.mobile-reference-ui .mobile-profile-management b { display: block; color: #fff; font-size: 19px; }
body.mobile-reference-ui .mobile-profile-management small { display: block; margin-top: 5px; color: #e0f4ff; font-size: 11px; line-height: 1.5; }
body.mobile-reference-ui .mobile-profile-management em { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 60px; padding: 8px 11px; border: 1px solid #fff; border-radius: 18px; color: #0874ff; background: #e6f8ff; font-size: 13px; font-weight: 650; font-style: normal; text-align: center; }
body.mobile-reference-ui .mobile-profile-menu { margin: 0; padding: 12px 12px 0; border: 1px solid #fff; border-radius: 14px; background: #fff; box-shadow: none; }
body.mobile-reference-ui .mobile-profile-menu h3 { margin: 0 0 5px; padding: 0; color: #071b50; font-size: 17px; font-weight: 750; }
body.mobile-reference-ui .mobile-profile-menu > div { display: grid; gap: 0; padding: 0; }
body.mobile-reference-ui .mobile-profile-menu > div > button { display: flex; min-height: 57px; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid #e8effa; border-radius: 0; color: #071b50; background: transparent; box-shadow: none; text-align: left; }
body.mobile-reference-ui .mobile-profile-menu > div > button:last-child { border-bottom: 0; }
body.mobile-reference-ui .mobile-profile-menu button > .lucide-icon, body.mobile-reference-ui .mobile-profile-menu button > svg { width: 38px; height: 38px; padding: 9px; border-radius: 11px; background: #f0f8ff; flex: none; color: #0874ff; }
body.mobile-reference-ui .mobile-profile-menu button > .mobile-profile-menu-icon { display: grid; width: 38px; height: 38px; min-width: 38px; flex: 0 0 38px; place-items: center; border-radius: 11px; background: #f0f8ff; }
body.mobile-reference-ui .mobile-profile-menu-icon .lucide-icon { width: 21px; height: 21px; padding: 0; background: transparent; }
body.mobile-reference-ui .mobile-profile-menu-icon .lucide-icon, body.mobile-reference-ui .mobile-setting-detail .lucide-icon, body.mobile-reference-ui .mobile-credit-estimate .lucide-icon { filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(4642%) hue-rotate(212deg) brightness(103%) contrast(104%); }
body.mobile-reference-ui .mobile-profile-menu button > svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.mobile-reference-ui .mobile-profile-menu button > span { flex: 1; min-width: 0; }
body.mobile-reference-ui .mobile-profile-menu b { display: block; color: #071b50; font-size: 14px; font-weight: 650; }
body.mobile-reference-ui .mobile-profile-menu small { display: block; margin-top: 3px; color: #879dc0; font-size: 11px; }
body.mobile-reference-ui .mobile-profile-menu em { display: grid; place-items: center; color: #8a9fbd; font-style: normal; }
body.mobile-reference-ui .mobile-profile-menu em svg { width: 15px; height: 15px; }
body.mobile-reference-ui .mobile-profile-logout-entry { min-height: 40px; padding: 8px; border: 1px solid #e1edfc; border-radius: 12px; background: #fff; color: #7589a8; font-size: 12px; }
body.mobile-reference-ui .mobile-profile-panel { left: 50%; right: auto; width: min(100%,480px); transform: translateX(-50%); }
body.mobile-reference-ui #mobileCreateBrief, body.mobile-reference-ui .mobile-template-search input, body.mobile-reference-ui .mobile-task-search input { scroll-margin-block: 18px calc(82px + var(--mobile-safe-bottom)); }
/* Keep iOS from zooming the page when the software keyboard opens. */
@supports (-webkit-touch-callout: none) {
  body.mobile-reference-ui #mobileCreateBrief, body.mobile-reference-ui .mobile-template-search input, body.mobile-reference-ui .mobile-task-search input { font-size: 16px; line-height: 1.5; }
  body.mobile-reference-ui #mobileCreateBrief { min-height: 116px; }
}
@media(max-width:350px) {
  body.mobile-reference-ui .home-header { padding-inline: 12px; gap: 6px; }
  body.mobile-reference-ui .home-header .mobile-brand img { width: 88px; }
  body.mobile-reference-ui .mobile-brand small { font-size: 8px; letter-spacing: 1px; }
  body.mobile-reference-ui .home-header nav { gap: 4px; }
  body.mobile-reference-ui .home-header nav button { width: 31px; }
  body.mobile-reference-ui .home-header nav .usage-guide-mobile-trigger { padding-inline: 8px; font-size: 10px; }
  body.mobile-reference-ui .home-hero-banner > div { padding-left: 12px; }
  body.mobile-reference-ui .home-hero-banner p { font-size: 10px; }
  body.mobile-reference-ui .tool-panel header p, body.mobile-reference-ui .featured-templates header p { font-size: 8px; }
  body.mobile-reference-ui .tool-panel h2, body.mobile-reference-ui .featured-templates h2 { font-size: 16px; gap: 6px; }
  body.mobile-reference-ui .tool-panel header, body.mobile-reference-ui .featured-templates header { gap: 6px; }
  body.mobile-reference-ui .image-tool-grid small { font-size: 8px; }
  body.mobile-reference-ui .mobile-task-overview { grid-template-columns: 92px minmax(0,1fr); gap: 9px; }
  body.mobile-reference-ui .mobile-task-cover { width: 92px; }
  body.mobile-reference-ui .mobile-task-info h3 { font-size: 14px; }
  body.mobile-reference-ui .mobile-task-display-controls nav { gap: 5px; }
  body.mobile-reference-ui .mobile-task-display-controls button { padding-inline: 8px; font-size: 11px; }
  body.mobile-reference-ui .mobile-task-display-controls select { width: 68px; font-size: 10px; }
  body.mobile-reference-ui .mobile-brief-actions button { gap: 4px; font-size: 11px; }
  body.mobile-reference-ui .mobile-profile-identity h2 { font-size: 17px; }
  body.mobile-reference-ui .mobile-profile-management b { font-size: 17px; }
}
@media(prefers-reduced-motion:reduce) { body.mobile-reference-ui *, body.mobile-reference-ui *::before { scroll-behavior: auto !important; } }

/* Reference icon geometry and only the affordances pictured in the five targets. */
body.mobile-reference-ui svg.mobile-reference-icon { display: inline-block; flex: none; width: 24px; height: 24px; vertical-align: middle; background: transparent; mask: none; -webkit-mask: none; filter: none !important; pointer-events: none; }
body.mobile-reference-ui .module-symbol.mobile-reference-icon::before { content: none; }
body.mobile-reference-ui .home-header nav .usage-guide-mobile-trigger .mobile-reference-icon { width: 16px; height: 16px; color: #0874ff; }
body.mobile-reference-ui .home-header nav .usage-guide-mobile-trigger { gap: 5px; }
body.mobile-reference-ui .tool-panel header button > svg, body.mobile-reference-ui .featured-templates header button > svg { width: 10px; height: 10px; }
body.mobile-reference-ui .home-hero-action > .lucide-icon { width: 19px; height: 19px; color: #fff; }
body.mobile-reference-ui .home-hero-action > svg:last-child { width: 13px; height: 13px; }
body.mobile-reference-ui .design-tool-grid .module-symbol.mobile-reference-icon, body.mobile-reference-ui .image-tool-grid .module-symbol.mobile-reference-icon { width: 26px; height: 26px; }
body.mobile-reference-ui .featured-templates .mobile-categories { margin: 11px 0 0; }
body.mobile-reference-ui #mobileTemplateGrid.template-waterfall .template-caption { display: none !important; }
body.mobile-reference-ui .mobile-tabbar .mobile-reference-icon { width: 24px; height: 24px; }
body.mobile-reference-ui .mobile-subpage[data-page="profile"] .usage-guide-subpage-trigger .lucide-icon { display: none; }
body.mobile-reference-ui .mobile-subpage[data-page="profile"] .usage-guide-subpage-trigger { padding-inline: 10px; border-radius: 14px; }
body.mobile-reference-ui .usage-guide-subpage-trigger .mobile-reference-icon { width: 18px; height: 18px; color: #0874ff; }
body.mobile-reference-ui .mobile-create-support .mobile-reference-icon { width: 23px; height: 23px; color: #071b50; }
body.mobile-reference-ui .mobile-creator-heading > em .mobile-reference-icon { width: 14px; height: 14px; }
body.mobile-reference-ui .mobile-brief-actions .mobile-reference-icon { width: 19px; height: 19px; color: #083579; }
body.mobile-reference-ui .mobile-setting-detail summary > .mobile-reference-icon { width: 20px; height: 20px; color: #084483; }
body.mobile-reference-ui .mobile-setting-detail summary > em .mobile-reference-icon { width: 12px; height: 12px; }
body.mobile-reference-ui .mobile-credit-estimate > .mobile-reference-icon { width: 15px; height: 15px; color: #066ab8; }
body.mobile-reference-ui .mobile-credit-estimate button .mobile-reference-icon { width: 10px; height: 10px; }
body.mobile-reference-ui .subpage-primary[data-create-submit]::before { content: ""; display: block; flex: none; width: 20px; height: 20px; background: #fff; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.1 3.1c.3-1.3 1.5-1.3 1.8 0l1.3 5.1c.3 1.1 1.1 1.9 2.2 2.2l5.1 1.3c1.3.3 1.3 1.5 0 1.8l-5.1 1.3c-1.1.3-1.9 1.1-2.2 2.2l-1.3 5.1c-.3 1.3-1.5 1.3-1.8 0l-1.3-5.1c-.3-1.1-1.1-1.9-2.2-2.2l-5.1-1.3c-1.3-.3-1.3-1.5 0-1.8l5.1-1.3c1.1-.3 1.9-1.1 2.2-2.2l1.3-5.1ZM19.7.5l.6 1.7 1.7.6-1.7.6-.6 1.7-.6-1.7-1.7-.6 1.7-.6.6-1.7Z'/%3E%3C/svg%3E") center/contain no-repeat; }
body.mobile-reference-ui .subpage-primary[data-create-submit]:disabled::before { display: none; }
body.mobile-reference-ui .mobile-assistant-launch > svg.mobile-reference-icon { width: 13px; height: 13px; }
body.mobile-reference-ui .mobile-prompt-library-open { display: flex; align-items: center; gap: 7px; padding: 12px; }
body.mobile-reference-ui .mobile-prompt-library-open b { font-size: 13px; }
body.mobile-reference-ui .mobile-prompt-library-open small { flex: 1; font-size: 10px; }
body.mobile-reference-ui .mobile-prompt-library-open em { font-size: 11px; font-style: normal; }
body.mobile-reference-ui .mobile-create-guide { display: block; margin: 0 auto 10px; padding: 5px 12px; border: 0; color: #6984ad; background: transparent; font-size: 12px; }
body.mobile-reference-ui .mobile-template-search .mobile-reference-icon, body.mobile-reference-ui .mobile-task-search .mobile-reference-icon { width: 21px; height: 21px; color: #102f65; }
body.mobile-reference-ui .mobile-template-page-categories > button .mobile-reference-icon { width: 13px; height: 13px; }
body.mobile-reference-ui #mobileAllTemplates .template-caption-meta .mobile-reference-icon { width: 18px; height: 18px; color: #7089b4; }
body.mobile-reference-ui .mobile-tasks-heading .mobile-reference-icon { width: 25px; height: 25px; }
body.mobile-reference-ui .mobile-task-display-controls > label .mobile-reference-icon { width: 12px; height: 12px; }
body.mobile-reference-ui .mobile-task-status .mobile-reference-icon { width: 14px; height: 14px; }
body.mobile-reference-ui .mobile-tasks-empty .subpage-primary { background: #0874ff; box-shadow: none; }
body.mobile-reference-ui .mobile-task-delivery > summary .mobile-reference-icon { width: 20px; height: 20px; }
body.mobile-reference-ui .mobile-profile-management > .mobile-reference-icon { width: 34px; height: 34px; padding: 6px; border-radius: 12px; background: #ffffff26; }
body.mobile-reference-ui .mobile-profile-management em .mobile-reference-icon { width: 13px; height: 13px; }
body.mobile-reference-ui .mobile-profile-menu-icon .mobile-reference-icon { width: 21px; height: 21px; color: #0874ff; }
body.mobile-reference-ui .mobile-profile-menu button > .mobile-reference-icon { width: 38px; height: 38px; padding: 9px; border-radius: 11px; background: #f0f8ff; color: #0874ff; }
body.mobile-reference-ui .mobile-profile-menu em .mobile-reference-icon { width: 15px; height: 15px; }
body.mobile-reference-ui .mobile-profile-security-arrow .mobile-reference-icon { width: 16px; height: 16px; }
body.mobile-reference-ui [data-mobile-model-retry], body.mobile-reference-ui [data-mobile-template-retry] { padding: 8px 12px; border: 1px solid #cce2ff; border-radius: 9px; background: #edf6ff; color: #0874ff; font: inherit; }
body.mobile-reference-ui .mobile-creator-model [data-mobile-model-retry] { grid-column: 2; justify-self: start; }

/* END /mobile-reference-ui.css */
/* BEGIN /site-filing.css */
.site-filing-footer{display:block;flex:none;margin:0;padding:12px 10px;color:#536783;font:12px/1.8 "PingFang SC","Microsoft YaHei",sans-serif;text-align:center}
.site-filing-footer a{color:inherit;text-decoration:none;white-space:nowrap}
.site-filing-footer a:hover{text-decoration:underline;color:#075fc9}
.site-filing-footer a:focus-visible{outline:2px solid #0874ff;outline-offset:4px;border-radius:2px}
#authModal .auth-landing-shell>.site-filing-footer{position:absolute;z-index:20;right:0;bottom:max(4px,env(safe-area-inset-bottom));left:0;padding:8px 12px;pointer-events:auto}
.home-scroll>.site-filing-footer{margin-top:12px;padding:12px 10px 16px}

/* END /site-filing.css */
/* BEGIN /mobile-module-course.css */
.mobile-module-course{position:fixed;inset:0;z-index:200000;background:#071b50c9;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;font-family:inherit;color:#071b50}
.mobile-module-course article{display:flex;flex-direction:column;width:min(100%,480px);height:100vh;height:100dvh;max-height:960px;background:#f4f8ff;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.mobile-module-course header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #d7e5fa}
.mobile-module-course header span{font-size:12px;color:#425a80}
.mobile-module-course button{font:inherit;border:1px solid #c7d9f5;border-radius:12px;padding:10px 14px;background:white;color:#071b50;cursor:pointer;min-height:42px}
.mobile-module-course button:focus-visible{outline:3px solid #0874ff;outline-offset:2px}
.mobile-course-content{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;padding:16px;overflow:auto}
.mobile-course-content h2{font-size:20px;line-height:1.4;margin:0}
.mobile-course-content p{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.mobile-course-content video{flex:1;min-height:180px;max-height:calc(100vh - 270px);max-height:calc(100dvh - 270px);width:100%;object-fit:contain;background:#e9f0fc;border-radius:12px}
.mobile-course-content video::-webkit-media-controls{display:none!important}
.mobile-course-content [data-course-error]:empty{display:none}
.mobile-course-content [data-course-error]{color:#b42318}
.mobile-course-progress{display:flex;align-items:center;gap:10px;font-size:12px;flex-shrink:0}
.mobile-course-progress progress{flex:1;min-width:0;height:8px;accent-color:#0874ff}
.mobile-course-content [data-course-play]{background:#0874ff;color:#fff;font-weight:700;flex-shrink:0}
.mobile-course-content [hidden]{display:none!important}
@media(max-height:650px){.mobile-course-content{gap:6px;padding:10px 14px}.mobile-course-content h2{font-size:17px}.mobile-course-content video{min-height:100px}}

/* END /mobile-module-course.css */