/* The consumer journey: motifs first, product composition, then effect and maker. */
.creation-app [hidden]{display:none!important}
.creation-heading .creation-more{position:relative;flex-shrink:0;font-size:11px;color:var(--fg-muted);z-index:12}
.creation-more-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--fg-muted);font:inherit;line-height:1;white-space:nowrap;cursor:pointer}
.creation-more-toggle:hover,.creation-more-toggle[aria-expanded="true"]{color:var(--fg);border-color:var(--border);background:var(--bg-card)}
.creation-more-toggle>svg{display:block;flex:0 0 14px;width:14px;height:14px;margin:0;transition:transform .18s ease}
.creation-more-toggle[aria-expanded="true"]>svg{transform:rotate(180deg)}
.creation-more-panel{position:absolute;right:0;top:calc(100% + 6px);width:232px;max-width:calc(100vw - 32px);padding:7px;background:var(--bg-card);border:1px solid var(--border);border-radius:15px;box-shadow:0 12px 35px #31343912}
.creation-more-panel[hidden],.page:not(.active) .creation-more{display:none!important}
.creation-more-panel a{display:block;padding:12px;color:var(--fg);text-decoration:none;font-size:12px;border-radius:10px}
.creation-more-panel a:hover{background:var(--bg-soft)}
.creation-more-panel a>span{display:flex;align-items:center;justify-content:space-between;gap:14px}
.creation-more-panel b{font-size:13px;font-weight:400;color:var(--fg-muted)}
.creation-more-panel small{display:block;margin-top:7px;font-size:10px;color:var(--fg-muted);line-height:1.6}
.creation-more-toggle:focus-visible,.creation-more-panel a:focus-visible{outline:2px solid var(--fg-muted);outline-offset:2px}
.creation-design-context{display:flex;gap:14px;align-items:center;padding:13px 17px;margin:0 0 20px;border:1px solid #dadfe7;background:#f3f5f8;border-radius:17px;color:#5a6476}
.creation-design-context>img{width:75px;height:75px;border-radius:12px;object-fit:cover;background:#fff}
.creation-design-context strong{display:block;font-size:13px;font-weight:500;margin-bottom:7px}
.creation-design-context small{display:block;font-size:10px;color:#878e9b;margin-bottom:10px}
.creation-design-context a{font-size:11px;color:#55637c;text-decoration:none;margin-right:18px}
.creation-demo-badge{position:absolute;top:10px;left:10px;border:1px solid #fff8;border-radius:16px;background:#ffffffdb;color:#626d80;padding:5px 9px;font-size:10px}
.creation-viewer .creation-demo-info{font-size:11px;color:#88909e;line-height:1.6}
.creation-lora{max-width:190px}
.creation-lora select{max-width:100%}
.wk-stage.is-dropping{border-color:#94a0b6;box-shadow:inset 0 0 0 2px #adbad050}
#page-workshop [data-sticker]{cursor:grab}#page-workshop [data-sticker]:active{cursor:grabbing}
.wk-stage.is-focused>.wk-palette{position:absolute;top:94px;left:50%;transform:translateX(-50%);width:min(450px,calc(100% - 150px));padding:0;z-index:4;border:0;background:transparent}
.wk-stage.is-focused>.wk-palette .wk-stickers{display:flex;justify-content:center;margin:0;gap:8px;overflow:auto}
.wk-stage.is-focused>.wk-palette .wk-stickers button{flex:0 0 49px;width:49px;padding:5px;border-radius:13px}.wk-stage.is-focused>.wk-palette .wk-stickers img{height:35px;margin:0}
.wk-stage.is-focused>.wk-palette .wk-stickers span,.wk-stage.is-focused>.wk-palette>.wk-muted,.wk-stage.is-focused>.wk-palette>.wk-more{display:none}
.wk-stage.is-focused>.wk-palette .wk-panel-heading{position:absolute;right:-39px;top:8px}.wk-stage.is-focused>.wk-palette .wk-panel-heading h2{display:none}
.wk-stage.is-focused .wk-viewport{top:151px}
@media(max-width:1100px){.wk-heading .creation-heading{gap:11px}.creation-heading .creation-more{font-size:10px}}
@media(max-width:800px){
 #page-create .creation-header .creation-mode-tabs{grid-column:1;justify-self:start;max-width:100%}#page-create .creation-header .creation-more{grid-column:2;grid-row:2;justify-self:end}#page-create .creation-header .creation-mode-tabs a{padding:0 13px;font-size:12px}
 .wk-layout{position:relative;display:block}.wk-layout>.wk-palette{position:absolute;top:105px;left:62px;right:62px;width:auto;padding:0;border:0;background:transparent;z-index:4}
 .wk-layout>.wk-palette .wk-stickers{margin:0;display:flex;justify-content:flex-start;gap:8px;overflow:auto;scrollbar-width:none}
 .wk-layout>.wk-palette .wk-stickers button{flex:0 0 51px;width:51px;padding:5px;border-radius:13px}.wk-layout>.wk-palette .wk-stickers img{height:36px;margin:0}.wk-layout>.wk-palette .wk-stickers span{display:none}
 .wk-layout>.wk-palette>.wk-more,.wk-layout>.wk-palette>.wk-muted{display:none}.wk-layout>.wk-palette .wk-panel-heading{position:absolute;right:-42px;top:8px}.wk-layout>.wk-palette .wk-panel-heading h2{display:none}
 .wk-palette .wk-basket-empty{padding:0;gap:4px;min-height:45px}.wk-palette .wk-basket-empty>span{display:none}.wk-palette .wk-basket-empty h3{font-size:11px}.wk-palette .wk-basket-empty p{display:none}
 .wk-viewport{top:163px}.wk-stage{height:610px}.wk-tools{top:173px}.wk-applied{top:176px}
 .wk-heading{position:relative}.wk-heading .creation-more{position:absolute;right:0;bottom:0}.wk-heading .creation-heading{gap:14px}
 .creation-design-context{padding:12px;gap:10px;margin-bottom:12px}.creation-design-context strong{font-size:12px}.creation-design-context>img{width:60px;height:60px}.creation-design-context a{display:inline-block;margin:3px 13px 0 0;font-size:10px}
}
@media(max-width:500px){.wk-stage{height:560px}.wk-layout>.wk-palette{top:94px}.wk-viewport{top:148px}.wk-tools{top:165px}.wk-applied{top:168px}.wk-stage-label{top:72px}.wk-stage.is-focused>.wk-palette{top:90px}.wk-stage.is-focused .wk-viewport{top:145px}.creation-lora{max-width:175px}}