/* Mobile-first visual refresh. Existing draft/editor behavior is retained. */
:root{--bg:#f6f7fc;--paper:#fff;--ink:#202539;--muted:#7b8195;--line:#e9ecf5;--green:#4770f5;--lime:#e9eeff;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(ellipse 800px 650px at 75% -180px,#e3e5ff 0,transparent 80%),var(--bg)}
button,a,input,select{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9aafff;outline-offset:3px}button{font-weight:500}::selection{background:#d9e3ff}
.sidebar{width:216px;padding:34px 24px;border-color:#eceef6;background:#fff}.brand{font-size:25px;letter-spacing:-.7px}.brand img{width:42px;height:42px}.brand-small{font-size:11px;letter-spacing:1px;line-height:1.4;color:#8a8fa4}.sidebar nav{margin-top:48px;gap:9px}.nav-item{font-size:15px;padding:15px 18px;gap:14px;color:#81869c}.nav-item.active{background:#edf1ff;color:#4b6aeb;font-weight:650}.sidebar-note{padding-left:10px}.little-star{color:#5b75ed}.sidebar-note p{font-size:15px;color:#5e6681}.sidebar-note>span:last-child{font-size:11px;letter-spacing:0}.preview-link{font-size:12px;line-height:1.6}
.workspace{margin-left:216px}.topbar{height:78px;background:#ffffff8a;border-bottom:1px solid #eaedf680;backdrop-filter:blur(20px);padding:0 5%}.desktop-breadcrumb{font-size:13px;letter-spacing:.2px;color:#868ca2}.top-actions{gap:22px}.preview-badge{font-size:12px;color:#8a90a6}.preview-badge>span{width:6px;height:6px;background:#8398ed}.login-button{background:#fff;border:1px solid #e6eaf7;border-radius:22px;padding:0 17px;font-size:13px;color:#4d65b7;gap:12px}
main{max-width:1180px;padding:32px 5% 40px;min-height:calc(100vh - 140px)}.home-welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.home-welcome p{font-size:13px;color:#9295a8;letter-spacing:.4px;margin-bottom:7px}.home-welcome h1{font-size:29px;font-weight:720;letter-spacing:-.8px;line-height:1.45}.home-welcome h1 span{font-size:27px;color:#7382fa;vertical-align:top}.round-link{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid #e7eafa;border-radius:50%;color:#6278ca}
.feature-banner{isolation:isolate;position:relative;overflow:hidden;height:274px;border-radius:22px;background:#283d67;color:#fff;box-shadow:0 12px 30px #5c6b9e12}.banner-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:-3}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#152b50ed 0%,#1c3158b3 36%,#26354d12 73%);z-index:-2}.banner-copy{padding:27px 32px}.banner-tag{font-size:11px;letter-spacing:.4px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #ffffff40;border-radius:20px;color:#ecf2ff;background:#ffffff10}.banner-tag .icon{width:13px;height:13px}.banner-copy h2{font-size:30px;line-height:1.4;letter-spacing:.6px;font-weight:650;margin-top:15px}.banner-button{background:#fff;display:inline-flex;align-items:center;gap:22px;padding:0 17px;border-radius:11px;margin-top:20px;color:#34455d;font-size:13px;font-weight:650;box-shadow:0 5px 16px #102c4d26}.banner-button .icon{width:16px}.banner-caption{position:absolute;right:24px;bottom:22px;font-size:11px;letter-spacing:2px;color:#fff;text-shadow:0 1px 8px #283b55}
.section-heading{margin-bottom:17px;gap:10px}.section-heading h2{font-size:19px;letter-spacing:-.2px;font-weight:700}.section-heading>span{font-size:12px;color:#969bb0}.section-heading>a{font-size:12px;min-height:36px;color:#8190ad}.creation-section{margin-top:28px}.featured-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.feature-tool{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;min-height:124px;border-radius:17px;padding:18px 16px;color:#fff;transition:transform .2s,box-shadow .2s}.feature-tool:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5269aa22}.feature-tool>div{position:relative;z-index:2}.feature-tool h3{font-size:17px;font-weight:700;letter-spacing:.2px}.feature-tool p{font-size:11px;margin-top:6px;opacity:.83;white-space:nowrap}.feature-start{font-size:10px;display:flex;align-items:center;gap:5px;margin-top:16px;opacity:.95}.feature-start .icon{width:12px;height:12px}.violet.feature-tool{background:linear-gradient(125deg,#5269ee,#8399ff)}.coral.feature-tool{background:linear-gradient(125deg,#ff775f,#ffb19e)}.sky.feature-tool{background:linear-gradient(125deg,#42a5f7,#76cfff)}.purple.feature-tool{background:linear-gradient(125deg,#a360ef,#c996fc)}.feature-illustration{position:absolute;right:-10px;bottom:-12px;width:74px;height:97px;transform:rotate(12deg);border-radius:12px;border:3px solid #ffffff7a;box-shadow:0 5px 10px #382d7f22;z-index:1}.feature-illustration>img{width:100%;height:100%;object-fit:cover;border-radius:8px}.feature-illustration>span{position:absolute;bottom:12px;left:-16px;width:32px;height:32px;border-radius:9px;background:#fffffff2;display:grid;place-items:center;box-shadow:0 3px 10px #233b6033;transform:rotate(-23deg);color:#697bd8}.feature-illustration .icon{width:19px;height:19px}
.quick-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 8px 20px;background:#ffffffc7;border:1px solid #fff;border-radius:18px;margin-top:14px}.quick-tools a{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.quick-tools strong{font-size:13px;font-weight:550}.quick-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;position:relative;isolation:isolate;transform:rotate(-5deg);border:1px solid #ffffffc4;box-shadow:inset 0 2px 3px #ffffff8f,0 5px 10px #8198c21a;color:#fff}.quick-icon:after{content:"";position:absolute;inset:5px;border-radius:11px;border:1px solid #ffffff45;z-index:-1}.quick-icon .icon{width:25px;height:25px;stroke-width:1.9;filter:drop-shadow(0 2px 1px #0b216c26);transform:rotate(5deg)}.quick-icon.orange{background:linear-gradient(145deg,#ffc37b,#ff8d55)}.quick-icon.blue{background:linear-gradient(145deg,#75c7ff,#6080f5)}.quick-icon.violet{background:linear-gradient(145deg,#b4a3ff,#8667ee)}.quick-icon.pink{background:linear-gradient(145deg,#ffa5c7,#ee73a2)}
.inspiration-section{margin-top:31px}.tiny-spark{font-size:17px;display:inline-block;margin-left:6px;color:#7184f9}.inspiration-tabs{display:flex;gap:9px;margin:0 0 19px;overflow-x:auto;scrollbar-width:none}.inspiration-tabs button{flex-shrink:0;min-height:36px;padding:0 18px;font-size:13px;border-radius:22px;background:#fff;color:#83889e;border:1px solid #e9edf9;white-space:nowrap}.inspiration-tabs button.active{background:#5273f5;color:#fff;border-color:#5273f5;box-shadow:0 4px 12px #5273f526}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.inspiration-card{min-width:0;padding:0;background:#fff;border-radius:16px;overflow:hidden;display:block;text-align:left;border:1px solid #f0f1f6;box-shadow:0 3px 8px #697ba206;transition:transform .2s}.inspiration-card:hover{transform:translateY(-4px)}.inspiration-cover{position:relative;overflow:hidden;height:260px;background:#e5e8f1}.inspiration-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.inspiration-card:hover .inspiration-cover>img{transform:scale(1.04)}.inspiration-skincare .inspiration-cover,.inspiration-future .inspiration-cover{height:222px}.cover-kind{position:absolute;top:10px;right:10px;color:#fff;background:#ffffff40;backdrop-filter:blur(10px);width:24px;height:24px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:7px}.cover-kind .icon{width:14px;height:14px}.cover-cta{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;background:#1425396b;backdrop-filter:blur(14px);color:#fff;padding:8px 15px;border-radius:25px;font-size:11px;border:1px solid #ffffff40}.cover-cta .icon{width:12px;height:12px}.inspiration-caption{padding:13px 11px 15px}.inspiration-caption strong{font-size:12px;line-height:1.5;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.inspiration-caption>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#a0a5b6;margin-top:6px}.inspiration-caption i{width:4px;height:4px;border-radius:50%;background:#95a5e6}.gallery-note{text-align:center;color:#a5aabb;font-size:11px;margin:18px 0 0;line-height:1.8}
.recent-section{margin-top:32px}.fresh-start{padding:22px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #edf0f7;border-radius:17px}.fresh-start strong{font-size:14px;font-weight:600}.fresh-start p{font-size:12px;color:#939aaf;margin-top:6px}.fresh-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#8494d9;background:#f0f3ff}.fresh-start>.icon{margin-left:auto;color:#a0aac4;width:17px}.site-footer{padding:20px 5%;font-size:11px;color:#a0a6b8}.site-footer button{font-size:11px;color:#a0a6b8}
.page-heading{margin-bottom:26px}.page-heading h1{font-size:28px;letter-spacing:-.5px;line-height:1.4}.page-heading p:not(.eyebrow){font-size:14px;margin-top:9px;line-height:1.7}.eyebrow{font-size:11px!important;letter-spacing:1px;color:#8f9abb!important}.button{font-size:14px;font-weight:550;min-height:46px;border-radius:12px;padding:13px 20px;gap:9px}.button.primary{background:linear-gradient(120deg,#4d7afb,#5b65ec);color:#fff;box-shadow:0 5px 15px #4b71ef17}.button.secondary{background:#f0f3fd;color:#5b70aa;border:1px solid #e2e8f8}.back-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center;margin:0 0 18px;color:#7e88a3}.editor-heading{margin-bottom:25px}.editor-heading h1{font-size:27px;font-weight:700}.editor-heading p:not(.eyebrow){font-size:14px;line-height:1.75;color:#8189a1}.large-tool-icon{width:65px;height:65px;border-radius:19px}.large-tool-icon .icon{width:29px;height:29px}.editor-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.form-panel{padding:25px;border-color:#e8edf8;border-radius:19px;box-shadow:0 6px 20px #62749804}.field-title label,.field-label,.options-field legend{font-size:14px;font-weight:600}.field-title>span{font-size:12px;color:#a1a8bb}.field-title{margin-bottom:13px}textarea{border:1px solid #e4e9f5;background:#fafbff;color:#343c56;border-radius:12px;font-size:16px;line-height:1.85;padding:16px;min-height:210px}textarea::placeholder{color:#a7adbf;font-size:14px}.example-label{font-size:12px;color:#8d97b0;margin-top:19px}.suggestions{gap:8px;margin-top:10px}.suggestions button{min-height:38px;padding:9px 12px;font-size:12px;color:#727fa5;background:#f4f6fd;border-color:#e9edf7}.form-divider{margin:26px 0;border-color:#edf0f8}.upload-area{min-height:140px;border-color:#d6dff5;background:#fbfcff;border-radius:12px;color:#7488bb}.upload-area strong{font-size:14px}.upload-area span{font-size:12px}.upload-note{font-size:11px;color:#9aA4bc;line-height:1.7}.ratio-options span{min-height:48px;font-size:13px}.ratio-options input:checked+span{border-color:#6583f0;background:#edf2ff;color:#4f70dc}.ratio-options span i{border-color:currentColor}select{border-color:#e2e8f5;border-radius:10px;font-size:14px;background-color:#fff;color:#566382}.options-field legend span{font-size:11px;color:#9da7bd}.editor-actions{gap:16px;flex-wrap:wrap;align-items:center}.editor-actions>span{font-size:11px;color:#8c97b0}.editor-actions>div{gap:10px}.workflow-card{border:1px solid #e3e9f8;background:#f0f3ff;padding:23px;border-radius:18px}.small-label{font-size:11px;color:#8594bf}.workflow-card h3{font-size:17px;font-weight:650;line-height:1.6;color:#455780}.workflow-card li strong{font-size:13px;font-weight:550}.workflow-card li p{font-size:11px;line-height:1.7;color:#929db7}.workflow-card li>b{background:#e0e7fc;color:#8595bf;font-size:11px}.workflow-card li.current>b{background:#6380ef;color:#fff}.aside-note{color:#95a0b7;gap:8px}.aside-note p{font-size:11px;line-height:1.9}.draft-tools button{font-size:12px;min-height:44px}.rights-note{font-size:12px;line-height:1.8}.form-error{font-size:13px}.attachment{padding:10px}.attachment strong{font-size:12px}.attachment div>span{font-size:11px}
.draft-icon.green,.large-tool-icon.green{background:#e9edff;color:#7489dc}.draft-icon.lilac,.large-tool-icon.lilac{background:#f1eaff;color:#ac87d2}.draft-icon.peach,.large-tool-icon.peach{background:#fff0e4;color:#dda06e}.draft-icon.blue,.large-tool-icon.blue{background:#e7f2ff;color:#73a3d9}.draft-icon.yellow,.large-tool-icon.yellow{background:#fff0f4;color:#d994ad}.draft-icon.mint,.large-tool-icon.mint{background:#e3f5f1;color:#77b1a6}.draft-list{border:1px solid #e9edf7;box-shadow:none;border-radius:17px;background:#fff}.draft-row{padding:20px 18px;gap:14px;border-color:#eef1f9}.draft-text strong{font-size:14px;font-weight:550}.draft-text>span{font-size:11px;color:#9ba3b7;margin-top:7px}.draft-state{font-size:10px;background:#eef2ff;color:#8294ca}.draft-row>.icon{color:#a4aec6;width:16px}.draft-icon{width:44px;height:44px;border-radius:12px}.works-tabs{border-color:#e4e9f5;gap:28px}.works-tabs button{font-size:14px;color:#8e98b0;padding-bottom:15px}.works-tabs button.active{color:#5374ed;border-color:#5374ed}.works-tabs span{background:#eaf0ff;color:#7290dc}.works-toolbar{margin:22px 0;gap:15px}.works-toolbar select,.search-box input{font-size:14px;min-height:46px;border-color:#e3e8f4;background:#fff}.local-note{font-size:11px;line-height:1.8;color:#a0a8bb;margin-top:20px}.empty-state{background:#fff;border:1px solid #eef0f8;border-radius:18px;padding:65px 25px}.empty-state h2{font-size:20px}.empty-state p{font-size:13px;line-height:1.9;color:#969eb3}.empty-art{background:#f0f3ff;color:#98a9de}.empty-art span{color:#bec9f1}.empty-state .button{margin-top:23px}.muted{font-size:13px;color:#8c97b0;line-height:1.9}.notice{font-size:12px;line-height:1.9;border-color:#e5eaf8;background:#f1f4ff;color:#7a8bb3}.quiet-note{font-size:11px;color:#9aa4bb;line-height:1.8}
.profile-header{position:relative;display:flex;align-items:center;gap:19px;padding:22px 8px 31px;overflow:hidden}.profile-avatar{width:78px;height:78px;border-radius:50%;background:linear-gradient(140deg,#fff,#e0e7ff);border:4px solid white;color:#8fa3df;box-shadow:0 6px 20px #8b9bc619}.profile-avatar .icon{width:34px;height:34px}.profile-header h1{font-size:24px;font-weight:700}.profile-header button{padding:0;display:flex;align-items:center;gap:8px;font-size:13px;color:#8392b1;margin-top:3px}.profile-header button .icon{width:14px}.profile-decoration{position:absolute;right:20px;font-size:90px;color:#b8c5ef55;transform:rotate(10deg)}.membership-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:linear-gradient(115deg,#2c303d,#424453);padding:29px 30px;color:#f0d8ad;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 10px 25px #535d7117}.membership-kicker{font-size:10px;letter-spacing:1.8px;color:#bcb09d}.membership-banner h2{font-size:23px;font-weight:550;margin-top:12px}.membership-banner p{font-size:12px;color:#b9b09f;margin-top:11px}.membership-banner button{background:linear-gradient(110deg,#f8e1b7,#efd1a0);color:#59452d;white-space:nowrap;border-radius:24px;padding:0 18px;font-size:13px;display:flex;align-items:center;gap:12px;z-index:1}.membership-banner button .icon{width:15px}.membership-orbit{position:absolute;right:-30px;top:-150px;width:410px;height:410px;border:1px solid #d6c4a324;border-radius:50%;box-shadow:0 0 0 13px #0000,0 0 0 14px #d6c4a31a,0 0 0 27px #0000,0 0 0 28px #d6c4a318,0 0 0 41px #0000,0 0 0 42px #d6c4a316,0 0 0 55px #0000,0 0 0 56px #d6c4a314,0 0 0 69px #0000,0 0 0 70px #d6c4a312;z-index:-1}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #edf0fa;border-radius:17px;margin-top:20px;padding:24px 0}.profile-summary>a,.profile-summary>button{text-align:center;display:flex;flex-direction:column;gap:9px;justify-content:center;border-right:1px solid #edf0f8}.profile-summary>:last-child{border:0}.profile-summary strong{font-size:25px;font-weight:650;line-height:1}.profile-summary span{font-size:12px;color:#9ca3b7}.profile-services{margin-top:29px}.profile-rows{border:1px solid #edf0f7;background:#fff;border-radius:19px;overflow:hidden}.profile-rows>a,.profile-rows>button{width:100%;text-align:left;display:flex;align-items:center;gap:16px;padding:19px 22px;border-bottom:1px solid #f0f2f9;min-height:85px}.profile-rows>:last-child{border:0}.profile-rows strong{font-size:15px;font-weight:550;display:block}.profile-rows small{font-size:12px;color:#9aa4bb;display:block;margin-top:6px}.profile-rows>a>.icon,.profile-rows>button>.icon{margin-left:auto;width:14px;height:14px;color:#b1bacf}.service-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.service-icon.blue{background:#edf3ff;color:#718fe3}.service-icon.violet{background:#f0edff;color:#9c86d5}.service-icon.pink{background:#fff0f5;color:#d792ae}.service-icon.orange{background:#fff1e6;color:#dca170}.service-icon.muted-icon{background:#f1f3f8;color:#9ba6c0}.profile-footnote{text-align:center;font-size:12px;color:#a5aec2;margin:30px 0 0;letter-spacing:1px}
dialog{border:1px solid #edf0f7;border-radius:22px;box-shadow:0 25px 90px #1528622b}.modal-top{border-color:#eef1f9;padding:16px 24px}.modal-top h2{font-size:19px}.modal-body{padding:25px}.modal-body p{line-height:1.9}.modal-body .fine-print{font-size:11px!important}.login-brand h3{font-size:22px}.login-brand p{font-size:13px}.modal-actions{gap:10px}.review-prompt{font-size:14px;background:#f5f7ff;color:#5f6c88;border-color:#e9eef8;line-height:1.9}.review-details{font-size:13px}.status-list p{font-size:13px;line-height:1.9}.status-list .icon{color:#6783e9}.purchase-list strong{font-size:14px}.purchase-list small{font-size:12px}.purchase-list b{font-size:11px}.fine-print{font-size:11px!important}#toast{border-radius:13px;font-size:13px;line-height:1.6;background:#2b3651ed;max-width:calc(100% - 36px);backdrop-filter:blur(15px)}
@media(min-width:1450px){main{max-width:1250px}.feature-tool{padding-left:20px}.feature-illustration{right:3px;width:82px}.feature-tool p{font-size:12px}.inspiration-cover{height:295px}.inspiration-skincare .inspiration-cover,.inspiration-future .inspiration-cover{height:250px}}
@media(max-width:1150px){.featured-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-illustration{right:6px;bottom:-16px;width:92px;height:117px}.feature-tool{min-height:115px;padding:17px 20px}.feature-tool h3{font-size:19px}.feature-tool p{font-size:12px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-cover{height:300px}.inspiration-skincare .inspiration-cover,.inspiration-future .inspiration-cover{height:260px}.inspiration-fashion{margin-top:0}.inspiration-future:nth-child(4){margin-top:-40px}.inspiration-caption strong{font-size:14px}.inspiration-caption>span{font-size:11px}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-aside{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.draft-tools{grid-column:1/-1;display:flex;gap:20px}.workflow-card ol{margin-top:20px}.membership-banner{padding:27px 25px}.membership-banner h2{font-size:21px}}
@media(max-width:800px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:70px;padding:0 24px;background:#f8f9ffb3}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.8px}.mobile-brand img{width:33px;height:33px}.desktop-breadcrumb{display:none}.top-actions{gap:17px}.mobile-nav{display:flex;position:fixed;z-index:15;bottom:12px;left:18px;right:18px;background:#ffffffed;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:20px;box-shadow:0 8px 35px #7181a826;padding:8px 9px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav .nav-item{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:6px 0;min-height:51px;background:transparent;font-size:11px;color:#979fb5;line-height:1.25}.mobile-nav .nav-item.active{color:#4c70ec}.mobile-nav .nav-item .icon{width:23px;height:23px;stroke-width:1.7}.mobile-nav .nav-item.active .icon{stroke-width:2.1;filter:drop-shadow(0 3px 3px #778ff04a)}main{padding:26px 24px 35px;max-width:700px;min-height:calc(100dvh - 170px)}.site-footer{padding:20px 24px calc(105px + env(safe-area-inset-bottom));font-size:10px}.site-footer button{font-size:10px}.editor-heading{gap:16px}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-aside{display:block}.workflow-card ol{display:flex;gap:18px}.workflow-card li{flex:1;display:block;margin:0}.workflow-card li>b{margin-bottom:10px}.workflow-card li p{max-width:none}.workflow-card li strong{font-size:12px}.draft-tools{display:flex}.editor-actions>div{margin-left:auto}.profile-header{padding-top:13px}.profile-header h1{font-size:23px}.profile-decoration{right:8px}.profile-rows>a,.profile-rows>button{padding:18px 21px}}
@media(max-width:500px){.topbar{height:66px;padding:0 19px;border-bottom:0;background:#f3f5fe96}.mobile-brand{font-size:22px;gap:8px}.mobile-brand img{width:31px;height:31px}.top-actions{gap:13px}.preview-badge{font-size:10px}.login-button{font-size:11px;padding:0 13px;min-height:32px;gap:7px}.login-button .icon{width:13px}.mobile-nav{left:13px;right:13px;bottom:10px;border-radius:19px;padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}main{padding:18px 17px 26px}.home-welcome{margin-bottom:18px}.home-welcome p{font-size:11px;margin-bottom:5px;letter-spacing:.2px}.home-welcome h1{font-size:25px;letter-spacing:-.6px}.home-welcome h1 span{font-size:23px}.round-link{width:36px;height:36px;min-height:36px}.round-link .icon{width:18px}.feature-banner{height:196px;border-radius:18px}.banner-copy{padding:18px 21px}.banner-tag{font-size:9px;padding:4px 7px;gap:5px}.banner-tag .icon{width:11px;height:11px}.banner-copy h2{font-size:24px;line-height:1.4;margin-top:11px;font-weight:650;letter-spacing:.3px}.banner-button{margin-top:13px;min-height:35px;font-size:11px;gap:15px;padding:0 12px;border-radius:9px}.banner-button .icon{width:13px}.banner-caption{right:15px;bottom:15px;font-size:9px;letter-spacing:1px}.banner-photo{object-position:60% 50%}.banner-shade{background:linear-gradient(90deg,#182e51ed,#1c315896 46%,#1c315814)}.creation-section{margin-top:23px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:17px;letter-spacing:-.3px}.section-heading>span{font-size:10px}.section-heading>a{font-size:11px}.featured-tools{gap:10px}.feature-tool{min-height:98px;padding:14px 13px;border-radius:14px}.feature-tool h3{font-size:16px;letter-spacing:0}.feature-tool p{font-size:10px;letter-spacing:-.25px;margin-top:5px}.feature-start{font-size:9px;margin-top:12px;gap:3px}.feature-start .icon{width:11px}.feature-illustration{right:-8px;bottom:-9px;width:61px;height:79px;border-width:2px;border-radius:9px;opacity:.95}.feature-illustration>img{border-radius:7px}.feature-illustration>span{left:-9px;bottom:12px;width:25px;height:25px;border-radius:7px}.feature-illustration .icon{width:15px;height:15px}.quick-tools{margin-top:12px;padding:18px 5px 15px;border-radius:15px;gap:6px}.quick-tools a{gap:8px}.quick-tools strong{font-size:12px}.quick-icon{width:41px;height:41px;border-radius:13px}.quick-icon .icon{width:23px;height:23px}.inspiration-section{margin-top:24px}.inspiration-tabs{gap:7px;margin-bottom:15px}.inspiration-tabs button{font-size:11px;padding:0 13px;min-height:33px}.inspiration-grid{gap:11px}.inspiration-card{border-radius:13px}.inspiration-cover{height:232px}.inspiration-skincare .inspiration-cover,.inspiration-future .inspiration-cover{height:192px}.inspiration-future:nth-child(4){margin-top:-40px}.cover-cta{font-size:10px;gap:7px;padding:7px 12px;bottom:10px}.cover-kind{width:22px;height:22px;top:8px;right:8px}.cover-kind .icon{width:12px;height:12px}.inspiration-caption{padding:11px 9px 12px}.inspiration-caption strong{font-size:12px;letter-spacing:-.25px}.inspiration-caption>span{font-size:10px;margin-top:5px}.gallery-note{font-size:10px;margin-top:15px}.recent-section{margin-top:25px}.fresh-start{padding:17px 14px;gap:11px;border-radius:15px}.fresh-icon{width:38px;height:42px;border-radius:12px}.fresh-icon .icon{width:19px}.fresh-start strong{font-size:12px}.fresh-start p{font-size:10px;margin-top:6px}.fresh-start>.icon{width:14px}.site-footer{padding-left:18px;padding-right:18px;font-size:9px}.site-footer button{font-size:9px}.page-heading{margin:5px 0 24px}.page-heading h1{font-size:26px}.page-heading p:not(.eyebrow){font-size:13px;line-height:1.7}.eyebrow{font-size:10px!important;margin-bottom:8px!important}.back-link{font-size:12px;margin-bottom:15px}.editor-heading{gap:13px;margin-bottom:21px}.large-tool-icon{width:55px;height:55px;border-radius:16px}.large-tool-icon .icon{width:26px}.editor-heading h1{font-size:24px}.editor-heading p:not(.eyebrow){font-size:12px;line-height:1.75;margin-top:5px}.form-panel{padding:20px 16px;border-radius:17px}.field-title label,.field-label,.options-field legend{font-size:14px}.field-title>span{font-size:11px}.field-title{gap:8px}.example-label{font-size:12px}textarea{font-size:16px;padding:13px;min-height:215px}textarea::placeholder{font-size:14px}.suggestions{gap:7px}.suggestions button{font-size:12px;padding:9px 10px;min-height:38px}.upload-area strong{font-size:14px}.upload-area span{font-size:11px}.upload-note{font-size:10px;line-height:1.8}.ratio-options span{font-size:12px;gap:8px;min-height:48px}.ratio-options{gap:7px}.editor-actions{margin-top:18px;gap:10px}.editor-actions>span{font-size:11px}.editor-actions>div{width:100%;margin-left:0}.editor-actions .button{font-size:13px;flex:1;padding:13px 10px;min-height:46px}.editor-actions .primary{flex:1.25}.workflow-card{padding:21px 17px}.workflow-card h3{font-size:17px}.workflow-card ol{gap:12px}.workflow-card li strong{font-size:11px}.workflow-card li p{font-size:10px;line-height:1.8;margin-top:6px}.workflow-card li>b{width:24px;height:24px;font-size:11px}.aside-note p{font-size:11px;line-height:1.8}.draft-tools{gap:17px}.draft-tools button{font-size:11px}.works-tabs{margin-top:18px;gap:23px}.works-tabs button{font-size:14px}.works-toolbar{gap:10px;margin:20px 0}.works-toolbar select{font-size:12px;max-width:125px;padding-left:10px}.search-box input{font-size:13px;width:100%;padding:11px}.draft-row{gap:10px;padding:17px 12px}.draft-icon{width:39px;height:39px;border-radius:11px}.draft-text strong{font-size:12px;line-height:1.6}.draft-text>span{font-size:10px}.draft-state{font-size:9px}.draft-row>.icon{width:13px}.local-note{font-size:11px}.empty-state{padding:49px 22px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.empty-state .button{font-size:13px}.profile-header{padding:14px 1px 25px;gap:15px}.profile-avatar{width:66px;height:66px;border-width:3px}.profile-avatar .icon{width:29px;height:29px}.profile-header h1{font-size:20px}.profile-header button{font-size:11px;margin-top:3px;gap:4px}.profile-header button .icon{width:12px}.profile-decoration{right:-17px;font-size:75px;opacity:.5}.membership-banner{padding:24px 20px;display:block;border-radius:17px}.membership-kicker{font-size:9px;letter-spacing:1.5px}.membership-banner h2{font-size:21px;margin-top:11px;letter-spacing:0}.membership-banner p{font-size:11px;margin-top:10px}.membership-banner button{position:absolute;bottom:19px;right:17px;min-height:32px;padding:0 12px;font-size:10px;gap:4px}.membership-banner button .icon{width:11px}.membership-banner p{max-width:175px;line-height:1.8}.profile-summary{padding:21px 0;margin-top:16px;border-radius:15px}.profile-summary strong{font-size:23px}.profile-summary span{font-size:11px}.profile-services{margin-top:25px}.profile-rows{border-radius:16px}.profile-rows>a,.profile-rows>button{padding:17px;min-height:81px;gap:13px}.profile-rows strong{font-size:14px}.profile-rows small{font-size:11px;margin-top:5px}.service-icon{width:37px;height:37px;border-radius:11px}.service-icon .icon{width:20px;height:20px}.profile-footnote{font-size:11px;margin-top:25px}.modal-top{padding:14px 19px 10px}.modal-top h2{font-size:17px}.modal-body{padding:22px 20px 28px}.modal-actions .button{font-size:12px;padding:13px 14px}dialog{border-radius:22px 22px 0 0;border:0}.review-prompt{font-size:13px}.review-details{font-size:12px}.notice{font-size:12px}.button{font-size:13px}.muted{font-size:12px}.status-list p{font-size:12px}.purchase-list strong{font-size:13px}.purchase-list small{font-size:11px}}
@media(max-width:365px){main{padding-left:13px;padding-right:13px}.topbar{padding-left:15px;padding-right:15px}.preview-badge{display:none}.home-welcome h1{font-size:23px}.feature-tool{padding-left:11px}.feature-tool h3{font-size:15px}.feature-tool p{font-size:9px}.feature-illustration{right:-18px}.inspiration-tabs button{padding:0 11px}.section-heading>span{font-size:9px}.inspiration-caption strong{font-size:11px}.membership-banner h2{font-size:20px}.membership-banner p{max-width:145px}.profile-header h1{font-size:19px}.profile-header button{font-size:10px}.editor-heading p:not(.eyebrow){font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.workflow-card li.current strong{color:#576fa8}.upload-area>.icon{color:#849bcb}.upload-area:hover{border-color:#91a8ec;background:#f7f9ff}.upload-area strong{color:#7d8cae}