/* WINDY'S MARKETING LAB — approved mobile showcase source of truth */
:root{--ap-navy:#092663;--ap-ink:#15264b;--ap-pink:#ff3e78;--ap-pink2:#ff6996;--ap-bg:#fff9fb;--ap-card:#fff;--ap-muted:#7b849a;--ap-line:#e8edf5;--ap-blue:#397aa2;--ap-green:#16a47b}
@media(max-width:720px){
 html,body{background:linear-gradient(180deg,#fff 0,#fff9fb 42%,#fff 100%)!important;color:var(--ap-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif!important;-webkit-font-smoothing:antialiased}
 .top{height:52px!important;padding:0 14px!important;background:#fff!important;border:0!important;box-shadow:none!important}.brand{gap:6px!important}.brand-mark{font-size:15px!important}.brand>span:last-child{font-size:12px!important;font-weight:900!important;color:var(--ap-navy)!important;line-height:1!important}.brand b{display:block!important;margin-top:2px!important;font-size:5.5px!important;font-weight:800!important;letter-spacing:.19em!important;color:#53627d!important}.brand small{display:none!important}.top-actions>.quiet,.top-actions>.desktop-only{display:none!important}.account-wrap .outline{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid #e8edf5!important;border-radius:11px!important;background:#fff!important;color:transparent!important;position:relative;box-shadow:0 4px 12px #1323420b!important}.account-wrap .outline:before{content:'';position:absolute;inset:8px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23092663' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E")}
 .layout>main{padding:0 12px 28px!important}.trial-note{display:none!important}.approved-home{padding:10px 0 8px!important}.approved-greeting{padding:0 2px!important}.approved-greeting h1{margin:0 0 10px!important;color:var(--ap-navy)!important;font-size:18px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.045em!important}.approved-greeting h1 span{font-size:15px!important}
 .approved-windy-note{position:relative;min-height:82px;padding:13px 94px 12px 13px;border:0;border-radius:15px;background:linear-gradient(135deg,#fff7f9 0%,#fff 78%);box-shadow:0 7px 22px rgba(28,42,73,.055)}.approved-windy-note p{margin:0;color:#748096;font-size:9px;line-height:1.55;font-weight:550}.approved-windy-note p b{color:#58677f}.approved-windy-note button{position:absolute;right:5px;bottom:-1px;width:88px;height:82px;padding:0;border:0;background:transparent}.approved-windy-note img{width:100%;height:100%;object-fit:contain}
 .approved-tabs{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 8px;border-radius:12px;background:#f6f6fa;overflow:hidden}.approved-tabs button{height:36px;border:0;background:transparent;color:#667086;font-size:10px;font-weight:800}.approved-tabs .active{border-radius:12px;background:linear-gradient(135deg,#ff6a96,#ff3e78);color:#fff;box-shadow:0 5px 14px #ff3e7830}.approved-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 4px;border-radius:99px;background:#fff;color:var(--ap-pink);font-size:8px}
 .approved-task-list{display:grid;gap:7px}.approved-task{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:start;min-height:55px;padding:9px 10px;border:0;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(29,45,78,.055)}.approved-num{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e7f1f8;color:#25658c;font-size:10px;font-weight:900}.approved-task div{min-width:0;padding-top:1px}.approved-task strong{display:block;color:#17294f;font-size:10.5px;line-height:1.3;font-weight:850;letter-spacing:-.025em;word-break:keep-all}.approved-task small{display:block;margin-top:3px;color:#8790a2;font-size:8px;line-height:1.35;word-break:keep-all}.approved-task button{display:none}
 .approved-task.primary-task{grid-template-columns:27px minmax(0,1fr);padding-bottom:9px}.approved-task.primary-task button{display:block;grid-column:2;justify-self:stretch;min-height:31px;margin-top:2px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff6894,#ff3e78);color:#fff;font-size:9px;font-weight:850;box-shadow:0 5px 13px #ff3e7827}.approved-task:nth-child(2) .approved-num{background:#e5f4f7;color:#22708a}.approved-task:nth-child(3) .approved-num{background:#e9f7f2;color:#17866c}
 #page-home>.welcome,#page-home>.home-grid,#page-home>.tasks-card,#page-home>.home-menu,#page-home>.home-section-head,#page-home>#home-template-grid{display:none!important}body[data-mobile-page=home] .floating-windy{display:none!important}
 .nav{height:calc(62px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important;background:#fff!important;border-top:1px solid #edf0f5!important;box-shadow:0 -7px 18px #1d2d4b0c!important}.nav a{font-size:8px!important;font-weight:750!important;color:#5f687b!important}.nav a span{width:19px!important;height:19px!important}.nav a.active{color:var(--ap-pink)!important}.nav a.mobile-create span{width:43px!important;height:43px!important;background:linear-gradient(135deg,#ff6b97,#ff3e78)!important;box-shadow:0 7px 16px #ff3e783d!important}.nav a.mobile-create{transform:translateY(-7px)}
}@media(max-width:720px){
 .studio{padding:8px 0 26px!important;color:var(--ap-ink)!important}.studio-head,.studio-steps{display:none!important}.studio-status{margin:0!important}.studio-file-actions{display:none!important}
 .mock-create-intro{padding:9px 1px 12px}.mock-step-dots{display:flex;gap:5px;margin:0 0 13px}.mock-step-dots i{width:18px;height:3px;border-radius:99px;background:#e5e9f1}.mock-step-dots i:first-child{background:var(--ap-pink)}.mock-create-intro h2{margin:0!important;color:var(--ap-navy)!important;font-size:18px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.04em!important}.mock-create-intro>p{margin:5px 0 14px!important;color:#7e879a!important;font-size:9px!important}
 .mock-talk{position:relative;display:block!important;padding:14px 48px 12px 13px!important;border:1.5px solid #ff6d98!important;border-radius:16px!important;background:linear-gradient(135deg,#fff8fb,#fff)!important;box-shadow:0 6px 18px #ff3e7810!important}.mock-talk strong{display:block;color:var(--ap-navy);font-size:11px;font-weight:900}.mock-talk textarea{width:100%;min-height:39px!important;padding:6px 0 0!important;border:0!important;background:transparent!important;color:#7e879a!important;font-size:9px!important;line-height:1.45;resize:none}.mock-talk textarea:focus{outline:0}.mock-talk button{position:absolute;right:11px;bottom:13px;width:33px;height:33px;min-height:33px;padding:0;border:0;border-radius:50%;background:linear-gradient(135deg,#ff6b96,#ff3e78);color:#fff;font-size:18px;box-shadow:0 5px 12px #ff3e7832}
 .mock-quick-create{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 9px}.mock-quick-create button{position:relative;min-height:94px;padding:11px 6px 8px;border:1px solid #e7ebf2;border-radius:12px;background:#fff;color:var(--ap-navy);box-shadow:0 4px 14px #1a2d4a08}.mock-quick-create span{display:block;width:48px;height:48px;margin:0 auto 6px;color:transparent!important;background-repeat:no-repeat;background-position:center;background-size:contain}.mock-quick-create button:nth-child(1) span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%237c91ff'/%3E%3Cstop offset='1' stop-color='%235e68db'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='7' y='13' width='50' height='40' rx='10' fill='url(%23g)'/%3E%3Cpath d='M20 13l5-7h14l5 7' fill='%23a9b5ff'/%3E%3Ccircle cx='32' cy='33' r='11' fill='white'/%3E%3Ccircle cx='32' cy='33' r='7' fill='%236d79e8'/%3E%3C/svg%3E")}.mock-quick-create button:nth-child(2) span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23ffb66f'/%3E%3Cstop offset='1' stop-color='%23f47737'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M11 38a21 21 0 0 1 42 0z' fill='url(%23g)'/%3E%3Crect x='7' y='38' width='50' height='6' rx='3' fill='%23e8662c'/%3E%3Ccircle cx='32' cy='13' r='4' fill='%23ff9c4e'/%3E%3C/svg%3E")}.mock-quick-create button:nth-child(3) span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23ff799d'/%3E%3Cstop offset='1' stop-color='%23f23e74'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 5l8 7 11-1-1 11 8 8-8 8 1 11-11-1-8 8-8-8-11 1 1-11-8-8 8-8-1-11 11 1z' fill='url(%23g)'/%3E%3Ctext x='32' y='38' text-anchor='middle' font-size='21' font-weight='900' fill='white'%3E%25%3C/text%3E%3C/svg%3E")}.mock-quick-create button:nth-child(4) span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23ff829f'/%3E%3Cstop offset='1' stop-color='%23e94270'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M10 25h44v31H10z' fill='url(%23g)'/%3E%3Cpath d='M6 25l5-14h42l5 14z' fill='%23ff9ab2'/%3E%3Cpath d='M17 11v14m10-14v14m10-14v14m10-14v14' stroke='white' stroke-width='4'/%3E%3Cpath d='M26 39h12v17H26z' fill='white'/%3E%3C/svg%3E")}.mock-quick-create b{font-size:9.5px;line-height:1.3;font-weight:850}
 .mock-auto-pick{width:100%;min-height:50px;padding:9px 70px 9px 12px;border:0;border-radius:13px;background:#fff3f7;color:#53627d;font-size:9px;text-align:left;position:relative}.mock-auto-pick strong{display:block;margin-top:3px;color:#e93d72;font-size:9px}.mock-auto-pick:after{content:'';position:absolute;right:10px;bottom:0;width:58px;height:52px;background:url('/assets/windy-merchant.webp') center bottom/contain no-repeat}.mock-purpose-detail,#studio-purpose-grid,#studio-purpose-next{display:none!important}
 .studio-purpose{margin:8px 0 12px!important;gap:9px!important}.studio-purpose>span{display:none!important}.studio-purpose h2{margin:0;color:var(--ap-navy)!important;font-size:18px!important;line-height:1.25;font-weight:900!important;letter-spacing:-.04em!important}.studio-purpose p{margin:4px 0 0!important;color:#7e879a!important;font-size:9px!important}
 .studio-industry-grid-pro{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 13px!important}.studio-industry-grid-pro .photo-card{min-height:111px!important;padding:0!important;border:2px solid transparent!important;border-radius:12px!important;background-position:center!important;box-shadow:0 4px 13px #1a2d4a0a!important}.studio-industry-grid-pro .photo-card.selected{border-color:var(--ap-pink)!important;box-shadow:0 0 0 2px #fff inset!important}.photo-card .photo-shade{background:linear-gradient(180deg,transparent 35%,rgba(8,18,45,.7) 100%)!important}.photo-card strong{font-size:10px!important}.photo-card i{font-size:7px!important}.studio-discover-actions{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:8px!important}.studio-discover-actions button{min-height:42px!important;border-radius:12px!important;font-size:10px!important}.studio-discover-actions .primary:disabled{background:#eef1f6!important;color:#b2bac8!important;box-shadow:none!important}
}@media(max-width:720px){
 .mock-ai-results .studio-purpose{margin-bottom:10px!important}.mock-ai-results .studio-purpose h2{font-size:17px!important}.studio-filter-chips,.mock-ai-results>.studio-section-title,.mock-ai-results>.note{display:none!important}.studio-catalog{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:6px!important}.studio-catalog>.studio-template:nth-child(n+4){display:none!important}.studio-catalog.show-all>.studio-template:nth-child(n+4){display:block!important}.studio-catalog>.studio-template:first-child{grid-column:1/-1}.studio-template{position:relative;border:0!important;border-radius:12px!important;background:#fff!important;overflow:hidden;box-shadow:0 5px 16px #18294b0d!important}.studio-template:first-child{border:1.5px solid var(--ap-pink)!important}.studio-template:first-child:before{content:'추천';position:absolute;z-index:4;left:8px;top:8px;padding:4px 8px;border-radius:999px;background:var(--ap-pink);color:#fff;font-size:7px;font-weight:900}.studio-template-open img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important}.studio-template:first-child .studio-template-open img{aspect-ratio:4/5!important}.studio-template-meta{padding:7px 8px 9px!important}.studio-template-meta small,.studio-template-meta p{display:none!important}.studio-template-meta h3{margin:0!important;color:#263657!important;font-size:9px!important;line-height:1.3!important;font-weight:800!important}.studio-template-meta span{display:block;margin-top:3px;color:#7d879a!important;font-size:7px!important}.mock-more-designs{min-height:42px!important;margin:10px 0 7px!important;border:1px solid #ff719a!important;border-radius:12px!important;background:#fff!important;color:#ed3f73!important;font-size:10px!important}.mock-ai-results>#studio-template-back{min-height:36px!important;border:0!important;background:transparent!important;color:#748096!important;font-size:8px!important}
 .studio-design-panel{display:none!important}.studio-editor.show-advanced>.studio-design-panel{display:block!important}.studio-editor{display:flex!important;flex-direction:column!important;gap:8px!important}.studio-preview-card{order:-3!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.studio-preview-card>.studio-section-title{display:none!important}.studio-live{padding:0!important;border:1px solid #e7ebf1!important;border-radius:12px!important;background:#fff!important;overflow:hidden}.studio-live canvas{width:100%!important;height:auto!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important}.studio-live small{display:none!important}
 .mock-edit-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.mock-edit-tools button{min-height:54px;padding:7px 2px;border:1px solid #e7ebf1;border-radius:11px;background:#fff;color:#4f5d75;font-size:7.5px;font-weight:800}.mock-edit-tools span{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 5px;border-radius:9px;background:#f2f6ff;color:#416dd4;font-size:13px}.mock-edit-tools button:nth-child(2) span{background:#eef9f4;color:#1d9a74}.mock-edit-tools button:nth-child(3) span{background:#fff2f6;color:#ed3e72}.mock-edit-tools button:nth-child(4) span{background:#f7f1ff;color:#7b5ad1}
 .mock-edit-talk{display:block!important;padding:10px 11px!important;border:0!important;border-radius:12px!important;background:#fff1f6!important}.mock-edit-talk strong{display:block;margin-bottom:6px;color:#e93d72;font-size:8px}.mock-edit-talk>span{display:grid;grid-template-columns:1fr 31px;gap:6px}.mock-edit-talk input{min-height:31px!important;padding:6px 8px!important;border:1px solid #f2dfe7!important;border-radius:9px!important;background:#fff!important;font-size:8px!important}.mock-edit-talk button{width:31px;min-height:31px;padding:0;border:0;border-radius:50%;background:var(--ap-pink);color:#fff}
 .studio-upload{min-height:37px!important;margin-top:7px!important;padding:7px!important;border-radius:10px!important;font-size:8px!important}.studio-video-source{display:none!important}.studio-form-card{order:-2!important;padding:12px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px #18294b0b!important}.studio-form-card .studio-section-title h2{font-size:13px!important}.studio-form-card .studio-section-title .pill{font-size:7px!important}.studio-form-card form>label{font-size:8px!important}.studio-form-card input,.studio-form-card textarea{padding:8px!important;border-radius:9px!important;font-size:9px!important}.studio-build-card{padding:12px!important;border-radius:14px!important}.studio-build-card h2{font-size:13px!important}.studio-output-choices{grid-template-columns:1fr 1fr!important}.studio-output-choices label{padding:8px!important;font-size:8px!important}.studio-output-choices small{font-size:7px!important}
 .studio-editor:before{content:'완성 미리보기';order:-4;display:block;margin:4px 1px 7px;color:var(--ap-navy);font-size:16px;font-weight:900;letter-spacing:-.04em}.studio-preview-card:after{content:'직접 편집하기';display:block;margin:8px 0 0;padding:8px;border:1px solid #e7ebf1;border-radius:10px;background:#fff;text-align:center;color:#69758a;font-size:8px;font-weight:800}
 .primary{background:linear-gradient(135deg,#ff6996,#ff3e78)!important;color:#fff!important;border:0!important;box-shadow:0 6px 14px #ff3e7827!important}.outline{border-color:#e5eaf1!important}
 .floating-windy{bottom:calc(72px + env(safe-area-inset-bottom))!important;right:10px!important;max-width:116px!important;padding:4px 8px 4px 4px!important;border:1px solid #f2dce5!important;border-radius:999px!important;background:#fff!important;color:#59667b!important;font-size:7px!important;box-shadow:0 6px 18px #17284418!important}.floating-windy img{width:30px!important;height:30px!important}
}
@media(max-width:720px){.studio-preview-card:after{display:none!important}.mock-advanced-toggle{width:100%;min-height:34px;margin-top:7px;border:1px solid #e7ebf1;border-radius:10px;background:#fff;color:#69758a;font-size:8px;font-weight:800}}

@media(max-width:720px){
 .brand:after{content:'MARKETING LAB';position:absolute;left:38px;top:31px;color:#53627d;font-size:5px;font-weight:800;letter-spacing:.18em}.brand{position:relative!important;padding-bottom:5px!important}
 body[data-mobile-page=studio] .top{display:none!important}body[data-mobile-page=studio] .layout>main{padding-top:0!important}
 .approved-flow-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;height:42px;margin:0 0 5px}.approved-flow-head>a,.approved-flow-head>button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:#153361;font-size:25px;font-weight:400}.approved-flow-head>span{display:flex;justify-content:center;gap:5px}.approved-flow-head i{display:block;width:15px;height:3px;border-radius:99px;background:#e1e6ee}.approved-flow-head i.active{background:var(--ap-pink)}.approved-flow-head:after{content:''}
 .mock-step-dots{display:none!important}
}

@media(max-width:720px){.studio-catalog>.studio-template:first-child .studio-template-open img{height:320px!important;aspect-ratio:auto!important}.studio-catalog>.studio-template:not(:first-child) .studio-template-open img{height:190px!important;aspect-ratio:auto!important}}

@media(max-width:720px){.mock-talk:before{content:'';position:absolute;right:14px;top:13px;width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3e78' stroke-width='2' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3'/%3E%3C/svg%3E")}.mock-talk button{bottom:10px!important}}