/* Mobile V2: calm infographic system. Pink is an action color, not decoration. */
:root{--mv2-ink:#171725;--mv2-muted:#70707f;--mv2-line:#ece8ec;--mv2-bg:#fbfafb;--mv2-rose:#ef4778;--mv2-rose2:#ff6b98;--mv2-soft:#fff1f5;--mv2-radius:22px}
@media(max-width:720px){
 html{background:var(--mv2-bg);font-size:16px}body{background:var(--mv2-bg);color:var(--mv2-ink);padding-bottom:92px}
 .top{height:64px;padding:0 18px;border-bottom:1px solid var(--mv2-line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
 .brand .wordmark{font-size:18px;letter-spacing:-.02em}.brand .wordmark small{font-size:8px;letter-spacing:.2em}.brand .wordmark i{width:18px}
 .top-actions{gap:6px}.top-actions>#mascot-toggle,.top-actions>#text-size,.desktop-only{display:none!important}.account-wrap .outline{padding:8px 11px;border:0;background:#f6f3f5;font-size:12px}
 .layout{display:block}.layout>main{width:100%;padding:0 16px 40px;max-width:none}.trial-note{margin:10px 0 0;border:0;background:#f8f5f7;border-radius:14px;font-size:11px;padding:9px 12px}
 .nav{position:fixed!important;z-index:80;left:0;right:0;bottom:0;top:auto;width:auto;height:calc(72px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:repeat(5,1fr);padding:7px 8px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border:0;border-top:1px solid var(--mv2-line);box-shadow:0 -8px 28px #43253a10}
 .nav a{min-width:0;height:56px;padding:5px 2px;display:flex;flex-direction:column;justify-content:center;gap:3px;border-radius:14px;color:#77727b;font-size:10px;font-weight:600}.nav a span{width:23px;height:23px;margin:0}.nav a b{font-weight:700}.nav a.active{background:transparent;color:var(--mv2-rose)}
 .nav a.mobile-create{position:relative;transform:translateY(-13px);color:white}.nav a.mobile-create span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--mv2-rose2),var(--mv2-rose));box-shadow:0 8px 20px #ef47784a}.nav a.mobile-create b{color:var(--mv2-rose);margin-top:-2px}
 main>footer{display:none}[data-screen]{padding-top:18px}.page-heading{margin:0 0 18px}.page-heading h1{font-size:26px;line-height:1.2;letter-spacing:-.045em}.page-heading p{font-size:14px;line-height:1.6;color:var(--mv2-muted)}
 .card,.studio-form-card,.studio-preview-card,.studio-build-card{border:1px solid var(--mv2-line)!important;border-radius:var(--mv2-radius)!important;box-shadow:0 8px 26px #4f34430a!important;background:#fff!important;padding:18px!important}
 button,.primary,.outline,.quiet,input,select,textarea{font-family:inherit}.primary,.outline,button{min-height:46px;border-radius:14px;font-weight:750}.primary{background:linear-gradient(135deg,var(--mv2-rose2),var(--mv2-rose));box-shadow:none}.outline{border:1px solid #e9dfe4;background:#fff;color:#2d2930}.quiet{color:#716a72}
 input,select,textarea{border:1px solid #e7e2e6!important;border-radius:14px!important;background:#fff!important;padding:13px 14px!important;font-size:15px!important;box-shadow:none!important}label{font-size:13px;font-weight:700;color:#3a3540}label small,.note,.muted{font-weight:500;color:var(--mv2-muted)}
 .two-col,.home-grid,.report-metrics{grid-template-columns:1fr!important;gap:12px!important}.fields{grid-template-columns:1fr!important;gap:12px!important}.heading{align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.12em}.pill{border:0;background:#fff0f4;color:#c83e67;font-size:10px}
 .mobile-home-v2{padding-top:8px}.mobile-greeting{display:flex;justify-content:space-between;align-items:center;padding:8px 2px 14px}.mobile-kicker{font-size:10px;letter-spacing:.13em;color:#a67d8a;font-weight:800}.mobile-greeting h1{margin:5px 0 0;font-size:25px;line-height:1.22;letter-spacing:-.05em}.avatar-button{min-height:0;width:58px;height:58px;border:0;border-radius:50%;background:#fff0f4;padding:3px;overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover}
 .today-focus{position:relative;overflow:hidden;border-radius:26px;padding:22px;background:linear-gradient(145deg,#fff0f5 0%,#fff9f6 70%);border:1px solid #f7dfe8}.today-focus:after{content:'✦';position:absolute;right:18px;top:13px;color:#f2a7bd;font-size:30px}.focus-label{display:inline-block;font-size:11px;font-weight:800;color:#d4416c;margin-bottom:8px}.today-focus h2{font-size:22px;line-height:1.3;letter-spacing:-.04em;margin:0 40px 6px 0}.today-focus p{font-size:13px;line-height:1.55;color:#6e6670;margin:0 0 16px}.today-focus .primary{width:100%}
 .mobile-status{margin:14px 0;padding:18px;background:#fff;border:1px solid var(--mv2-line);border-radius:22px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-line h2{font-size:18px;margin:0;letter-spacing:-.035em}.section-line a{font-size:12px;color:#8c8188}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.status-grid div{padding:12px 4px;border-radius:15px;background:#faf8fa;text-align:center}.status-grid strong{display:block;font-size:16px;color:#25202a}.status-grid span{display:block;margin-top:3px;font-size:9px;color:#8d848c}.mobile-status>p{margin:10px 0 0;font-size:10px;color:#8a8188}
 .mobile-quick,.mobile-industries{margin:20px 0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-grid a{min-width:0;padding:13px 5px 11px;text-align:center;background:#fff;border:1px solid var(--mv2-line);border-radius:18px;color:var(--mv2-ink)}
 .quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:11px;margin-top:7px}.quick-grid small{font-size:9px;color:#958b92;margin-top:2px}.qicon{width:38px;height:38px;margin:auto;border-radius:13px;display:grid;place-items:center;font-weight:900}.qicon svg{width:20px}
 .qicon.blue{color:#3476dd;background:#edf5ff}.qicon.rose{color:#e64978;background:#fff0f5}.qicon.gold{color:#c68424;background:#fff6df}.qicon.mint{color:#258d72;background:#eaf8f3}
 .industry-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.industry-strip::-webkit-scrollbar{display:none}.industry-strip a{flex:0 0 124px;scroll-snap-align:start;background:#fff;border:1px solid var(--mv2-line);border-radius:18px;overflow:hidden;color:var(--mv2-ink)}
 .industry-strip img{width:100%;height:88px;object-fit:cover}.industry-strip strong,.industry-strip small{display:block;padding:0 10px}.industry-strip strong{font-size:12px;margin-top:9px}.industry-strip small{font-size:9px;color:#8d858b;margin:3px 0 11px}
 #page-home>.home-menu,#page-home>.home-section-head,#page-home>#home-template-grid,#page-home>.home-grid{display:none!important}#page-home>.tasks-card{margin:20px 0!important}.tasks-card .heading{margin-bottom:8px}.tasks-card .task{border-radius:16px!important;border:0!important;background:#faf8fa!important;margin:6px 0!important}.tasks-card .task .num{background:#fff0f4!important;color:#dc426d!important}
 .floating-windy{position:fixed;right:14px;bottom:88px;z-index:70;display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;background:#fff;border:1px solid #f1dfe5;border-radius:999px;box-shadow:0 8px 24px #56354520;color:#4c4249;font-size:10px;font-weight:750}.floating-windy img{width:36px;height:36px;object-fit:cover;border-radius:50%}body[data-mobile-page=assistant] .floating-windy{display:none}
 #story-dialog{width:calc(100% - 24px);max-width:430px;border:0;border-radius:28px;padding:18px;box-shadow:0 20px 80px #2d172a40}#story-dialog::backdrop{background:#24151d99;backdrop-filter:blur(5px)}#story-dialog .story-scene{border-radius:20px}.story-caption{font-size:14px;line-height:1.6}.guide-controls{gap:8px}
 .studio{padding:18px 0 30px}.studio-head{padding:0 2px}.studio-head h1{font-size:28px;letter-spacing:-.05em}.studio-file-actions{display:flex;gap:6px;overflow-x:auto}.studio-steps{position:sticky;top:64px;z-index:20;margin:14px -16px 18px;padding:10px 16px;background:rgba(251,250,251,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--mv2-line)}.studio-steps button{font-size:10px;min-height:38px}.studio-steps button span{width:22px;height:22px}
 .studio-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.studio-template{border-radius:18px!important;overflow:hidden}.studio-template-open{min-height:0!important;padding:0!important;border:0!important}.studio-template-open img{aspect-ratio:4/5;object-fit:cover}.studio-template-meta{padding:10px!important}.studio-template-meta h3{font-size:13px!important}.studio-template-meta p{font-size:10px!important}.studio-template-meta span{font-size:10px!important}
 .studio-editor{grid-template-columns:1fr!important;gap:12px!important}.studio-live{border-radius:18px!important;overflow:hidden}.studio-output-choices{grid-template-columns:1fr 1fr!important;gap:8px!important}.studio-output-choices label{border-radius:15px!important;padding:10px!important}.studio-result{border-radius:20px!important;padding:15px!important}.studio-result-media{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.template-tile{border-radius:18px!important}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.works-grid{grid-template-columns:1fr!important}.assistant-options{grid-template-columns:1fr!important}
 .check-metrics{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.check-metrics span{border-radius:14px!important;padding:11px!important}.check-item{border-radius:18px!important}.result-actions{display:grid!important;grid-template-columns:1fr!important}
 body.large{font-size:18px}.large .mobile-greeting h1{font-size:27px}.large .quick-grid{grid-template-columns:1fr 1fr}.large .status-grid{grid-template-columns:1fr 1fr}
}
@media(min-width:721px){.mobile-home-v2,.mobile-quick,.mobile-industries,.floating-windy{display:none!important}}
@media(max-width:720px){
 .mobile-my-tools{margin:0 0 14px;padding:16px;background:#fff;border:1px solid var(--mv2-line);border-radius:20px}.mobile-my-tools h2{font-size:16px;margin:0 0 8px}.mobile-my-tools>div{display:grid}
 .mobile-my-tools a,.mobile-my-tools button{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;border:0;border-bottom:1px solid #f1edf0;border-radius:0;background:transparent;color:#302b32;font-size:13px;font-weight:700}.mobile-my-tools a:last-child,.mobile-my-tools button:last-child{border-bottom:0}
}
/* 2026-09-23 visual polish: match approved mobile mockup */
@media(max-width:720px){
 :root{--mv2-ink:#111b36;--mv2-muted:#747384;--mv2-line:#eee8ec;--mv2-rose:#f04478}
 .top{height:58px;padding:0 18px;box-shadow:0 1px 0 #f1edf0}.brand .wordmark{font-size:17px;line-height:1.05}.brand .wordmark small{font-size:7px;letter-spacing:.24em;margin-top:5px}.brand .wordmark i{width:17px;height:17px}.account-wrap .outline{min-height:36px;border-radius:12px;font-size:11px;padding:7px 10px}
 .layout>main{padding:0 14px 38px}.trial-note{font-size:10px;line-height:1.45;border-radius:12px;margin-top:8px}.page-heading{padding:14px 2px 6px;margin-bottom:12px}.page-heading h1{font-size:28px;line-height:1.16;letter-spacing:-.055em;margin-bottom:8px}.page-heading p{font-size:13px;line-height:1.55}
 .studio-shortcuts{gap:6px;margin-bottom:12px}.studio-shortcuts a{min-height:34px;padding:7px 10px;font-size:10px;background:#fff;border-color:#eee5e9}
 .two-col>.card:first-child{padding:17px!important}.two-col>.card:first-child>h2{font-size:17px;margin-bottom:4px}.two-col>.card:first-child>.note{font-size:10px}
 .design-types{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important}
 .design-type{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:92px!important;padding:13px 12px!important;text-align:left!important;border:1px solid #eee5e9!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#fff8fa)!important;box-shadow:0 7px 18px #53303d0d!important;overflow:hidden}
 .design-type:nth-child(4n+1){background:linear-gradient(145deg,#fff,#fff5f8)!important}.design-type:nth-child(4n+2){background:linear-gradient(145deg,#fff,#fff8f4)!important}.design-type:nth-child(4n+3){background:linear-gradient(145deg,#fff,#f4fbf8)!important}.design-type:nth-child(4n){background:linear-gradient(145deg,#fff,#f8f6ff)!important}
 .design-type.selected{border:2px solid #f36b94!important;padding:12px 11px!important;box-shadow:0 8px 24px #f0447820!important}
 .design-type .type-art{width:52px;height:52px;margin:0!important;display:grid!important;place-items:center;border-radius:16px!important;background:linear-gradient(145deg,#ff91ae,#ed3f73)!important;color:white!important;box-shadow:inset 0 1px 1px #fff9,0 8px 14px #e8497640!important;transform:translateY(-1px)}
 .design-type:nth-child(4n+2) .type-art{background:linear-gradient(145deg,#ffb083,#f06a48)!important;box-shadow:inset 0 1px 1px #fff9,0 8px 14px #e8795940!important}.design-type:nth-child(4n+3) .type-art{background:linear-gradient(145deg,#75d9c4,#24a889)!important;box-shadow:inset 0 1px 1px #fff9,0 8px 14px #35ad9340!important}.design-type:nth-child(4n) .type-art{background:linear-gradient(145deg,#b99aff,#795ed7)!important;box-shadow:inset 0 1px 1px #fff9,0 8px 14px #8369dc40!important}
 .type-art svg{width:30px!important;height:30px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #5c17392a)}
 .design-type .type-copy{min-width:0;display:block}.design-type .type-copy b{font-size:15px!important;line-height:1.25;letter-spacing:-.035em;color:#172039;word-break:keep-all}.design-type .type-copy small{font-size:10px!important;line-height:1.4;margin-top:5px!important;color:#7d7781;word-break:keep-all}.design-type .type-arrow{font-size:21px!important;line-height:1;color:#b0a8ae;margin:0!important}.design-type.selected .type-arrow{color:#ed4778}
 .card{box-shadow:0 8px 24px #5635450b!important}.primary{font-size:14px;letter-spacing:-.02em;box-shadow:0 8px 18px #ef47782b}.outline{font-size:13px}.studio-steps{top:58px}
 .nav{height:calc(70px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px #3b24350c}.nav a{font-size:10px}.nav a span{width:22px;height:22px}.nav a.mobile-create span{width:50px;height:50px;box-shadow:0 8px 18px #ef47784a}.floating-windy{bottom:84px;padding-right:11px;font-size:10px;box-shadow:0 8px 20px #5635451c}
}
@media(max-width:720px){
 .design-type{min-width:0;grid-template-columns:48px minmax(0,1fr) 12px;gap:8px}.design-type .type-art{width:48px;height:48px}.design-type .type-copy{overflow:hidden}.design-type .type-copy b,.design-type .type-copy small{overflow-wrap:anywhere;word-break:normal}.design-type .type-arrow{width:12px;overflow:hidden}
}
@media(max-width:340px){.design-type{grid-template-columns:42px minmax(0,1fr) 10px;padding:11px 9px!important}.design-type .type-art{width:42px;height:42px;border-radius:14px!important}.type-art svg{width:25px!important;height:25px!important}.design-type .type-copy b{font-size:13px!important}.design-type .type-copy small{font-size:9px!important}}
@media(max-width:720px){html,body{max-width:100%;overflow-x:clip}.studio,.studio-editor,.studio-form-card,.studio-preview-card{min-width:0;max-width:100%}}
/* Easy result screen: one result first, advanced options on demand */
@media(max-width:720px){
 #page-result{padding-top:12px}.result-heading{padding:12px 2px 16px!important}.result-heading h1{font-size:29px!important;margin-bottom:7px!important}.result-heading p{font-size:13px!important;color:#747384!important;margin:0!important}
 #result-content{display:block!important}.preview-card{padding:14px!important;background:#fff!important;border-radius:24px!important}.simple-result-label{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:3px 3px 12px}.simple-result-label strong{font-size:16px}.simple-result-label span{font-size:10px;color:#88808a}
 #design-preview{min-height:0!important;background:#f7f4f5;border-radius:18px;padding:8px}#design-preview img{width:100%!important;height:auto!important;max-height:none!important;border-radius:14px!important;box-shadow:0 10px 28px #2d1b2914!important}
 .other-sizes{margin-top:12px;border-top:1px solid #eee8ec;padding-top:10px}.other-sizes summary,.result-more summary{cursor:pointer;list-style:none;font-size:12px;font-weight:750;color:#6e6870;padding:8px 2px}.other-sizes summary:after,.result-more summary:after{content:'⌄';float:right}.other-sizes[open] summary:after,.result-more[open] summary:after{content:'⌃'}
 .other-sizes .thumbs{margin-top:8px;gap:7px}.other-sizes .thumbs button{border-radius:12px;padding:4px}.other-sizes .thumbs img{height:62px}.other-sizes .thumbs small{font-size:8px}.other-sizes>.note{font-size:9px;margin:8px 2px 0}
 .simple-result-actions{padding:18px!important}.simple-result-actions>h2{font-size:21px!important;margin:0 0 6px}.simple-result-actions>p{font-size:13px!important;line-height:1.6;color:#716b73;margin-bottom:14px!important}.simple-result-actions>.result-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 0!important}
 .simple-result-actions>.result-actions #download-one{grid-column:1/-1;font-size:15px;min-height:52px}.simple-result-actions>.result-actions #share-design{min-height:46px}.simple-result-actions>.result-actions>a{min-height:46px}.simple-result-actions>h3,.simple-result-actions>textarea,.simple-result-actions>#copy-caption{display:none!important}
 .result-more{margin-top:10px;border-top:1px solid #eee8ec;padding-top:7px}.result-more #download-all,.result-more #copy-caption,.result-more #edit-design{display:flex!important;width:100%;margin:8px 0}.result-more textarea{display:block!important;width:100%;font-size:12px!important;margin-top:8px}
}
@media(max-width:720px){
 .easy-design-hint{margin:0 0 14px;padding:11px 13px;border-radius:14px;background:#fff3f6;color:#8a4960;font-size:11px;line-height:1.55}.mobile-advanced-setting{display:none!important}
 #design-form>.fields{display:block!important}#design-form>.fields>label:first-child{display:block!important}
 body[data-mobile-page=result] .floating-windy{display:none!important}#page-result{padding-bottom:120px!important}
}