/* Reserved placements only. AdSense code is added after approval. */
.policy-nav,.shop-topbar.policy-nav{position:sticky;top:0;z-index:50;min-height:56px;max-width:none;margin:0;padding:8px 24px;display:flex;align-items:center;gap:24px;background:#17151f;border:0;border-bottom:1px solid #41384d;flex-wrap:wrap}
.policy-nav a{color:#eee4f0;text-decoration:none}.policy-nav a:hover{color:#e8afcf}
.policy-nav .shopkeeper-order{padding:0 8px}.policy-nav .shopkeeper-order img{width:36px;height:36px}
.site-ad{box-sizing:border-box;position:static;display:block;clear:both;max-width:1124px;width:calc(100% - 48px);margin:36px auto 56px;padding:0;border:0;background:none}
.site-ad-label{display:block;margin-bottom:8px;color:#a69aad;font:10px/1.5 sans-serif;letter-spacing:.12em;text-align:center}
.site-ad-placeholder{box-sizing:border-box;min-height:100px;max-width:970px;margin:auto;display:grid;place-items:center;padding:16px;border:1px dashed #51465c;border-radius:5px;background:#201c28;color:#aaa0b4;font:11px/1.6 sans-serif}
.tool-guide{box-sizing:border-box;max-width:1124px;margin:64px auto 0;width:calc(100% - 48px);padding:28px;border:1px solid #41384d;background:#201c28;color:#ece4f0;border-radius:6px}
.tool-guide h2{font:700 18px/1.6 'Yu Gothic',sans-serif;margin:0 0 14px}.tool-guide p,.tool-guide li{font:13px/1.9 'Yu Gothic',sans-serif;color:#bfb3c9}.tool-guide ol{padding-left:24px}.tool-guide p{margin:12px 0}
body.ad-layout-thumbnail main{height:calc(100dvh - 132px);min-height:600px}
html{scroll-padding-top:80px}
@media(max-width:850px){body.ad-layout-thumbnail main{height:auto;min-height:0}}
@media(max-width:640px){.policy-nav,.shop-topbar.policy-nav{gap:14px;padding:8px 16px;min-height:52px}.site-ad{width:calc(100% - 32px);margin:28px auto 44px}.site-ad-placeholder{min-height:100px}.tool-guide{width:calc(100% - 32px);padding:20px;margin-top:44px}}

/* The top ad precedes the tool heading and all editing controls. */
.site-ad-top{margin:20px auto 28px}
@media(max-width:640px){.site-ad-top{margin:16px auto 24px}}
.privacy-footer-link{display:inline-block;margin-left:18px}.privacy-footer-link a,.privacy-only-footer a,.privacy-form-note a{color:#d6b6d1;text-decoration:underline;text-underline-offset:3px}
.privacy-form-note{font-size:12px;line-height:1.8;margin:16px 0;color:#c6bacb}.privacy-only-footer{text-align:center;padding:24px;font-size:12px;color:#b6a9c0}
@media(max-width:640px){footer{flex-wrap:wrap;gap:12px}.privacy-footer-link{margin-left:0}}
/* Keep the thumbnail preview visible while browsing editing settings. */
body.ad-layout-thumbnail main{height:auto;min-height:0;align-items:start}
body.ad-layout-thumbnail .workspace{position:sticky;top:64px;height:calc(100dvh - 80px);min-height:0;align-self:start;z-index:10}
body.ad-layout-thumbnail main>aside{overflow:visible;min-width:0}
body.ad-layout-thumbnail .canvas-area{min-height:0}
@media(max-width:850px){
 body.ad-layout-thumbnail .workspace{top:60px;height:clamp(240px,44dvh,380px);min-height:0;grid-column:1/-1;grid-row:1;box-shadow:0 8px 20px #0006}
 body.ad-layout-thumbnail .canvas-area{padding:12px;min-height:0}
 body.ad-layout-thumbnail .workspace .bottom{padding:8px 12px;font-size:11px}
 body.ad-layout-thumbnail .workspace .status{padding:6px 12px;font-size:10px}
}
/* Use the full mobile width for the thumbnail canvas. */
@media(max-width:850px){
 body.ad-layout-thumbnail main{width:100%;margin:0;padding:0}
 body.ad-layout-thumbnail .workspace{width:100%;min-width:0;max-width:none}
 body.ad-layout-thumbnail .canvas-area{padding:0;width:100%}
 body.ad-layout-thumbnail .canvas-shell{max-width:100%;width:100%}
}
/* Reserve the canvas itself instead of squeezing it below mobile controls. */
@media(max-width:850px){
 body.ad-layout-thumbnail .workspace{height:auto;min-height:0;display:flex}
 body.ad-layout-thumbnail .workspace .toolbar{flex:0 0 auto;padding:6px 8px;gap:6px}
 body.ad-layout-thumbnail .workspace .toolbar>.row{flex-wrap:wrap;min-width:0;gap:5px}
 body.ad-layout-thumbnail .workspace .toolbar button{font-size:11px;padding:5px 7px}
 body.ad-layout-thumbnail .workspace .toolbar .alignment-controls small{display:none}
 body.ad-layout-thumbnail .canvas-area{flex:0 0 auto;aspect-ratio:16/9;height:auto;min-height:140px;padding:0}
 body.ad-layout-thumbnail .workspace .status{flex:0 0 auto;gap:8px;flex-wrap:wrap}
 body.ad-layout-thumbnail .workspace .bottom{display:none}
}
.thumbnail-mobile-tabs{display:none}
@media(max-width:850px){
 body.ad-layout-thumbnail main{display:flex;flex-direction:column;align-items:stretch}
 body.ad-layout-thumbnail .workspace{order:0;align-self:stretch}
 body.ad-layout-thumbnail .thumbnail-mobile-tabs{order:1;display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:calc(60px + var(--mobile-preview-height,320px));z-index:12;padding:10px 8px;background:#191d24;border-bottom:1px solid #454050;border-radius:0}
 .thumbnail-mobile-tabs button{flex:1 0 28%;padding:8px 5px;font-size:12px;white-space:nowrap}
 .thumbnail-mobile-tabs button.active{background:#c8f36a;color:#202815;border-color:#c8f36a}
 body.ad-layout-thumbnail main>aside{display:contents}
 body.ad-layout-thumbnail main>aside>.section-title{display:none}
 body.ad-layout-thumbnail main>aside>section{order:2;width:100%;background:#1d2128}
 body.ad-layout-thumbnail main [data-mobile-group]{display:none}
 body.ad-layout-thumbnail main[data-mobile-tab=text] [data-mobile-group=text],
 body.ad-layout-thumbnail main[data-mobile-tab=frames] [data-mobile-group=frames],
 body.ad-layout-thumbnail main[data-mobile-tab=background] [data-mobile-group=background],
 body.ad-layout-thumbnail main[data-mobile-tab=edit] [data-mobile-group=edit],
 body.ad-layout-thumbnail main[data-mobile-tab=layers] [data-mobile-group=layers],
 body.ad-layout-thumbnail main[data-mobile-tab=canvas] [data-mobile-group=canvas]{display:block}
 body.ad-layout-thumbnail main .panel-resizer{display:none}
}
.thumbnail-mobile-settings{display:none}
@media(max-width:850px){
 body.ad-layout-thumbnail .thumbnail-mobile-settings{display:block;order:2;min-width:0;width:100%}
 body.ad-layout-thumbnail .thumbnail-mobile-settings>section{width:100%;background:#1d2128;padding:18px 14px;border-bottom:1px solid #343a45}
 body.ad-layout-thumbnail .thumbnail-mobile-tabs{order:1}
}
@media(max-width:850px){.desktop-export-number{display:none}}