/* SPDX-FileCopyrightText: 2026 Marko Sun
   SPDX-License-Identifier: LicenseRef-Hanama-Proprietary */
.nav-photo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid #334b38;border-radius:12px;background:#344e3b;color:#fff;font:500 12px/1.2 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;white-space:nowrap;cursor:pointer}
.nav-photo svg{width:19px;height:19px;flex:none}.nav-photo:hover{background:#263f2d}.nav-photo:focus-visible{outline:2px solid #769778;outline-offset:3px}.my-popover a[hidden]{display:none!important}.hanama-my-menu.is-signed-in summary{border-color:#9caf91;background:#edf2e7}.hanama-my-menu.is-signed-in summary>svg{color:#446536}
.welcome-guide{box-sizing:border-box;position:relative;margin:0 0 14px;padding:18px 22px;background:#fbfcf7;border:1px solid #d9dfd1;border-radius:16px;color:#334337;line-height:1.55}.welcome-guide[hidden]{display:none}.guide-progress{display:flex;gap:5px;position:absolute;top:22px;left:70px}.guide-progress i{width:18px;height:3px;background:#dbe1d4;border-radius:2px}.guide-progress i.active{background:#667d58}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-top small{color:#6e7c65;font-size:11px}.welcome-guide h2{margin:10px 0 6px;font-size:19px;font-weight:500;line-height:1.35}.welcome-guide p{margin:0;max-width:62ch;font-size:13px;color:#65705e}.welcome-guide button{min-height:36px;border:0;background:none;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;color:#4f6546;cursor:pointer}.guide-actions{display:flex;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap}.guide-actions [data-guide-next]{margin-left:auto}.welcome-guide button:focus-visible{outline:2px solid #769778;outline-offset:2px}.cloud-library{padding:24px 0;margin:0 0 28px;border-bottom:1px solid #dce1d4}.cloud-library>h2{font-weight:500;font-size:24px}.cloud-library>p{font-size:14px;color:#66715f;line-height:1.6}.cloud-library .art-card-actions{flex-wrap:wrap;gap:10px}.photo-plan-intro{padding:18px;border-radius:12px;background:#eef2e7;margin:16px 0}.photo-plan-intro p{margin:0 0 12px;color:#52634c;line-height:1.5;font-size:14px}.photo-plan-intro a{display:inline-flex;align-items:center;min-height:44px;color:#fff;background:#344e3b;border-radius:10px;padding:0 16px;text-decoration:none;font-size:13px}.paid-image-flow.is-first-photo .paid-quality small{display:none}
@media(max-width:650px){.nav-photo{width:44px;padding:0;flex-shrink:0}.nav-photo>span{display:none}.welcome-guide{margin:0 0 12px;padding:14px 16px;border-radius:12px}.guide-progress{top:18px;left:62px}.welcome-guide h2{font-size:17px}.welcome-guide p{font-size:12px}.guide-actions{gap:10px}.guide-top button{padding:0;min-height:32px}.cloud-library{padding:18px 0}.cloud-library .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-library .art-card-content{padding:12px}.cloud-library .art-card-content h3{font-size:14px}.cloud-library .art-card-actions{flex-direction:column;align-items:flex-start;gap:4px}.cloud-library .art-card-actions button{min-height:36px}}
@media(max-width:380px){body.atelier-simple .masthead .brand-name{font-size:15px}.header-actions{gap:5px!important}.hanama-language{max-width:52px}.nav-photo{width:40px}.hanama-my-menu summary{width:40px}}

body.atelier-simple .header-actions #atelier-image-pack[hidden]{display:none!important}.welcome-guide{width:100%;max-width:760px;flex-shrink:0}

body.atelier-desktop #atelier-workbar > .welcome-guide{align-self:flex-start;width:min(390px,100%);z-index:1001}