@import url('/ds/editor.css?v=4');
@import url('/detail-wallet.css');
@import url('/card-loading.css?v=1');
/* Fixed viewport workspace; publishing restores the normal document flow. */
html:has([data-free-studio]),body:has([data-free-studio]){height:100%;overflow:hidden;overscroll-behavior:none}
body:has([data-free-studio]) :is(.site-footer,.upload-page-intro,.studio-steps,.studio-creator-invite,.creator-banner){display:none!important}
body:has([data-free-studio]) #page-content,body:has([data-free-studio]) .studio-flow,body:has([data-free-studio]) [data-studio-content]{width:100%;max-width:none;height:100%;margin:0;padding:0}
#artwork-studio[data-free-studio]{position:fixed;inset:0;width:100%;height:100dvh;z-index:20;margin:0;border:0;border-radius:0}
.free-studio{display:flex;flex-direction:column;height:100%;overflow:hidden;font-size:12px;line-height:1.5;color:var(--ac-fg);background:var(--ac-bg)}
.free-studio *,.free-dialog *{box-sizing:border-box}
.free-studio svg:not(.free-selection){flex-shrink:0}
.free-studio :is(.ac-btn,.ac-input,.ac-tab){font-size:12px;min-height:32px;height:32px;border-radius:6px}
.free-studio .ac-btn{padding:6px 10px;gap:6px}
.free-studio .ac-icon-btn{width:32px;padding:6px;flex-shrink:0}
.free-studio .ac-input{background:var(--free-input);border-color:transparent;color:var(--ac-fg)}
.free-studio .ac-input:focus-visible{outline:1px solid var(--ac-accent);outline-offset:0}
.free-studio .ac-btn[aria-pressed=true],.free-studio .ac-tab[aria-selected=true]{background:var(--ac-accent-soft);color:var(--ac-accent)}
.free-creator-banner{display:flex;align-items:center;gap:8px;flex:none;min-width:0;padding:2px 12px;background:var(--ac-accent-soft);border-bottom:1px solid var(--ac-border);color:var(--ac-fg)}
.free-studio .free-creator-banner-link{display:flex;flex:1;min-width:0;height:auto;min-height:28px;justify-content:center;flex-wrap:wrap;gap:4px 16px;padding:2px 8px;white-space:normal;font-weight:400;text-align:start;line-height:1.5}
.free-studio .free-creator-banner>.ac-icon-btn{width:32px;height:32px;min-height:32px;padding:6px;border-radius:6px;aspect-ratio:1}
.free-creator-banner-more{display:inline-flex;align-items:center;gap:6px;color:var(--ac-accent-hover);white-space:nowrap}
.free-studio .free-toolbar{display:flex;align-items:center;gap:16px;flex:none;flex-wrap:nowrap;height:56px;padding:8px 12px;border-bottom:1px solid var(--ac-border);background:var(--ac-bg)}
.free-home{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;text-decoration:none;color:var(--ac-fg)}
.free-home span{font-size:12px}
.free-project-name{display:flex!important;align-items:center!important;gap:8px!important;min-width:0;flex:1}
.free-project-name .ac-input{width:180px;min-width:0;background:transparent}
.free-project-name>span{font-size:10px;white-space:nowrap;color:var(--ac-fg-muted)}
.free-toolbar-actions{display:flex;align-items:center;gap:6px}
.free-feedback:empty{display:none}
.free-feedback{padding:6px 16px;border-bottom:1px solid var(--ac-border);flex:none}
.free-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;padding:24px;text-align:center;background:var(--ac-bg);box-sizing:border-box}
.free-no-script{padding:32px;text-align:center}
.free-layout{display:grid;grid-template-columns:344px minmax(0,1fr) 280px;flex:1;min-height:0;overflow:hidden}
.free-resources{display:grid;grid-template-columns:64px minmax(0,1fr);min-width:0;min-height:0;border-right:1px solid var(--ac-border)}
.free-category-list{display:flex;flex-direction:column;gap:8px;padding:12px 4px;border-right:1px solid var(--ac-border);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.free-category-list .ac-btn{display:flex;flex-direction:column;min-height:58px;height:auto;padding:6px 2px;gap:5px;font-size:10px;white-space:normal;line-height:1.2}
.free-category-list .ac-btn svg{width:20px;height:20px}
.free-category-list .free-reference-entry{margin-top:auto}
.free-standard-panel{display:grid;gap:16px;min-width:0}
.free-standard-panel>p{margin:0;line-height:1.7;color:var(--ac-fg-muted)}
.free-studio .free-standard-link{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;height:auto;padding:12px;white-space:normal;text-align:left;text-decoration:none}
.free-standard-link>span{display:grid;gap:6px;min-width:0}
.free-standard-link strong{font-size:13px;font-weight:600}
.free-standard-link small{font-size:11px;line-height:1.6;color:var(--ac-fg-muted)}
.free-standard-link>svg{margin-top:2px}
.free-standard-rules{display:grid;gap:10px;border-top:1px solid var(--ac-border);padding-top:16px}
.free-studio .free-standard-rules h3{margin:0;font-size:12px;font-weight:600}
.free-standard-rules p{margin:0;font-size:11px;line-height:1.7;color:var(--ac-fg-muted)}
.free-asset-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
.free-asset-heading{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--ac-border);height:49px;flex:none}
.free-asset-heading strong{font-size:13px;font-weight:600}
.free-asset-heading span{color:var(--ac-fg-muted)}
.free-resource-content{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px;padding:16px}
.free-resource-content>.ac-btn{flex-shrink:0}
.free-resource-controls{display:grid;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ac-border);flex:none}
.free-resource-scopes{display:flex;align-items:center;gap:2px;min-width:0}
.free-studio .free-resource-scopes>.ac-btn{flex:1;min-width:0;padding-inline:4px;white-space:normal;line-height:1.2}
.free-studio .free-filter-button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0}
@media(pointer:coarse){.free-studio .free-filter-button{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px}}
.free-resource-search{display:flex;align-items:center;gap:8px;position:relative}
.free-resource-search>svg{position:absolute;left:8px;color:var(--ac-fg-muted);pointer-events:none}
.free-resource-search>.ac-input{width:100%;min-width:0;padding-left:30px}
.free-resource-filters{display:flex;flex-direction:column;gap:10px}
.free-resource-filters[hidden]{display:none}
.free-library-title{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-weight:500}
.free-library-title>span{color:var(--ac-fg-muted);font-size:10px}
.free-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.free-resource-item{position:relative;min-width:0}
.free-resource-item>.ac-btn:first-child{display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;padding:0;border:0;background:transparent;gap:8px;font-size:12px}
.free-resource-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#fff;border-radius:6px;color:#202020;border:1px solid var(--ac-border);overflow:hidden}
.free-drag-image{position:fixed;left:-10000px;top:0;pointer-events:none}
.free-resource-item>.ac-btn:first-child:hover .free-resource-preview{outline:1px solid var(--ac-accent)}
.free-resource-item img{width:80%;height:80%;object-fit:contain}
.free-resource-word{font-size:15px;text-align:center;overflow-wrap:anywhere;padding:12px}
.free-resource-label{display:grid;gap:2px;max-width:100%;text-align:left;white-space:normal}
.free-resource-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.free-resource-variant{font-size:11px;line-height:1.5;color:var(--ac-fg-muted)}
.free-resource-item>.ac-icon-btn{position:absolute;top:4px;right:4px;background:var(--ac-bg);width:24px;height:24px;min-height:24px;padding:4px}
.free-resource-item>small{font-size:10px;color:var(--ac-fg-muted)}
.free-upload-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.free-upload-list>div{position:relative;min-width:0}
.free-upload-list>div>.ac-btn:first-child{display:flex;flex-direction:column;height:auto;width:100%;padding:6px;white-space:normal;overflow-wrap:anywhere}
.free-upload-list>div>.ac-icon-btn{position:absolute;right:2px;top:2px;background:var(--ac-bg)}
.free-upload-list canvas{width:100%;height:auto}
.free-muted{font-size:11px;color:var(--ac-fg-muted);margin:0}
.free-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--free-canvas);overflow:hidden}
.free-view-tools{order:2;display:flex;align-items:center;justify-content:center;align-self:center;gap:8px;flex-wrap:wrap;padding:8px;margin:0 12px 8px;background:var(--ac-bg);border:1px solid var(--ac-border);border-radius:12px;box-shadow:0 4px 12px #0002;z-index:1}
.free-canvas-tools>label:not(.ac-choice){display:flex;align-items:center;gap:6px;font-size:10px}
.free-view-tools .ac-slider{width:64px;min-height:24px}
.free-view-tools .ac-choice{font-size:10px;gap:5px}
.free-view-tools output{min-width:32px}
.free-canvas-scroll{flex:1;min-height:0;overflow:auto;display:grid;align-items:center;padding:48px;overscroll-behavior:contain;scrollbar-width:thin}
.free-art{position:relative;max-width:none;aspect-ratio:1536/969;justify-self:center;box-shadow:0 2px 8px #0003}
.free-art>canvas{display:block;width:100%;height:100%;border-radius:var(--ac-radius-card)}
.free-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;border:1px dashed var(--ac-border-input);border-radius:inherit;background:var(--ac-bg);color:var(--ac-fg);text-align:center;pointer-events:none;overflow:hidden}
.free-canvas-empty>svg{color:var(--ac-fg-muted)}
.free-canvas-empty>strong{max-width:100%;font-size:16px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.free-canvas-empty>span{max-width:320px;font-size:12px;line-height:1.6;color:var(--ac-fg-muted);overflow-wrap:anywhere}
.free-canvas-empty>.free-canvas-empty-mobile{display:none}
@media(max-width:800px){.free-canvas-empty{gap:8px;padding:16px}.free-canvas-empty>svg{width:24px;height:24px}.free-canvas-empty>strong{font-size:14px}.free-canvas-empty>span{font-size:11px;line-height:1.5}.free-canvas-empty>.free-canvas-empty-desktop{display:none}.free-canvas-empty>.free-canvas-empty-mobile{display:block}}
.free-canvas-empty[data-compact]{gap:8px;padding:12px}
.free-canvas-empty[data-compact]>strong{font-size:12px}
.free-canvas-empty[data-compact]>span{display:none}
.free-canvas-empty[data-compact=small]{padding:8px}
.free-canvas-empty[data-compact=small]>svg{display:none}
.free-studio .free-canvas-choose{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}
.free-studio .free-canvas-choose:hover{background:transparent}
@media(max-width:800px){.free-stage:has(.free-canvas-empty){min-height:264px}.free-studio:has(.free-canvas-empty) :is(.free-resources,.free-properties){flex-shrink:1;min-height:60px}.free-canvas-scroll:has(.free-canvas-empty){padding:8px}}
.free-selection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none;cursor:default;outline:none}
.free-selection[data-tool=hand]{cursor:grab}.free-selection[data-tool=hand]:active{cursor:grabbing}
.free-selection[data-background-selected=true][data-tool=select]{cursor:grab}.free-selection[data-background-selected=true][data-tool=select]:active{cursor:grabbing}
.free-selection[data-background-selected=true]:focus-visible{outline:none}
.free-background-outline{position:absolute;inset:0;border-radius:inherit;outline:1px solid var(--ac-accent);pointer-events:none}
.free-outline,.free-handle,.free-guide{stroke:var(--ac-accent);stroke-width:1px;vector-effect:non-scaling-stroke}
.free-outline{fill:none;pointer-events:none}.free-guide{stroke:var(--free-guide);pointer-events:none}
.free-handle{fill:var(--free-handle);cursor:nwse-resize}
.free-handle[data-handle=ne],.free-handle[data-handle=sw]{cursor:nesw-resize}.free-handle[data-handle=rotate]{cursor:grab}
.free-background-handle{cursor:nwse-resize}.free-background-handle[data-background-handle=ne],.free-background-handle[data-background-handle=sw]{cursor:nesw-resize}.free-background-handle[data-background-handle=rotate]{cursor:grab}.free-background-handle[data-background-handle=rotate]:active{cursor:grabbing}
.free-safe-area{pointer-events:none;fill:none}.free-safe-area rect{stroke:var(--ac-accent);stroke-width:1px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.free-safe-area .free-safe-contrast{stroke:#fff9;stroke-width:2px}
.free-marquee{fill:var(--ac-accent);fill-opacity:.12;stroke:var(--ac-accent);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}
.free-stage-caption{order:3;display:flex;justify-content:space-between;gap:12px;padding:0 12px 6px;margin:0;color:var(--ac-fg-muted);font-size:10px}
.free-stage-caption>span{white-space:nowrap}
.free-properties{overflow:auto;min-width:0;overscroll-behavior:contain;scrollbar-width:thin;border-left:1px solid var(--ac-border);padding:12px 16px}
.free-property-fields{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.free-property-fields h3{font-size:12px;font-weight:600;margin:0}
.free-safe-settings{padding-bottom:12px;border-bottom:1px solid var(--ac-border)}
.free-safe-settings p{margin-top:6px}
.free-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11px}
.free-field>.ac-input{width:100%;min-width:0}
.free-field textarea.ac-input{height:80px;min-height:60px;resize:vertical}
.free-field input[type=color]{padding:4px}
.free-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.free-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.free-align{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.free-align button{white-space:normal}
.free-mobile-nav{display:none}
/* Dialogs use the site specification, including their portalled content. */
.free-dialog{position:fixed;z-index:var(--ac-z-modal);top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 32px));margin:0;max-height:calc(100dvh - 32px);overflow:auto}
.free-dialog .ac-dialog-body{padding:var(--ac-space-6);gap:var(--ac-space-4)}
.free-dialog .ac-dialog-title{font-size:var(--ac-text-xl);line-height:var(--ac-leading-xl);font-weight:var(--ac-weight-semibold)}
.free-dialog .ac-dialog-desc{font-size:var(--ac-text-base-sm);line-height:var(--ac-leading-base-sm)}
.free-dialog-content{display:grid;gap:var(--ac-space-4);min-width:0}
.free-dialog-content>p{margin:0;font-size:var(--ac-text-base-sm);color:var(--ac-fg-muted)}
.free-draft-list{display:grid;gap:var(--ac-space-3)}
.free-draft-list>.ac-btn{height:auto;display:flex;align-items:center;justify-content:flex-start;gap:var(--ac-space-4);padding:var(--ac-space-3);white-space:normal;text-align:left}
.free-draft-list img{display:block;width:120px;aspect-ratio:1536/969;object-fit:contain;border-radius:var(--ac-radius-card)}
.free-draft-list span{flex:1;min-width:0;overflow-wrap:anywhere}
.free-draft-list small{display:block;color:var(--ac-fg-muted);margin-top:var(--ac-space-1);font-size:var(--ac-text-xs)}
.free-preview>img{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;border-radius:var(--ac-radius-card);margin:0}

@media(max-width:1200px){.free-layout{grid-template-columns:284px minmax(0,1fr) 240px}.free-canvas-scroll{padding:32px}.free-project-name>span{display:none}.free-stage-caption{font-size:9px}.free-home span{display:none}}
@media(max-width:800px){
 .free-studio .free-toolbar{height:auto;min-height:80px;flex-wrap:wrap;gap:4px;padding:6px 10px}
 .free-project-name .ac-input{width:100%}.free-toolbar-actions{width:100%;justify-content:flex-end}.free-toolbar-actions>.ac-btn{font-size:11px;padding-inline:8px;flex:1}
 .free-layout{display:contents}
 .free-stage{order:1;flex:1;min-height:160px;border-bottom:1px solid var(--ac-border)}
 .free-canvas-scroll{padding:24px}.free-view-tools{gap:4px;padding:4px;margin:0 4px 4px;border-radius:8px}.free-canvas-tools>label:not(.ac-choice){font-size:0}.free-view-tools output{font-size:10px}.free-view-tools .ac-slider{width:48px}.free-stage-caption{display:none}
 .free-mobile-nav{order:2;display:flex;border-bottom:1px solid var(--ac-border);flex:none}.free-mobile-nav>.ac-btn{flex:1;height:40px;font-size:11px}
 .free-resources,.free-properties{order:3;display:none;flex:none;height:36dvh;min-height:120px;border:0;overflow:hidden}
 [data-mobile-panel=resources] .free-resources{display:grid;grid-template-columns:56px minmax(0,1fr)}
 [data-mobile-panel=properties] .free-properties{display:block;overflow:auto}
 .free-resource-content{padding:12px}.free-asset-heading{height:36px;padding:8px 12px}.free-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .free-resource-preview{max-height:140px}.free-category-list{padding-top:4px;gap:2px}
}
@media(prefers-reduced-motion:reduce){.free-studio *{scroll-behavior:auto!important}}

.free-font-grid,.free-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.free-font-grid>.ac-btn,.free-shape-grid>.ac-btn{height:auto;min-width:0;flex-direction:column;padding:0;gap:8px;background:transparent;border:0;white-space:normal;overflow-wrap:anywhere}
.free-font-grid .free-resource-preview{font-size:32px}.free-shape-grid .free-resource-preview svg{width:44px;height:44px}
@media(max-width:800px){.free-toolbar-actions{gap:2px}.free-toolbar-actions>.ac-icon-btn{flex:0 0 28px;width:28px;padding:4px}.free-toolbar-actions>.ac-btn:not(.ac-icon-btn){padding-inline:5px;min-width:0}.free-toolbar-actions>.ac-btn:not(.ac-icon-btn)>svg{display:none}}

#artwork-studio[data-free-studio] :is(button,input,canvas):focus-visible{outline:1px solid var(--ac-accent);outline-offset:2px}
.free-no-script{padding:32px;color:var(--ac-fg);background:var(--ac-bg)}

@media(max-width:800px){.free-dialog .ac-dialog-body{padding:var(--ac-space-4)}.free-draft-list img{width:80px}.free-toolbar-actions{min-width:0}.free-studio .free-toolbar{flex-wrap:wrap}.free-dialog .ac-dialog-close{top:8px;right:8px}}

@media(pointer:coarse){.free-studio .ac-btn,.free-studio .ac-tab{min-height:40px}.free-category-list .ac-btn{min-height:58px}}

/* Asset rendering, compact Photoshop-style layers, and the shared wallet preview. */
.free-resource-preview canvas{display:block;width:100%;height:100%;object-fit:contain}
.free-art{border-radius:var(--ac-radius-card);background:transparent}
.free-resource-item>.ac-icon-btn{display:grid;place-items:center;padding:0;width:28px;height:28px;min-height:28px}
.free-resource-item>.ac-icon-btn svg{display:block;width:16px;height:16px;margin:0}
.free-properties .ac-tabs{height:36px;min-height:36px;padding:2px;border:0;margin:0 0 12px;align-items:center}
.free-properties .ac-tabs .ac-tab{height:32px;min-height:32px;flex:1}
.free-layer-list{display:flex;flex-direction:column;gap:2px}
.free-layer{position:relative;display:flex;align-items:center;gap:2px;min-height:56px;padding:4px 0;border-bottom:1px solid var(--ac-border)}
.free-layer[draggable=true]{cursor:grab}
.free-layer[data-drop-edge=top]:before,.free-layer[data-drop-edge=bottom]:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--ac-accent);z-index:1}
.free-layer[data-drop-edge=top]:before{top:0}.free-layer[data-drop-edge=bottom]:after{bottom:0}
.free-studio .free-layer-select{display:flex;flex:1;justify-content:flex-start;gap:8px;min-width:0;height:48px;padding:0 2px;overflow:hidden}
.free-layer-select>span:last-child{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.free-layer-thumb{display:grid;place-items:center;width:44px;height:36px;flex:none;overflow:hidden;border:1px solid var(--ac-border);border-radius:4px;background:repeating-conic-gradient(#fff 0% 25%,#e9e9e9 0% 50%) 0/10px 10px}
.free-layer-thumb canvas{width:100%;height:100%;object-fit:contain}
.free-layer-order{display:flex;flex-direction:column}
.free-studio .free-layer-order .ac-icon-btn{height:22px;min-height:22px;width:20px;padding:2px}
.free-layer-order svg{width:12px;height:12px}
.free-studio .free-layer>.ac-icon-btn{width:24px;padding:3px}
.free-studio .free-mode-switch,.free-studio .free-mode-current{flex-shrink:0}
.free-wallet-preview{display:flex;flex-direction:column;flex:1;min-height:0;padding:24px 24px 8px}
.gallery-ui .free-wallet-preview .dw-frame{flex:1;aspect-ratio:auto;min-height:0}
.free-wallet-preview .dw-controls{justify-content:center;flex:none;margin-top:8px}
.free-wallet-preview .detail-art{border-radius:var(--ac-radius-card);overflow:hidden}
.free-wallet-preview .detail-art img{display:block;width:100%;height:auto;margin:0;border-radius:var(--ac-radius-card)}
.free-wallet-preview .dw-artwork-target{display:grid;place-items:center;height:100%}
@media(max-width:800px){.free-wallet-preview{padding:8px}.free-studio .free-wallet-button{font-size:10px;padding-inline:6px}.free-layer{min-height:56px}}

/* Project actions are separate from artwork insertion. Preview tabs stay in the dock. */
.free-file-actions,.free-file-images{display:grid;gap:8px}
.free-file-actions{padding-bottom:16px;border-bottom:1px solid var(--ac-border)}
.free-file-transfer{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.free-file-images{padding-top:16px}
.free-canvas-tools{border:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-width:0}
.free-canvas-tools:disabled{opacity:.45}
.free-studio .free-view-tools .ac-icon-btn{height:32px;min-height:32px;width:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}
.free-preview-tabs{padding-left:8px;border-left:1px solid var(--ac-border)}
.free-studio .free-preview-tabs .dw-tab-list{height:40px;min-height:40px;padding:4px;border-radius:999px;background:var(--ac-bg-subtle)}
.free-studio .free-preview-tabs .dw-tab{height:30px;min-height:30px;border-radius:999px;gap:6px;padding:4px 10px}
.free-studio .free-preview-tabs .dw-tab-list .dw-tab[aria-selected=true]{background:transparent;color:var(--ac-fg)}
.free-studio .free-preview-tabs .dw-tab img{flex:none;object-fit:cover}
.free-wallet-preview>.dw-controls{display:none}
.free-draft-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);flex-wrap:wrap}
.free-draft-row .free-draft-open{height:auto;min-height:64px;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:4px;white-space:normal;text-align:left;flex:1;min-width:0}
.free-draft-confirm{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%;padding:8px;border-top:1px solid var(--ac-border);font-size:var(--ac-text-sm)}
.free-group-outline{pointer-events:none}
.free-align .ac-btn{justify-content:flex-start}
@media(pointer:coarse){.free-studio .free-view-tools .ac-icon-btn{height:40px;min-height:40px;width:40px;min-width:40px}}
@media(max-width:800px){.free-canvas-tools{gap:4px}.free-preview-tabs{border-left:0;padding-left:0}.free-studio .free-preview-tabs .dw-tab{padding-inline:8px}.free-draft-row .free-draft-open{gap:8px}}

/* Keep the editor mounted so the flight starts and ends at the live canvas bounds. */
.free-stage-viewport{position:relative;flex:1;min-height:0;min-width:0;display:flex;overflow:hidden}
.free-stage-viewport>.free-canvas-scroll{width:100%}
.free-stage-viewport>.free-wallet-preview{position:absolute;inset:0;padding:16px;visibility:hidden;pointer-events:none}
.free-stage-viewport[data-wallet=true]>.free-wallet-preview{visibility:visible;pointer-events:auto}
.free-stage-viewport[data-wallet=true]>.free-canvas-scroll{visibility:hidden;pointer-events:none}
.free-wallet-preview .dw-card-panel{visibility:hidden}
.free-wallet-preview .dw-phone{top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--dw-scale,.75));transform-origin:center}
@media(max-width:800px){.free-stage-viewport>.free-wallet-preview{padding:4px}}

.free-basic-templates{display:grid;gap:12px}
.free-studio .free-basic-template{height:auto;display:flex;flex-direction:column;align-items:stretch;padding:10px;gap:8px;text-align:left;white-space:normal}
.free-basic-template :is(canvas,img){display:block;width:100%;height:auto;aspect-ratio:1536/969;border-radius:var(--ac-radius-card);object-fit:contain}
.free-basic-template strong{font-size:12px}.free-basic-template small{color:var(--ac-fg-muted);font-size:11px}
.free-template-save{display:grid;gap:8px}
.free-studio .free-template-save>.ac-btn{height:auto;min-height:32px;white-space:normal;text-align:left}
.free-template-save .free-muted{line-height:1.6}
.free-local-templates{display:grid;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--ac-border)}
.free-studio .free-local-templates h3{margin:0;font-size:12px;font-weight:600}
.free-local-template{min-width:0;border:1px solid var(--ac-border-strong);border-radius:6px;padding:8px}
.free-local-template[data-applied=true]{background:var(--ac-accent-soft);border-color:var(--ac-accent)}
.free-studio .free-local-template-preview{display:block;width:100%;height:auto;padding:0;overflow:hidden}
.free-local-template-preview img{display:block;width:100%;height:auto;aspect-ratio:1536/969;object-fit:contain;border-radius:var(--ac-radius-card)}
.free-local-template-footer{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}
.free-studio .free-template-name{flex:1;min-width:0;width:0;padding:0 6px;background:transparent;font-weight:500;text-overflow:ellipsis}
.free-local-template[data-applied=true] .free-template-name{color:var(--ac-accent)}
.free-studio .free-template-delete{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:var(--ac-bg)}
@media(pointer:coarse){.free-studio .free-template-delete{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px}}
.free-template-confirm{display:grid;gap:8px;margin-top:8px}
.free-tint{display:flex;align-items:end;gap:8px}.free-tint>.free-field{flex:1}

/* Compact editor chrome: equal side tracks keep the document name truly centered. */
body:has([data-free-studio])>.site-header{display:none}
.free-studio .free-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,200px) minmax(0,1fr);align-items:center;height:auto;min-height:56px;gap:8px;padding:8px}
.free-navigation{min-width:0;justify-self:start;max-width:100%}
.gallery-ui .free-navigation .site-header{position:static;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;view-transition-name:none}
.gallery-ui .free-navigation .header-inner{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-height:32px;max-width:none;padding:0;margin:0}
.gallery-ui .free-navigation .brand{display:grid;place-items:center;flex:none;width:32px;height:32px;gap:0}
.gallery-ui .free-navigation .brand img{display:block;width:24px;height:24px;object-fit:contain}
.gallery-ui .free-navigation .brand span{display:none}
.gallery-ui .free-navigation nav{order:0;flex:0 1 auto;width:auto;margin:0;padding:0;gap:0}
.gallery-ui .free-navigation nav>a{min-height:32px;height:32px;padding:0 7px;font-size:12px;line-height:1;border-radius:6px}
.gallery-ui .free-navigation .header-actions{display:flex;align-items:center;flex:none;gap:2px;margin:0}
.gallery-ui .free-navigation :is(.language-toggle,.icon-button,.notification-trigger){display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:6px;line-height:1}
.gallery-ui .free-navigation .language-switch{display:block;flex:none;width:32px;height:32px;padding:0}
.free-studio .free-toolbar :is(button,a)>svg{display:block;flex:none;width:16px;height:16px;margin:0}
.free-studio .free-toolbar .ac-icon-btn{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0}
.gallery-ui .free-navigation .header-account{display:inline-flex;align-items:center;justify-content:center;height:32px;min-height:32px;min-width:48px;padding:0 10px;margin:0;font-size:12px;line-height:1;border-radius:6px}
.gallery-ui .free-navigation .header-account:is(.is-authenticated,[data-account-state=pending]){min-width:32px;width:32px;height:32px;padding:0;background:transparent}
.gallery-ui .free-navigation .header-avatar,.gallery-ui .free-navigation .header-account[data-account-state=pending]::after{width:26px;height:26px;font-size:11px}
.free-studio .free-project-name{flex-direction:column;justify-content:center;gap:6px!important;width:100%;max-width:none;min-width:0;justify-self:center;text-align:center}
.free-studio .free-project-name .ac-input{flex:none;width:100%;max-width:200px;min-width:0;min-height:28px;height:28px;padding:0 6px;text-align:center;text-overflow:ellipsis}
.free-studio .free-project-name>span{display:block;flex:none;max-width:100%;min-height:12px;margin:0;font-size:10px;line-height:12px;overflow:hidden;text-overflow:ellipsis;text-align:center}
.free-toolbar-actions{width:auto;min-width:0;justify-self:end;margin:0;justify-content:flex-end}
.free-inspector-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--ac-border);padding-top:12px}
.free-studio .free-inspector-section h3{font-size:12px;line-height:1.5;font-weight:600;margin:0;color:var(--ac-fg)}
@media(max-width:1280px){
 .free-studio .free-toolbar{grid-template-columns:minmax(0,1fr) auto}
 .free-navigation{grid-column:1;grid-row:1}
 .free-toolbar-actions{grid-column:2;grid-row:1}
 .free-studio .free-project-name{grid-column:1/-1;grid-row:2}
}
@media(max-width:800px){
 .free-studio .free-toolbar{grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 8px}
 .free-navigation{grid-column:1;grid-row:1;width:100%}
 .gallery-ui .free-navigation .header-inner{flex-wrap:nowrap;gap:4px}
 .gallery-ui .free-navigation nav{flex:1 1 auto;width:auto;overflow-x:auto;scrollbar-width:thin}
 .free-studio .free-project-name{grid-column:1;grid-row:2}
 .free-toolbar-actions{grid-column:1;grid-row:3;width:100%;justify-self:stretch;justify-content:center;gap:4px;flex-wrap:wrap}
 .free-toolbar-actions>.ac-btn{flex:0 0 auto}
 .free-toolbar-actions>#studio-drafts>svg{display:block}
}
@media(pointer:coarse){
 .gallery-ui .free-navigation nav>a,.gallery-ui .free-navigation :is(.brand,.language-toggle,.icon-button,.language-switch,.notification-trigger,.header-account){min-height:40px;height:40px}
 .gallery-ui .free-navigation :is(.brand,.language-toggle,.icon-button,.language-switch,.notification-trigger){width:40px;min-width:40px}
 .free-studio .free-toolbar .ac-icon-btn{width:40px;height:40px;min-height:40px}
}

.free-resource-preview--dark{background:var(--free-resource-dark,var(--ac-gray-800))}