/* Mobile workspaces inherit the approved cream ceramic icon family. */
.wj-service-icon{display:inline-block;width:38px;height:38px;flex:0 0 38px;background-image:url('/cream-services-v1.webp');background-size:400% 400%;background-repeat:no-repeat;vertical-align:middle}
.service-image{background-position:0 0}.service-edit{background-position:33.333% 0}.service-video{background-position:66.667% 0}.service-canvas{background-position:100% 0}
.service-models{background-position:0 33.333%}.service-ledger{background-position:33.333% 33.333%}.service-calendar{background-position:66.667% 33.333%}.service-wallet{background-position:100% 33.333%}
.service-recharge{background-position:0 66.667%}.service-key{background-position:33.333% 66.667%}.service-gift{background-position:66.667% 66.667%}.service-shield{background-position:100% 66.667%}
.service-book{background-position:0 100%}.service-download{background-position:33.333% 100%}.service-user{background-position:66.667% 100%}.service-settings{background-position:100% 100%}
@media(max-width:700px){
 /* Compact service status: preserve the data, spend less space on framing. */
 body.amber-mobile.platform-shell #healthRoot .health-heading{gap:12px;align-items:flex-start;margin:4px 0 14px}
 body.amber-mobile.platform-shell #healthRoot .health-heading>div{min-width:0;flex:1}
 body.amber-mobile.platform-shell #healthRoot .health-heading small{display:none}
 body.amber-mobile.platform-shell #healthRoot .health-heading h2{font-size:17px;font-weight:650;line-height:1.5;margin:0 0 6px;color:#55445e}
 body.amber-mobile.platform-shell #healthRoot .health-heading p{font-size:11px;line-height:1.65;margin:0;color:#7c6c7d}
 body.amber-mobile.platform-shell #healthRoot #refreshHealth{flex:0 0 auto;min-height:40px;padding:8px 11px;font-size:11px;border-radius:11px;box-shadow:none;background:#eee7f3;border:0;color:#70558c}
 body.amber-mobile.platform-shell #healthRoot .health-summary{grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5dcd4;border-radius:12px;background:#fffdf9}
 body.amber-mobile.platform-shell #healthRoot .health-stat{padding:11px 7px;border:0;border-right:1px solid #eae2da}
 body.amber-mobile.platform-shell #healthRoot .health-stat:last-child{border:0}
 body.amber-mobile.platform-shell #healthRoot .health-stat span{font-size:10px;line-height:1.5;white-space:nowrap;color:#7b6b77}
 body.amber-mobile.platform-shell #healthRoot .health-stat strong{font-size:23px;font-weight:650;line-height:1.2;margin-top:5px;font-variant-numeric:tabular-nums}
 body.amber-mobile.platform-shell #healthRoot .health-notice{font-size:10px;line-height:1.5;padding:9px 0}
 body.amber-mobile.platform-shell #healthRoot .health-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:3px 0 12px}
 body.amber-mobile.platform-shell #healthRoot .health-filter input{grid-column:1 / -1;width:100%;min-width:0;box-sizing:border-box}
 body.amber-mobile.platform-shell #healthRoot .health-filter :is(input,select){min-height:38px;margin:0;padding:8px 10px;font-size:12px;border-radius:10px;background:#fffdf9;border:1px solid #e2d7e6;color:#75627b}
 body.amber-mobile.platform-shell #healthRoot .health-filter>span{grid-column:1 / -1;font-size:10px;color:#8a788c}
 body.amber-mobile.platform-shell #healthRoot .health-grid{gap:10px;grid-template-columns:minmax(0,1fr)}
 body.amber-mobile.platform-shell #healthRoot .health-model{padding:12px 13px;border-radius:13px;background:#fffdf9;border:1px solid #e7ddd5}
 body.amber-mobile.platform-shell #healthRoot .health-model-top b{font-size:13px;line-height:1.5;color:#534158}
 body.amber-mobile.platform-shell #healthRoot .health-model-top small{font-size:10px;line-height:1.4;margin-top:2px;color:#8b788d}
 body.amber-mobile.platform-shell #healthRoot .health-badge{font-size:10px;line-height:1.5;padding:3px 7px;border-radius:6px}
 body.amber-mobile.platform-shell #healthRoot .health-result{margin:9px 0 10px;gap:8px}
 body.amber-mobile.platform-shell #healthRoot .health-result strong{font-size:18px;line-height:1.4;color:#79627e}
 body.amber-mobile.platform-shell #healthRoot .health-result span{font-size:9px;line-height:1.5;color:#8c7a8c}
 body.amber-mobile.platform-shell #healthRoot .health-bars{height:18px;gap:2px}
 body.amber-mobile.platform-shell #healthRoot .health-axis{display:none}
 body.amber-mobile.platform-shell #healthRoot .health-footnote{font-size:10px;line-height:1.7;margin:16px 0}
 body.amber-mobile.platform-shell .composerwrap #duration{margin-bottom:28px;padding:10px 13px;min-height:42px;gap:9px;border:1px solid #e1d5e7;border-radius:13px;background:#f4eef7;color:#786184;font-size:11px}
 body.amber-mobile.platform-shell #duration>span{white-space:nowrap}
 body.amber-mobile.platform-shell #duration input{min-width:0;accent-color:#a88cbe}
 body.amber-mobile.platform-shell #duration~.uploadpreviews:empty,body.amber-mobile.platform-shell #duration~.promptchips:empty{display:none;margin:0;padding:0}
 /* Sculpted send control, paired with the approved cream icon family. */
 body.amber-mobile.platform-shell .composer{padding-right:66px}
 body.amber-mobile.platform-shell .composer #input{flex:1 1 0%;width:0;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
 body.amber-mobile.platform-shell .composer .send{display:grid;place-items:center;position:absolute;right:10px;bottom:10px;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #b8a2cc;border-radius:15px;background:linear-gradient(145deg,#d9cbe8,#a98fc3);color:#fffaf0;box-shadow:inset 0 2px 2px #ffffffa0,inset 0 -3px 3px #80639835,0 3px 6px #6c508324;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;touch-action:manipulation}
 body.amber-mobile.platform-shell .composer .send svg{width:24px;height:24px;stroke:#fffaf0;stroke-width:2.8;filter:drop-shadow(0 1px 1px #74538766);fill:none}
 body.amber-mobile.platform-shell .composer .send:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #76598d2e,0 1px 2px #6c50831a;filter:none}
 body.amber-mobile.platform-shell .composer .send:disabled{opacity:.52;cursor:wait;box-shadow:inset 0 1px 2px #ffffff70;transform:none}
 body.amber-mobile.platform-shell .composer .send:focus-visible{outline:2px solid #70558c;outline-offset:3px}
 body.amber-mobile.platform-shell{--cream-ink:#3d3440;--cream-muted:#776d76;--cream-line:#e8dfd8;--cream-purple:#70558c;--cream-lilac:#eee8f5;--cream-sage:#e8efe6;background:#faf7f0;color:var(--cream-ink)}
 body.amber-mobile.platform-shell :is(button,a,input,select,textarea):focus-visible{outline:2px solid #9279ae;outline-offset:3px}
 body.amber-mobile.platform-shell ::selection{background:#ded0ed;color:#342a40}
 body.amber-mobile.platform-shell input{caret-color:#70558c}
 body.amber-mobile.platform-shell :is(.mobile-account-page,#apiworkspace,#dialog.model-selector){scrollbar-width:thin;scrollbar-color:#d9cddd #faf7f0}
 body.amber-mobile.platform-shell .mobile-account-page{background:#faf7f0;padding:8px 18px calc(120px + var(--safe-bottom))}
 body.amber-mobile.platform-shell .mobile-account-page>header{min-height:58px;margin:0 0 20px;padding:4px 0 14px;border-bottom:1px solid var(--cream-line);gap:10px}
 body.amber-mobile.platform-shell .mobile-account-page>header h1{font-size:25px;font-weight:700;color:var(--cream-ink);letter-spacing:-.02em}
 body.amber-mobile.platform-shell .mobile-page-back{width:36px;height:36px;border-radius:11px;background:#eee8f3;color:#70558c;flex:0 0 36px}
 /* Drawer: quiet rows, dimensional icons, one clear selected state. */
 body.amber-mobile.platform-shell .site-rail{background:#faf7f0;padding:22px 16px 24px;width:min(84vw,330px);border-right:1px solid #e9e1d8}
 body.amber-mobile.platform-shell .site-brand{width:100%;max-width:240px;height:76px;margin:0 0 24px}
 body.amber-mobile.platform-shell .site-rail .rail-create{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin:0 2px 24px;border-radius:14px;border:0;background:#79618f;color:#fff;font-size:14px;font-weight:600;box-shadow:none}
 body.amber-mobile.platform-shell .site-rail .rail-label{margin:0 12px 10px;font-size:11px;letter-spacing:0;color:#7f7481}
 body.amber-mobile.platform-shell .site-rail :is(.navitem,[data-workspace]){min-height:54px;margin:2px 0;padding:8px 10px;border-radius:13px;color:#514650;font-size:14px;font-weight:500;background:transparent;border:0;gap:12px}
 body.amber-mobile.platform-shell .site-rail button.illustrated-nav{display:flex;align-items:center;min-height:54px;margin:2px 0;padding:8px 10px;border-radius:13px;background:transparent;color:#514650;font-size:14px;font-weight:500;gap:12px}
 body.amber-mobile.platform-shell .site-rail button.illustrated-nav:is(.selected,.active){background:#ece6f3;color:#654a7c;font-weight:650}
 body.amber-mobile.platform-shell .site-rail .nav-glyph{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:0;box-shadow:none;background-color:transparent;transform:none}
 body.amber-mobile.platform-shell .site-rail .nav-glyph.wj-service-icon{background-size:400% 400%}
 body.amber-mobile.platform-shell .site-rail .nav-glyph.wj-cream-icon{background-size:400% 200%}
 body.amber-mobile.platform-shell .site-rail .nav-glyph>svg{display:none}
 body.amber-mobile.platform-shell .site-rail .rail-divider{margin:18px 10px;background:#e8dfd8;min-height:1px}
 body.amber-mobile.platform-shell .site-rail .rail-person{border-radius:13px;background:#f0eae3;padding:12px;color:#65534b;margin-top:18px}
 body.amber-mobile.platform-shell .site-rail .rail-person .avatar{width:36px;height:36px;min-width:36px;border:0;border-radius:10px;background:transparent url('/cream-services-v1.webp') 66.667% 100%/400% 400% no-repeat;box-shadow:none}
 body.amber-mobile.platform-shell .site-rail .rail-person .avatar>svg{display:none}
 body.amber-mobile.platform-shell .site-rail .mobile-app-link{border:1px solid #e2d8ce;border-radius:12px;background:#fffdf8;color:#74624f;min-height:44px}
 /* Account: identity followed by a calm balance panel and compact action lists. */
 body.amber-mobile.platform-shell .amber-identity{gap:14px;padding:0 2px 20px;margin:0}
 body.amber-mobile.platform-shell .amber-avatar{width:60px;height:60px;min-width:60px;border:0;border-radius:18px;background:#f0e9f6;color:#70558c;box-shadow:none}
 body.amber-mobile.platform-shell .amber-avatar .wj-service-icon{width:52px;height:52px;flex-basis:52px}
 body.amber-mobile.platform-shell .amber-identity h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 5px;color:#3d3440;letter-spacing:0}
 body.amber-mobile.platform-shell .amber-member{font-size:12px;line-height:1.5;color:#776b7b}
 body.amber-mobile.platform-shell .amber-balance{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;padding:20px 18px;margin:0 0 20px;background:#ede7f3;border:0;border-radius:18px;box-shadow:none;min-height:126px}
 body.amber-mobile.platform-shell .amber-balance::after,body.amber-mobile.platform-shell .amber-balance::before{display:none}
 body.amber-mobile.platform-shell .amber-balance>div{min-width:0;flex:1}
 body.amber-mobile.platform-shell .amber-balance .amber-section-label{font-size:12px;gap:6px;color:#655770}
 body.amber-mobile.platform-shell .amber-balance .amber-section-label .wj-service-icon{width:24px;height:24px;flex-basis:24px}
 body.amber-mobile.platform-shell .amber-balance strong{display:block;margin-top:10px;font-size:clamp(26px,7.8vw,36px);line-height:1.15;letter-spacing:-.025em;font-weight:700;color:#4b3a5b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 body.amber-mobile.platform-shell .amber-recharge{flex:0 0 auto;min-height:42px;min-width:64px;padding:10px 13px;border:0;border-radius:12px;background:#fffdf9;color:#654b7e;font-size:13px;font-weight:650;box-shadow:none}
 body.amber-mobile.platform-shell .amber-menu-group{background:#fffdf9;border:1px solid #e8dfd7;border-radius:16px;padding:0 14px;margin:0 0 16px;box-shadow:none}
 body.amber-mobile.platform-shell .amber-menu-row{min-height:66px;gap:12px;padding:12px 0;color:#4e424f;font-size:14px;font-weight:500;border-bottom:1px solid #eee7df}
 body.amber-mobile.platform-shell .amber-menu-row:last-child{border-bottom:0}
 body.amber-mobile.platform-shell .amber-menu-row>.wj-service-icon{width:36px;height:36px;flex-basis:36px}
 body.amber-mobile.platform-shell .amber-menu-row>svg:last-child{color:#97899e;width:12px;margin-left:auto;background:none;padding:0}
 body.amber-mobile.platform-shell .amber-logout{border:1px solid #e7ddd4;border-radius:12px;background:#f4eee7;color:#8c5d58;min-height:44px;font-size:13px;margin:4px 0 0}
 /* API console: coordinated tabs and useful, readable summaries. */
 body.amber-mobile.platform-shell #apiworkspace{background:#faf7f0;padding:20px 18px calc(120px + var(--safe-bottom));scroll-padding-bottom:120px}
 body.amber-mobile.platform-shell #apiTitle{font-size:26px;font-weight:700;color:#3d3440;margin:0 0 20px;letter-spacing:-.025em}
 body.amber-mobile.platform-shell #apinav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0 0 22px;overflow:visible}
 body.amber-mobile.platform-shell #apinav button,body.amber-mobile.platform-shell #apinav button.illustrated-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;min-width:0;min-height:76px!important;padding:8px 3px!important;border:1px solid #e7dfd6!important;border-radius:13px;background:#fffdf9!important;color:#6c5d70!important;box-shadow:none!important;font-size:11px;font-weight:550;white-space:nowrap}
 body.amber-mobile.platform-shell #apinav button.active{background:#eae3f3!important;border-color:#cfbfdc!important;color:#654780!important;font-weight:700}
 body.amber-mobile.platform-shell #apinav .wj-service-icon{width:32px;height:32px;flex-basis:32px}
 body.amber-mobile.platform-shell #apinav button>.nav-glyph{display:none!important}
 body.amber-mobile.platform-shell .amber-key{margin:0 0 14px;padding:18px;background:#fffdf9;border:1px solid #e8dfd7;border-radius:16px;box-shadow:none}
 body.amber-mobile.platform-shell .amber-key .amber-section-label{font-size:13px;font-weight:600;color:#665372;gap:8px}
 body.amber-mobile.platform-shell .amber-key-row{margin-top:12px;gap:12px;min-width:0}
 body.amber-mobile.platform-shell .amber-key-row code{font-family:inherit;color:#5a4964;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.amber-mobile.platform-shell .amber-text-button{min-height:40px;padding:9px 14px;background:#eee7f5;color:#6a4d85;border-radius:10px;box-shadow:none;font-size:12px;flex-shrink:0}
 body.amber-mobile.platform-shell .amber-model-count{margin:0 0 14px;gap:10px;padding:14px 16px;min-height:68px;background:#e8eee5;color:#4b6855;border:0;border-radius:15px;font-size:13px}
 body.amber-mobile.platform-shell .amber-model-count b{color:#42644e;font-size:19px}
 body.amber-mobile.platform-shell :is(.amber-usage,.amber-models){border:1px solid #e8dfd7;border-radius:16px;background:#fffdf9;box-shadow:none;padding:16px;margin-bottom:16px}
 body.amber-mobile.platform-shell .amber-section-head h3{font-size:15px;gap:7px;color:#4b3f50}
 body.amber-mobile.platform-shell .amber-section-head h3 .wj-service-icon{width:28px;height:28px;flex-basis:28px}
 body.amber-mobile.platform-shell .amber-section-head :is(span,small){color:#7a6e7e;font-size:11px}
 body.amber-mobile.platform-shell .amber-bar-track{background:#f1ebf4}.amber-mobile.platform-shell .amber-bar-track i{background:#aa91bf}
 body.amber-mobile.platform-shell .amber-model-tabs button{background:#f4f0e9;color:#746775;border-radius:9px;border:0}
 body.amber-mobile.platform-shell .amber-model-tabs button.active{background:#e9e1f1;color:#6b4e86}
 body.amber-mobile.platform-shell .amber-type-tag{background:#eef2eb;color:#55715c}
 body.amber-mobile.platform-shell .amber-model-row{border-color:#eee6de;padding:14px 0}
 body.amber-mobile.platform-shell #apiBody .apicard{border:1px solid #e6ddd5;background:#fffdf9;border-radius:15px;box-shadow:none}
 /* Works: give the images room, keep their metadata secondary. */
 body.amber-mobile.platform-shell .studio-library{--sl-ink:#443b48;--sl-muted:#786d78;--sl-line:#e7ddd4}
 body.amber-mobile.platform-shell .studio-library .sl-note{font-size:12px;line-height:1.75;color:#7b6f79;margin:0 0 18px}
 body.amber-mobile.platform-shell .sl-toolbar{gap:10px;margin:0 0 14px;align-items:center}
 body.amber-mobile.platform-shell .sl-tabs{padding:4px;gap:2px;border:0;border-radius:12px;background:#eee8e0}
 body.amber-mobile.platform-shell .sl-tabs button{min-height:36px;padding:7px 13px;font-size:12px;border-radius:9px;background:transparent;color:#776a72;border:0;box-shadow:none}
 body.amber-mobile.platform-shell .sl-tabs button.active{background:#fffdf9;color:#6b4e86;font-weight:650;box-shadow:0 2px 4px #5c456010}
 body.amber-mobile.platform-shell .sl-toolbar>button{min-height:40px;padding:8px 12px;background:#f2ece5;border:1px solid #e3d8ce;border-radius:11px;color:#776656;box-shadow:none;font-size:12px}
 body.amber-mobile.platform-shell .sl-search{gap:8px;margin:0}
 body.amber-mobile.platform-shell .sl-search input{min-height:44px;padding:10px 12px;background:#fffdf9;border:1px solid #e2d8d0;border-radius:12px;font-size:13px;min-width:0;color:#4c4050}
 body.amber-mobile.platform-shell .sl-search button{min-width:52px;min-height:44px;padding:9px 12px;border:0;border-radius:12px;background:#eae2f2;color:#6b4e86;font-size:12px;box-shadow:none}
 body.amber-mobile.platform-shell .sl-status{font-size:11px;color:#817482;margin:17px 0 12px}
 body.amber-mobile.platform-shell .sl-gallery{gap:18px 12px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:18px}
 body.amber-mobile.platform-shell .sl-work{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
 body.amber-mobile.platform-shell .sl-cover{aspect-ratio:4/5;border:0;border-radius:14px;background:#eee7dd;color:#82777d;font-size:11px}
 body.amber-mobile.platform-shell .sl-work-title{padding:0;margin:10px 0 4px;font-size:13px;font-weight:650;line-height:1.5;color:#493d4c}
 body.amber-mobile.platform-shell .sl-caption{font-size:10px;line-height:1.7;color:#817482;margin:0}
 /* Model picker: names, descriptions and price are readable at a glance. */
 body.amber-mobile.platform-shell #overlay #dialog.model-selector{background:#faf7f0!important;padding:24px 18px 20px;border:0!important;border-radius:26px 26px 0 0;max-height:94dvh;box-shadow:0 -12px 48px #34283c1a!important}
 body.amber-mobile.platform-shell #dialog.model-selector #dialogBody>h2{padding-right:44px;font-size:23px;line-height:1.35;margin:8px 0 12px;color:#3d3440}
 body.amber-mobile.platform-shell #dialog.model-selector .close{width:38px;height:38px;min-width:38px;min-height:38px;margin:0;background:#eee8e0;border:0;border-radius:12px;color:#7d6977;position:absolute;top:20px;right:18px}
 body.amber-mobile.platform-shell #dialog.model-selector .selector-subtitle{font-size:12px!important;line-height:1.65;color:#7b6c7a!important;margin:0 0 20px}
 body.amber-mobile.platform-shell #dialog.model-selector .model-search{min-height:46px;padding:0 12px;border:1px solid #ddd0e5;background:#fffdf9;border-radius:13px;box-shadow:none;gap:9px}
 body.amber-mobile.platform-shell #dialog.model-selector .model-search>span{color:#9277a5}
 body.amber-mobile.platform-shell #dialog.model-selector .model-search input{margin:0!important;padding:11px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:13px!important;line-height:1.6;color:#53425e!important;min-width:0}
 body.amber-mobile.platform-shell #dialog.model-selector .model-search input:is(:focus,:focus-visible){border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
 body.amber-mobile.platform-shell #dialog.model-selector .model-search:focus-within{outline:0;border-color:#9e82b1;box-shadow:none}
 body.amber-mobile.platform-shell #dialog.model-selector .model-filter-tabs{gap:7px;margin:15px 0 16px;align-items:center}
 body.amber-mobile.platform-shell #dialog.model-selector .model-filter-tabs button{min-height:36px;padding:8px 12px;background:#eee9e2;color:#786774;border:0;border-radius:10px;font-size:12px;font-weight:500;box-shadow:none}
 body.amber-mobile.platform-shell #dialog.model-selector .model-filter-tabs button.active{background:#e6ddf0;color:#6c4c86;font-weight:650}
 body.amber-mobile.platform-shell #dialog.model-selector .model-filter-tabs small{color:#827085;font-size:11px}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card-list{display:grid;gap:10px;max-height:none;padding:0 0 8px;overflow:visible}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:11px;row-gap:10px;padding:16px;background:#fffdf9!important;border:1px solid #e6ddd5!important;border-radius:15px;box-shadow:none!important;align-items:start;min-height:0;color:#493c4e}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card.selected{background:#f0eaf6!important;border-color:#b6a0c8!important}
 body.amber-mobile.platform-shell #dialog.model-selector .model-logo.upstream-icon{width:36px;height:38px;flex-basis:36px;background:#f3eee8!important;border-radius:10px;font-size:24px;margin:0;box-shadow:none!important}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card-copy{min-width:0}
 body.amber-mobile.platform-shell #dialog.model-selector .model-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
 body.amber-mobile.platform-shell #dialog.model-selector .model-title-line b{font-size:14px;line-height:1.45;color:#44364d!important;font-weight:650;overflow-wrap:anywhere;white-space:normal;overflow:visible;text-overflow:clip}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card-copy>small{display:block;font-size:10px!important;line-height:1.5;margin-top:3px;color:#82718a!important;opacity:1}
 body.amber-mobile.platform-shell #dialog.model-selector .model-description{display:block;font-size:12px!important;line-height:1.7;margin:8px 0 0!important;color:#796878!important;opacity:1;overflow-wrap:anywhere}
 body.amber-mobile.platform-shell #dialog.model-selector .model-price-tag{grid-column:2;justify-self:start;align-self:start;max-width:100%;font-size:11px;font-weight:600;line-height:1.5;padding:5px 9px;background:#eee6f4;color:#70518c;border:0;border-radius:8px;white-space:normal;text-align:left;box-shadow:none}
 body.amber-mobile.platform-shell #dialog.model-selector .model-price-tag.free{background:#e5eee2;color:#4f7055}
 body.amber-mobile.platform-shell #dialog.model-selector .model-current{padding:3px 6px;background:#e1d5ed;color:#6b4d82;border-radius:6px;font-size:9px;line-height:1.4}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card.is-unavailable{background:#f0ece7!important;border-color:#e3dbd2!important}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card.is-unavailable :is(.model-title-line b,.model-description,.model-card-copy>small){color:#776975!important}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card.is-unavailable .model-price-tag{background:#e6dfd7;color:#7e706d}
 body.amber-mobile.platform-shell #dialog.model-selector .model-card[hidden]{display:none}
 @media(max-width:350px){body.amber-mobile.platform-shell .amber-balance{padding:17px 14px;gap:8px}body.amber-mobile.platform-shell .amber-recharge{min-width:54px;padding:10px}body.amber-mobile.platform-shell #apinav button{font-size:10px}body.amber-mobile.platform-shell .sl-tabs button{padding:7px 10px}}
}

.edit-empty-start{display:none}
/* Image creation empty state: calm lavender, matching the mobile controls. */
@media(max-width:700px){
 body.amber-mobile:is([data-creative-mode="image"],[data-creative-mode="video"]) .main{background:none}
 body.amber-mobile:is([data-creative-mode="image"],[data-creative-mode="video"]) #empty{top:40%;width:100%;left:0}
 body.amber-mobile:is([data-creative-mode="image"],[data-creative-mode="video"]) #heroIcon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;padding:0;border:0;border-radius:21px;background:#eee6f4;color:#806294;box-shadow:none}
 body.amber-mobile:is([data-creative-mode="image"],[data-creative-mode="video"]) #heroIcon svg{width:31px;height:31px;stroke-width:1.6}
 body.amber-mobile:is([data-creative-mode="image"],[data-creative-mode="video"]) #heroTitle{max-width:calc(100% - 36px);margin:0 auto 12px;color:#6b4f80;font-size:27px!important;line-height:1.45;font-weight:650;letter-spacing:.3px;text-wrap:balance}
 body.amber-mobile:is([data-creative-mode="image"],[data-creative-mode="video"]) #heroSubtitle{max-width:calc(100% - 48px);margin:0 auto;color:#79687e;font-size:13px;line-height:1.9;font-weight:400}
 body.amber-mobile[data-creative-mode="video"] #heroTitle{font-size:clamp(22px,6vw,26px)!important;letter-spacing:0}
 body.amber-mobile[data-creative-mode="video"] .composerwrap #duration{margin-bottom:18px;min-height:46px;padding:10px 14px;gap:12px;border:0;border-radius:15px;background:#f0eaf4;color:#705a7e;font-size:12px}
 body.amber-mobile[data-creative-mode="video"] #duration #seconds{padding:4px 8px;border-radius:8px;background:#fffcf8;color:#6b4f80;font-weight:650;font-variant-numeric:tabular-nums}
 body.amber-mobile[data-creative-mode="video"] #duration input[type="range"]{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:4px;padding:0;border:0;border-radius:99px;background:#d8c9e3;box-shadow:none;cursor:pointer}
 body.amber-mobile[data-creative-mode="video"] #duration input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border:3px solid #fffcf8;border-radius:50%;background:#8a6a9c;box-shadow:0 2px 6px #6b4f8025}
 body.amber-mobile[data-creative-mode="video"] #duration input[type="range"]::-moz-range-thumb{width:13px;height:13px;border:3px solid #fffcf8;border-radius:50%;background:#8a6a9c;box-shadow:0 2px 6px #6b4f8025}
 body.amber-mobile[data-creative-mode="video"] #duration input[type="range"]:focus-visible{outline:2px solid #a88cbe;outline-offset:6px}
}
@media(max-width:700px){
 body.amber-mobile[data-creative-mode="edit"] #empty{top:43%;width:calc(100% - 48px)}
 body.amber-mobile[data-creative-mode="edit"] #empty>#heroIcon,body.amber-mobile[data-creative-mode="edit"] #empty>#heroTitle,body.amber-mobile[data-creative-mode="edit"] #empty>#heroSubtitle{display:none}
 body.amber-mobile[data-creative-mode="edit"] .edit-empty-start{display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 0}
 body.amber-mobile[data-creative-mode="edit"] .edit-empty-art{display:block;width:100px;height:100px;flex:0 0 100px}
 body.amber-mobile[data-creative-mode="edit"] .edit-empty-upload{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:11px 22px;border:1px solid #dfd2e7;border-radius:16px;background:#eee6f5;color:#674b7c;font-size:16px;font-weight:600;line-height:1.4;box-shadow:none}
 body.amber-mobile[data-creative-mode="edit"] .edit-empty-upload>span{font-size:22px;font-weight:400;line-height:1}
 body.amber-mobile[data-creative-mode="edit"] .edit-empty-start>p{margin:0;color:#958795;font-size:12px;line-height:1.7;font-weight:400}
}

/* Daily check-in follows the approved cream/lavender mobile workspace. */
@media(max-width:700px){
 body.amber-mobile.platform-shell .mobile-account-page .wj-checkin{max-width:440px;margin:6px auto 0;padding:28px 22px 24px;border:1px solid #e9e0d9;border-radius:22px;background:#fffcf8;text-align:center;color:#4e3e58}
 body.amber-mobile.platform-shell .wj-checkin .wj-checkin-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:0;padding:4px 0 28px;margin:0;background:transparent;color:#4e3e58;border:0;border-radius:0;box-shadow:none}
 body.amber-mobile.platform-shell .wj-checkin .wj-checkin-symbol{display:block;width:96px;height:96px;flex:0 0 96px;border-radius:0;background:transparent url('/cream-services-v1.webp') 66.667% 33.333%/400% 400% no-repeat}
 body.amber-mobile.platform-shell .wj-checkin-symbol>svg{display:none}
 body.amber-mobile.platform-shell .wj-checkin .wj-checkin-label{margin:0 0 12px;color:#84718b;font-size:13px;line-height:1.5;font-weight:500}
 body.amber-mobile.platform-shell .wj-checkin .wj-checkin-reward strong{display:flex;justify-content:center;align-items:baseline;gap:8px;color:#594264;font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
 body.amber-mobile.platform-shell .wj-checkin .wj-checkin-reward strong small{font-size:14px;font-weight:500;color:#84718b;letter-spacing:0}
 body.amber-mobile.platform-shell .wj-checkin #claimDailyCheckin{display:flex;justify-content:center;align-items:center;min-height:48px;margin:0;padding:13px 16px;border:0;border-radius:14px;background:#826593;color:#fffaf7;font-size:15px;font-weight:600;box-shadow:none;line-height:1.5}
 body.amber-mobile.platform-shell .wj-checkin #claimDailyCheckin:disabled{background:#eee7f2;color:#8d7b98;opacity:1}
 body.amber-mobile.platform-shell .wj-checkin.is-checked #claimDailyCheckin:disabled{background:#e5eee2;color:#53704f;opacity:1}
 body.amber-mobile.platform-shell .wj-checkin [role="status"]{margin-top:14px;text-align:center;font-size:13px;color:#a04f54;line-height:1.6}
}

/* Native App prompt assistant only. Browser layouts retain their existing appearance. */
body.wujie-native-app #overlay #dialog:has(.prompt-assistant){background:#fffcf8;border-color:#eee5ed;color:#493b52}
body.wujie-native-app #overlay #dialog:has(.prompt-assistant) #dialogBody>h2{color:#493b52;font-size:22px;font-weight:650;margin-bottom:18px;line-height:1.5}
body.wujie-native-app #overlay #dialog:has(.prompt-assistant) .close{background:#f2edf5;color:#81678f;border:0}
body.wujie-native-app #overlay #dialog .prompt-assistant>p:first-child{margin:0 0 20px;color:#8a7893;font-size:13px;line-height:1.75}
body.wujie-native-app #overlay #dialog .prompt-assistant label{display:block;margin:18px 0 16px;color:#67516f;font-size:13px;font-weight:550;line-height:1.6}
body.wujie-native-app #overlay #dialog .prompt-assistant textarea{width:100%;margin:9px 0 0;padding:14px 15px;border:1px solid #e4d9e9;border-radius:14px;background:#f9f6fb;color:#4b3c55;font-size:15px;font-weight:400;line-height:1.75;box-shadow:none;outline:none;resize:vertical}
body.wujie-native-app #overlay #dialog .prompt-assistant textarea::placeholder{color:#92819b;opacity:1}
body.wujie-native-app #overlay #dialog .prompt-assistant textarea:is(:focus,:focus-visible){border-color:#a58ab7;outline:2px solid #a58ab72b;outline-offset:1px;box-shadow:none}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantIdea{min-height:138px}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantImprove{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin:20px 0 0;padding:13px 18px;border:0;border-radius:14px;background:#806393;color:#fffaf7;font-size:15px;font-weight:600;line-height:1.5;box-shadow:none}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantImprove:disabled{background:#e9e0ef;color:#8d7898;opacity:1}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantSelectRefs{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;margin:0;border:0;border-radius:12px;background:#eee6f4;color:#745885;font-size:13px;font-weight:550;line-height:1.5;box-shadow:none;text-decoration:none}
body.wujie-native-app #overlay #dialog .prompt-assistant .prompt-reference-section>p{margin:10px 0 16px;color:#94829c;font-size:11px!important;line-height:1.65}
body.wujie-native-app #overlay #dialog .prompt-assistant .prompt-assistant-refs{gap:10px;padding:0 0 12px}
body.wujie-native-app #overlay #dialog .prompt-assistant .prompt-assistant-refs img{width:66px;height:66px;flex-basis:66px;border:1px solid #ece4f0;border-radius:12px}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantStatus{margin:12px 0 0;color:#8a7098;font-size:12px;line-height:1.65}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantStatus:empty{display:none}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantOutput{margin-top:22px;padding-top:4px;border-top:1px solid #e9e0ed}
body.wujie-native-app #overlay #dialog .prompt-assistant #promptAssistantUse{display:flex;align-items:center;justify-content:center;min-height:46px;margin:14px 0 0;padding:12px 16px;border:1px solid #dbcae6;border-radius:14px;background:#eee6f4;color:#715182;font-size:14px;font-weight:600;line-height:1.5;box-shadow:none}
body.wujie-native-app #overlay #dialog .prompt-assistant :is(button,a):focus-visible{outline:2px solid #9275a5;outline-offset:3px}