.my-stickers-section{border:1px solid color-mix(in srgb, var(--editor-teal) 30%, var(--editor-border));background:color-mix(in srgb, var(--editor-teal) 6%, #ffffff06);border-radius:9px;gap:7px;padding:8px;display:grid}.my-stickers-heading{color:var(--editor-text);justify-content:space-between;align-items:center;gap:6px;font-size:10px;font-weight:850;display:flex}.my-stickers-heading small{color:var(--editor-text-muted);font-size:9px}.my-stickers-grid{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:152px;display:grid;overflow:hidden auto}.my-stickers-grid .sticker-card-main{min-height:58px}.my-stickers-empty{color:var(--editor-text-muted);margin:0;font-size:9px;line-height:1.25}.custom-sticker-overlay{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070cc7;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.custom-sticker-shell{--custom-teal:#48c8c0;color:#f7f3ea;background:linear-gradient(#111a27,#09111b);border:1px solid #cddceb3d;border-radius:14px;grid-template-rows:auto minmax(0,1fr);width:min(1194px,100vw - 24px);min-width:0;height:min(900px,100dvh - 24px);min-height:0;font-family:Inter,system-ui,sans-serif;font-size:12px;display:grid;overflow:hidden;box-shadow:0 28px 70px #00000094}.custom-sticker-shell *{box-sizing:border-box}.custom-sticker-header{background:linear-gradient(#202e3efa,#121c28fa);border-bottom:1px solid #cddceb29;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:9px 12px 9px 16px;display:flex}.custom-sticker-header>div{gap:2px;min-width:0;display:grid}.custom-sticker-header strong{font-size:15px;font-weight:850}.custom-sticker-header span{color:#aab8c8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.custom-sticker-close{color:#f7f3ea;cursor:pointer;background:#ffffff12;border:1px solid #cddceb33;border-radius:9px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid}.custom-sticker-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:10px;min-width:0;min-height:0;padding:10px;display:grid}.custom-sticker-canvas-card,.custom-sticker-panel{background:#ffffff09;border:1px solid #cddceb26;border-radius:10px;min-width:0}.custom-sticker-canvas-card{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.custom-sticker-canvas-toolbar{border-bottom:1px solid #cddceb1f;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:6px 9px;display:flex}.custom-sticker-canvas-toolbar>div,.custom-sticker-button-row{gap:6px;display:flex}.custom-sticker-canvas-wrap{background-color:#0a111a;background-image:linear-gradient(45deg,#ffffff0e 25%,#0000 25% 75%,#ffffff0e 75%),linear-gradient(45deg,#ffffff0e 25%,#0000 25% 75%,#ffffff0e 75%),none;background-position:0 0,10px 10px;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:0;position:relative;overflow:hidden}.custom-sticker-canvas-wrap canvas{touch-action:none;width:100%;height:100%;min-height:260px;display:block}.custom-sticker-empty{color:#d9e2ec;text-align:center;place-content:center;justify-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.custom-sticker-empty span{color:#8fa0b2;font-size:10px}.custom-sticker-wand-aim{pointer-events:none;border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 0 0 2px #ef6b42db,0 4px 12px #0006}.custom-sticker-wand-aim:before,.custom-sticker-wand-aim:after{content:"";background:#ef6b42;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-sticker-wand-aim:before{width:16px;height:1px}.custom-sticker-wand-aim:after{width:1px;height:16px}.custom-sticker-tools{overscroll-behavior:contain;scrollbar-width:thin;align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:hidden auto}.custom-sticker-panel{gap:7px;padding:9px;display:grid}.custom-sticker-panel>strong{text-transform:uppercase;font-size:10px;font-weight:850}.custom-sticker-button{color:#eff5f7;cursor:pointer;min-width:0;min-height:32px;font:inherit;background:#fff1;border:1px solid #cddceb33;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.custom-sticker-button:hover:not(:disabled),.custom-sticker-button.active{border-color:color-mix(in srgb, var(--custom-teal) 55%, transparent);background:color-mix(in srgb, var(--custom-teal) 16%, #ffffff0f)}.custom-sticker-button.primary{color:#fff;background:linear-gradient(#f78a68,#ef5a35);border-color:#ef5a35ad}.custom-sticker-button.danger,.custom-sticker-delete{color:#ffc7cc;background:#ff6b7314;border-color:#ff6b7359}.custom-sticker-button.grow{width:100%}.custom-sticker-button.save{min-height:38px}.custom-sticker-button:disabled,.custom-sticker-delete:disabled{cursor:not-allowed;opacity:.42}.custom-sticker-control,.custom-sticker-name-field{color:#b8c5d2;gap:4px;font-size:9px;display:grid}.custom-sticker-control>span{justify-content:space-between;gap:8px;display:flex}.custom-sticker-control b{color:#eef4f7}.custom-sticker-control input[type=range]{width:100%;accent-color:var(--custom-teal)}.custom-sticker-name-field input{color:#f7f3ea;width:100%;height:32px;font:inherit;background:#ffffff0f;border:1px solid #cddceb33;border-radius:7px;padding:0 9px}.custom-sticker-summary{color:#91a2b4;font-size:9px}.custom-sticker-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:180px;display:grid;overflow:auto}.custom-sticker-preview{cursor:pointer;background:#ffffff0a;border:1px solid #cddceb29;border-radius:7px;min-height:62px;padding:3px;display:grid;position:relative;overflow:hidden}.custom-sticker-preview>span{background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:48px;display:block}.custom-sticker-preview small{color:#b9c6d1;font-size:7px;position:absolute;bottom:2px;right:3px}.custom-sticker-preview.selected{border-color:#ef6b42;box-shadow:inset 0 0 0 1px #ef6b42}.custom-sticker-preview.removed{opacity:.3;filter:grayscale()}.custom-sticker-hidden-input{display:none}.custom-sticker-collections{gap:5px;display:grid}.custom-sticker-collections article{background:#ffffff06;border:1px solid #cddceb1f;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;display:grid}.custom-sticker-collections article>div{gap:1px;min-width:0;display:grid}.custom-sticker-collections b,.custom-sticker-collections span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-sticker-collections b{font-size:9px}.custom-sticker-collections span{color:#91a2b4;font-size:8px}.custom-sticker-delete{cursor:pointer;min-height:28px;font:inherit;border-style:solid;border-width:1px;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.custom-sticker-delete.confirm{color:#fff;background:#c74c54}@media (max-width:900px){.custom-sticker-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:7px;padding:7px}.custom-sticker-header{min-height:48px}.custom-sticker-panel{gap:5px;padding:7px}.custom-sticker-button{min-height:30px;padding-block:4px}.custom-sticker-preview-grid{max-height:120px}}@media (orientation:landscape) and (max-height:520px){.custom-sticker-overlay{padding:6px}.custom-sticker-shell{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.custom-sticker-header{min-height:42px;padding-block:5px}.custom-sticker-workspace{grid-template-columns:minmax(0,1fr) 270px;padding:6px}.custom-sticker-tools{gap:5px}.custom-sticker-panel{gap:4px;padding:6px}.custom-sticker-canvas-wrap canvas{min-height:180px}}
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:520px){.editor-zoom-surface.editor-shell.fixed-interface-shell{--editor-left-rail-width:250px}.editor-zoom-surface.editor-shell.fixed-interface-shell .left-rail{grid-template-rows:minmax(0,1fr);align-content:stretch;padding:6px}.editor-zoom-surface.editor-shell.fixed-interface-shell .creative-tools-panel{align-self:stretch;gap:6px;height:100%;min-height:0;padding:6px}}
.editor-install-hint{z-index:900;top:max(10px, env(safe-area-inset-top,0px));right:max(10px, env(safe-area-inset-right,0px));left:max(10px, env(safe-area-inset-left,0px));color:#f7f3ea;-webkit-backdrop-filter:blur(12px);background:#0c121bf5;border:1px solid #d9e2ec4d;border-radius:10px;width:auto;max-width:640px;margin-inline:auto;font-size:12px;font-weight:700;line-height:1.3;position:fixed;box-shadow:0 10px 26px #00000057}.editor-install-hint-main{align-items:center;gap:9px;min-height:42px;padding:7px 8px 7px 12px;display:flex}.editor-install-hint-main>span{flex:auto;min-width:0}.editor-install-hint-main strong{color:#fff;font-weight:850}.editor-install-hint button{color:#f7f3ea;cursor:pointer;height:32px;min-height:32px;font:inherit;touch-action:manipulation;background:#ffffff14;border:1px solid #d9e2ec3d;border-radius:8px;padding:0 10px}.editor-install-hint .editor-install-hint-action{color:#061115;border-color:color-mix(in srgb, var(--editor-teal,#62c7c2) 72%, transparent);background:var(--editor-teal,#62c7c2);flex:none;font-weight:850}.editor-install-hint .editor-install-hint-dismiss{place-items:center;width:32px;min-width:32px;padding:0;font-size:18px;line-height:1;display:grid}.editor-install-hint button:focus-visible{outline:2px solid var(--editor-teal,#62c7c2);outline-offset:2px}.editor-install-hint-instructions{color:#f7f3eae0;margin:0;padding:0 12px 10px;font-size:11px;font-weight:650;line-height:1.4}@media (orientation:landscape) and (max-height:520px){.editor-install-hint{top:max(6px, env(safe-area-inset-top,0px));max-width:720px;font-size:11px}.editor-install-hint-main{min-height:36px;padding:4px 6px 4px 10px}.editor-install-hint button{border-radius:7px;height:28px;min-height:28px}.editor-install-hint .editor-install-hint-dismiss{width:28px;min-width:28px;font-size:16px}.editor-install-hint-instructions{padding:0 10px 7px;font-size:10px}}
.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel{--background-accent:#91cddd;--background-ink:var(--attribute-ui-ink);--background-muted:var(--attribute-ui-muted);--background-setting-bg:var(--attribute-ui-setting-bg);--background-action-bg:var(--attribute-ui-command-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .attribute-context-content{grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,4fr) minmax(0,4fr);grid-template-rows:var(--attribute-card-height);align-items:stretch;gap:4px;min-width:0;display:grid}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.background-fill-workflow,.background-design-workflow,.background-toolbar-controls){display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .property-scope-label{display:none}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-subgroup,.background-design-card){box-sizing:border-box;grid-area:auto;grid-template-rows:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--attribute-tile-size);width:100%;min-width:0;height:100%;min-height:0;color:var(--background-ink);border:1px solid color-mix(in srgb, var(--background-accent) 30%, transparent);background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--background-accent) 10%, transparent), transparent 75%), var(--attribute-ui-card-bg);box-shadow:var(--attribute-ui-card-shadow);border-radius:10px;align-content:start;align-items:stretch;gap:4px;margin:0;padding:3px;display:grid;position:relative}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-subgroup,.background-design-card)>*{grid-area:auto;align-self:stretch;min-width:0;max-width:none}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-finish-workflow{--background-accent:#91cddd}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source{--background-accent:#a4d9c3}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-layout{--background-accent:#bac5ef}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-card{--background-accent:#eac58c}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.editor-workflow-box-title,.toolbar-subgroup-label){height:12px;min-height:0;color:var(--background-accent);white-space:nowrap;grid-area:1/1/auto/-1;margin:0;padding:0;font-size:10px;font-weight:700;line-height:12px;display:block;position:static}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field,.background-design-value){--toolbar-field-width:100%;--toolbar-field-min-width:0px;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:var(--attribute-tile-size);min-height:var(--attribute-tile-size);margin:0;padding:0;display:block;position:relative}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field,.background-design-value)>span:first-child:not(:has(select)){z-index:2;height:12px;min-height:0;color:var(--background-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;margin:0;padding:0;font-size:10px;font-weight:650;line-height:12px;display:block;position:absolute;top:3px;left:3px;right:3px;overflow:hidden}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(select,input:where(:not([type=checkbox]):not([type=radio])),.button,.tool-button,.compact-value-control){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:var(--attribute-tile-size);min-height:var(--attribute-tile-size);color:var(--background-ink);border:1px solid var(--attribute-ui-setting-border);background:var(--background-setting-bg);box-shadow:var(--attribute-ui-setting-shadow);border-radius:8px;margin:0;font-family:inherit;font-size:11px;font-weight:650}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(select,input:where(:not([type=checkbox]):not([type=radio]))){padding:19px 5px 5px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field) select{background:var(--attribute-ui-select-arrow) right 5px center / 12px 12px no-repeat, var(--background-setting-bg);padding-right:18px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.button,.tool-button){white-space:normal;color:var(--attribute-ui-command-ink);border-color:var(--attribute-ui-command-border);background:var(--background-action-bg);box-shadow:var(--attribute-ui-command-shadow);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;line-height:14px;display:flex}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(select,input,button):focus-visible{outline:2px solid var(--attribute-ui-focus);outline-offset:2px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(select,input,.button,.tool-button,.compact-value-control):disabled{color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);box-shadow:none;opacity:.8;cursor:default}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field) select:disabled{background:var(--attribute-ui-select-arrow) right 5px center / 12px 12px no-repeat, var(--attribute-ui-disabled-bg)}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(select,.button,.tool-button,.compact-value-control):hover:not(:disabled){border-color:#93cee2}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.button,.tool-button):hover:not(:disabled){background:var(--attribute-ui-command-hover)}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel input:is([type=checkbox],[type=radio]){width:14px;min-width:14px;height:14px;min-height:14px;accent-color:var(--background-accent);margin:0}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .compact-value-control{background:linear-gradient(90deg, color-mix(in srgb, var(--background-accent) 20%, transparent) var(--compact-value-position), transparent var(--compact-value-position)), var(--background-setting-bg);grid-template-columns:12px minmax(0,1fr) 12px;align-items:center;gap:0;padding:19px 3px 5px;display:grid}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .compact-value-control output{min-width:0;color:var(--background-ink);font-variant-numeric:tabular-nums;padding:0;font-size:14px;font-weight:700;line-height:18px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .compact-value-control:disabled output{color:var(--attribute-ui-disabled-ink)}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .compact-value-control>span{min-width:0;color:var(--background-accent);background:0 0;font-size:12px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select){--asset-preview-size:min(36px, calc(var(--attribute-tile-size) - 24px));box-sizing:border-box;z-index:auto;grid-template-columns:var(--asset-preview-size) minmax(0, 1fr);width:100%;min-width:0;height:var(--attribute-tile-size);min-height:var(--attribute-tile-size);border:1px solid var(--attribute-ui-setting-border);background:var(--background-setting-bg);box-shadow:var(--attribute-ui-setting-shadow);pointer-events:auto;text-align:initial;border-radius:8px;grid-template-rows:minmax(0,1fr);align-items:center;gap:3px;padding:18px 4px 4px;display:grid;position:relative;inset:auto;overflow:hidden}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select)>span:has(>select){min-width:0;min-height:0;height:calc(var(--attribute-tile-size) - 24px);position:static}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select) select{height:calc(var(--attribute-tile-size) - 24px);background:var(--attribute-ui-select-arrow) right 2px center / 12px 12px no-repeat;min-height:0;box-shadow:none;border:0;border-radius:0;padding:0 16px 0 0;font-size:11px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select) select:disabled{background:var(--attribute-ui-select-arrow) right 2px center / 12px 12px no-repeat}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel button[role=combobox]{width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select):has(button:disabled){color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);box-shadow:none}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select):has(button:disabled) :is(select,[data-disabled]){opacity:1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.toolbar-field,.background-design-field)>span:has(select):has(button:focus-visible){outline:2px solid var(--attribute-ui-focus);outline-offset:2px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-finish-workflow{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-finish-workflow>.toolbar-subgroup-label{grid-column:1/3}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-finish-workflow>.background-type-field{grid-area:2/1/auto/-1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-fields{grid-area:3/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel{min-width:0;height:var(--attribute-tile-size);position:relative}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel:has(.background-color-channel-target) input[type=color]{padding-right:20px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel-target{z-index:3;cursor:pointer;background:#233849;border:1px solid #91cddd55;border-radius:4px;place-items:center;width:18px;height:20px;min-height:0;padding:0;display:grid;position:absolute;bottom:2px;right:2px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel-target:has(:checked){border-color:var(--background-accent);background:color-mix(in srgb, var(--background-accent) 22%, #172c3e)}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel-target:has(:focus-visible){outline:2px solid var(--attribute-ui-focus);outline-offset:2px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel-target:has(:disabled){opacity:.8;cursor:default}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-color-channel-target input{width:12px;min-width:12px;height:12px;min-height:12px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.background-surface-utility-row,.background-surface-utility-row>div,.background-surface-utility-row .attribute-color-presets,.background-surface-shortcuts){display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-surface-utility-row button{grid-area:4/4}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-harmony-status{width:auto;min-width:0;height:12px;min-height:0;color:var(--background-muted);white-space:nowrap;text-align:right;text-overflow:ellipsis;background:0 0;border:0;grid-area:1/3/auto/5;margin:0;padding:0;font-size:9px;line-height:12px;position:static;overflow:hidden}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-surface-shortcuts>button:first-child{grid-area:4/1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-surface-shortcuts>button:nth-child(2){grid-area:4/2}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-surface-shortcuts>button:nth-child(3){grid-area:4/3}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.background-photo-source-field{grid-area:2/2/auto/4}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.image-pattern-source-field{grid-area:2/1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.toolbar-compact-field:not(.image-pattern-repeat-field){grid-area:3/1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.image-pattern-repeat-field{grid-area:3/2}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.image-pattern-edge-field{grid-area:3/3}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.image-pattern-sticker-category-field{grid-area:4/1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-source>.image-pattern-sticker-field{grid-area:4/2/auto/4}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-fill-layout{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-pattern-fields{display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-pattern-randomize-button{grid-area:4/1/auto/-1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-independent-decorations{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel :is(.background-design-decoration-heading,.background-design-global-controls,.background-design-decoration-sizing){display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-toggle{height:var(--attribute-tile-size);border:1px solid var(--attribute-ui-setting-border);background:var(--background-setting-bg);box-shadow:var(--attribute-ui-setting-shadow);color:var(--background-ink);cursor:pointer;border-radius:8px;flex-direction:column;grid-area:2/1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:650;line-height:14px;display:flex}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-toggle:has(:checked:not(:disabled)){color:var(--attribute-ui-selected-ink);border-color:var(--background-accent);background:var(--attribute-ui-selected-bg);box-shadow:inset 0 -2px 0 var(--background-accent)}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-toggle:has(:disabled){color:var(--attribute-ui-disabled-ink);opacity:.8;cursor:default}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-toggle input{width:16px;min-width:16px;height:16px;min-height:16px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-opacity{grid-area:2/4}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save,.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save>div,.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save>span{display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save .background-utility-action{width:100%;min-width:0;padding:2px}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save>div>button:first-child{grid-area:4/1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save>div>button:nth-child(2){grid-area:4/2}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-global-save>span>button{grid-area:4/4}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-sizing>.background-design-value:first-child{grid-area:2/2}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-sizing>.background-design-value:nth-child(2){grid-area:2/3}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-decoration-controls,.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motifs{display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motifs>.editor-workflow-box-title{display:none}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif{display:contents}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif[data-motif=corners]>:first-child{grid-area:3/1}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif[data-motif=corners]>:last-child{grid-area:3/2}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif[data-motif=edges]>:first-child{grid-area:3/3}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif[data-motif=edges]>:last-child{grid-area:3/4}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif-preview>span:has(select){--asset-preview-size:min(42px, calc(var(--attribute-tile-size) - 8px));grid-template-columns:minmax(0,1fr);place-items:center;padding:3px 15px 3px 3px;display:grid}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif-preview>span:has(select)>span:first-child{width:var(--asset-preview-size);height:var(--asset-preview-size)}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .background-design-motif-preview>span:has(select)>span:has(>select){height:100%;position:absolute;inset:0}.editor-body .fixed-workflow-attributes[data-attribute-panel=background].background-properties-panel .attribute-context-content:has(>[data-background-creative-step]){grid-template-columns:minmax(0,1fr)}
.smart-quick-build-category-mode-selector{min-width:0;height:100%}.smart-quick-build-category-mode-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;height:100%;display:grid}.smart-quick-build-setup-tags .smart-quick-build-category-mode-buttons button{color:#dce7ee;background:linear-gradient(160deg,#2c4357,#1c3042);border:1px solid #698ba34d;border-radius:10px;min-width:0;height:100%;min-height:0;padding:6px 12px;font-size:12px;font-weight:800;line-height:1.2;box-shadow:inset 0 1px #d2edff16,0 2px 4px #0002}.smart-quick-build-category-mode-buttons button[aria-pressed=true]{color:#fff3df;background:linear-gradient(160deg,#5c5140,#3c423d);border-color:#efc58c;box-shadow:inset 0 0 0 1px #efc58c38,0 2px 5px #0003}.smart-quick-build-setup-tags .smart-quick-build-category-mode-buttons button:hover:not(:disabled){border-color:#c5d8e4}.smart-quick-build-setup-section.smart-quick-build-setup-tags[data-sqb-category-mode]{grid-template-rows:54px minmax(0,1fr);align-content:stretch;gap:12px;padding:10px 14px 12px;overflow:hidden}.smart-quick-build-tags-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;min-width:0;display:grid}.smart-quick-build-tags-toolbar h4{color:#f2f6f9;margin:0;font-size:15px}.smart-quick-build-tags-toolbar .smart-quick-build-category-mode-selector{justify-self:end;width:min(630px,100%)}.smart-quick-build-tag-count{color:#a6bdce;margin-top:3px;font-size:10px;font-weight:500;line-height:12px;display:block}.smart-quick-build-setup-tags[data-sqb-category-mode] .smart-quick-build-setup-tag-grid{grid-template-columns:repeat(var(--sqb-tag-columns,6), var(--sqb-tag-size,80px));grid-template-rows:repeat(var(--sqb-tag-rows,6), var(--sqb-tag-size,80px));gap:var(--sqb-tag-gap,8px);place-content:center;width:100%;min-width:0;height:100%;min-height:0;max-height:none;padding:0;display:grid}.smart-quick-build-setup-section.smart-quick-build-setup-tags[data-sqb-category-mode] .smart-quick-build-setup-tag-grid button{box-sizing:border-box;color:#dce7ee;white-space:normal;text-align:center;background:linear-gradient(160deg,#2a4054,#142839);border:1px solid #698ba359;border-radius:11px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:stretch;justify-items:stretch;gap:3px;width:100%;min-width:0;height:100%;min-height:0;padding:5px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #d2edff1c,0 3px 6px #0003}.smart-quick-build-setup-tags[data-sqb-category-mode] .smart-quick-build-setup-tag-grid button:hover:not(:disabled){background:linear-gradient(160deg,#36556e,#213d51);border-color:#bed7e7}.smart-quick-build-setup-tags[data-sqb-category-mode] .smart-quick-build-setup-tag-grid button[aria-pressed=true]:not(:disabled){color:#fff4df;background:linear-gradient(160deg,#5c5140,#2d3e40);border-color:#efc58c;box-shadow:inset 0 0 0 1px #efc58c40,0 3px 7px #0003}.smart-quick-build-setup-tag-grid .smart-quick-build-tag-artwork{color:#c6e3f1;width:100%;min-width:0;height:100%;min-height:0;font-size:calc(var(--sqb-tag-size,80px) * .4);background:radial-gradient(at 50% 35%,#a8d6ec20,#0000 75%);border-radius:7px;place-items:center;display:grid}.smart-quick-build-setup-tag-grid .smart-quick-build-tag-sticker-preview{filter:drop-shadow(0 3px 3px #0f172a55);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block}.smart-quick-build-setup-tag-grid .smart-quick-build-tag-copy{align-items:center;width:100%;min-width:0;min-height:0;display:grid}.smart-quick-build-setup-tag-grid strong{color:inherit;font-size:clamp(9px, calc(var(--sqb-tag-size,80px) * .11), 13px);text-wrap:balance;white-space:normal;font-weight:750;line-height:1.2;overflow:hidden}.smart-quick-build-tag-selection{color:#132536;pointer-events:none;background:#efc58c;border:1px solid #fff4df70;border-radius:6px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0003}.smart-quick-build-setup-tags[data-sqb-category-mode] :is(button,[role=group]):focus-visible{outline-offset:2px;outline:2px solid #ffe0aa}.smart-quick-build-setup-tags[data-sqb-category-mode=ai-all] .smart-quick-build-setup-tag-grid{pointer-events:none;opacity:.6;filter:saturate(.7)}.smart-quick-build-setup-tags[data-sqb-category-mode=ai-all] .smart-quick-build-setup-tag-grid button:disabled{opacity:1;filter:none}.smart-quick-build-setup-tags[data-sqb-category-mode=ai-all] .smart-quick-build-setup-tag-grid button[aria-pressed=true]{background:linear-gradient(160deg,#2a4054,#142839);border-color:#698ba359;box-shadow:inset 0 1px #d2edff1c,0 3px 6px #0003}@media (prefers-reduced-motion:no-preference){.smart-quick-build-setup-tag-grid button{transition:background-color .12s,border-color .12s,box-shadow .12s}}.smart-quick-build-preview-area{grid-template-columns:minmax(0,1fr);column-gap:0}.smart-quick-build-preview-area>.smart-quick-build-preview-frame{grid-area:1/1}.smart-quick-build-build-loader{z-index:7;pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(1.06);backdrop-filter:blur(8px)saturate(1.06);background:#080e18e6;border:1px solid #94a3b83d;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:min(300px,100% - 20px);min-width:0;height:auto;min-height:44px;padding:7px 9px;inset:10px 10px auto auto;box-shadow:0 12px 30px #00000052}.smart-quick-build-build-loader .lasagna-loader-logo,.smart-quick-build-build-loader .lasagna-logo-icon{border-radius:8px;width:30px;min-width:30px;height:30px;box-shadow:0 5px 12px #00000042}.smart-quick-build-build-loader>span{flex:auto;min-width:0}.smart-quick-build-build-loader-copy{text-align:left;gap:2px}.smart-quick-build-build-loader-copy strong{font-size:11px;line-height:1.1}.smart-quick-build-build-loader-copy small{font-size:8.5px;line-height:1.1}.smart-quick-build-main[aria-busy=true] .smart-quick-build-preview-frame .konvajs-content{pointer-events:none}@media (max-width:760px),(max-height:560px){.smart-quick-build-build-loader{width:min(250px,100% - 12px);min-height:38px;padding:5px 7px;top:6px;right:6px}.smart-quick-build-build-loader .lasagna-loader-logo,.smart-quick-build-build-loader .lasagna-logo-icon{width:26px;min-width:26px;height:26px}}.smart-quick-build-failure{z-index:12;color:#fff7ed;background:#17202c;border:1px solid #fb923ccc;border-radius:8px;width:min(440px,100% - 28px);max-height:calc(100% - 108px);padding:16px;font-size:15px;position:absolute;top:84px;right:14px;overflow:auto;box-shadow:0 8px 28px #0006}.smart-quick-build-failure p{overflow-wrap:anywhere;margin:8px 0}.smart-quick-build-failure small{font-size:12px;line-height:1.5;display:block}.smart-quick-build-failure>div{gap:8px;margin-top:12px;display:flex}.smart-quick-build-failure .button{min-height:36px;font-size:12px}
.smart-quick-build-setup-photos .smart-quick-build-photo-settings label:has(>input[type=checkbox]){white-space:nowrap;align-items:center;gap:5px;display:flex}.smart-quick-build-setup-photos .smart-quick-build-photo-settings input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--action-selected-accent);margin:0}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(label,.toolbar-field,.background-design-field){color:#c9d7e7;min-width:0;font-size:11px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(.smart-quick-build-recipe-select,.generation-value-control,.background-design-field,.toolbar-field){--toolbar-field-width:100%;--toolbar-field-min-width:0px;grid-template-rows:12px 28px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:2px;width:100%;min-width:0;max-width:none;height:42px;min-height:42px;margin:0;display:grid}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(.smart-quick-build-recipe-select,.generation-value-control,.background-design-field,.toolbar-field)>span:first-child{white-space:nowrap;height:12px;font-size:11px;line-height:12px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(select,input:not([type=checkbox]),.compact-value-control){width:100%;min-width:0;height:28px;min-height:28px;margin:0;font-size:11px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(select,input:not([type=checkbox])){color:#f1f5f9;background:#223044;border:1px solid #738aa36b;border-radius:5px;padding:2px 5px;font-family:inherit}.smart-quick-build-setup-photos .smart-quick-build-photo-settings input[type=color]{padding:2px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings .compact-value-control{padding:0 3px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings .compact-value-control output{font-size:11px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings .generation-value-control .compact-value-control{grid-template-columns:max-content minmax(0,1fr) max-content}.smart-quick-build-setup-photos .smart-quick-build-photo-settings .generation-value-control .compact-value-control>span{font-size:10px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings button:not(.compact-value-control):not([role=combobox]):not(.attribute-scope-button):not(.background-main-action):not([data-background-guide-control]){min-height:28px;color:var(--action-secondary-ink);border:1px solid var(--action-secondary-border);border-radius:var(--recipe-button-radius,5px);background:var(--action-secondary-bg);box-shadow:var(--action-secondary-shadow);font-size:11px;font-weight:var(--recipe-button-weight,700);white-space:nowrap;padding:3px 6px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings button:not(.compact-value-control):not([role=combobox]):not(.attribute-scope-button):not(.background-main-action):not([data-background-guide-control]):hover:not(:disabled){border-color:var(--action-secondary-hover-border);background:var(--action-secondary-hover)}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(button[aria-pressed=true],button[role=tab][aria-selected=true]):not(:disabled):not(.compact-value-control):not([role=combobox]):not(.attribute-scope-button):not(.background-main-action):not([data-background-guide-control]){color:var(--action-selected-ink);border-color:var(--action-selected-border);background:var(--action-selected-bg);box-shadow:var(--action-selected-shadow)}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(button,input,select):focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.smart-quick-build-setup-photos .smart-quick-build-photo-settings button:disabled:not(.compact-value-control):not([role=combobox]):not(.attribute-scope-button):not(.background-main-action):not([data-background-guide-control]){color:var(--action-disabled-ink);border-color:var(--action-disabled-border);background:var(--action-disabled-bg);box-shadow:none}.smart-quick-build-setup-photos .smart-quick-build-photo-settings button[role=combobox]:disabled{box-shadow:none;background:0 0;border:0}.smart-quick-build-setup-photos .smart-quick-build-photo-settings :is(button,input,select):disabled{cursor:default;opacity:.48}.smart-quick-build-photo-settings{min-width:0;height:52px;padding:var(--attribute-card-padding);background:#101c2bd9;border:1px solid #71839c50;border-radius:6px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px;display:grid}.smart-quick-build-photo-settings .smart-quick-build-recipe-photo-heading{align-content:center;gap:5px;min-width:0;display:grid}.smart-quick-build-photo-settings .smart-quick-build-recipe-photo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.smart-quick-build-setup-photos{grid-template-rows:auto auto 52px auto minmax(0,1fr)}.smart-quick-build-setup-photos:has(>.smart-quick-build-browser-photos){grid-template-rows:auto auto 52px minmax(0,1fr)}.recipe-guide{width:min(420px,100vw - 32px);color:var(--attribute-ui-ink);background:var(--attribute-ui-card-bg);border:1px solid var(--attribute-ui-card-border);border-radius:12px;margin:auto;padding:18px;font-family:inherit;font-size:13px;line-height:1.5;box-shadow:0 14px 60px #0008}.recipe-guide::backdrop{background:#05101c55}.recipe-guide-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.recipe-guide-heading>strong{font-size:16px}.recipe-guide p{margin:12px 0 0}
.master-background-sticker-controls{border:1px solid #94a3b82e;border-radius:9px;gap:10px;min-width:0;margin:0;padding:10px 12px;display:grid}.master-background-sticker-controls legend,.master-background-sticker-controls strong{color:#f8fafc;font-size:12px}.master-background-sticker-controls p,.master-background-sticker-controls small{color:#e2e8f0b3;margin:0;font-size:11px}.master-background-motif-choices,.master-background-motif-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.master-background-motif-choice{text-align:left;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.master-background-motif-choice>span:nth-last-child(2){flex:1;gap:4px;min-width:0;display:grid}.master-background-motif-choice small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.master-background-motif-preview{background:#f4ece7 50%/contain no-repeat;border-radius:5px;flex:0 0 40px;width:40px;height:40px}.master-background-motif-picker{gap:8px;min-width:0;display:grid}.master-background-motif-picker-heading,.master-background-motif-picker-heading>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.master-background-motif-picker .button{min-height:30px;padding:4px 10px;font-size:11px}.master-background-motif-filters label{color:#e2e8f0;gap:4px;min-width:0;font-size:11px;display:grid}.master-background-motif-filters input,.master-background-motif-filters select{width:100%;min-width:0;height:34px;font:inherit}.master-background-motif-picker .sticker-browser{max-height:250px;overflow:auto}.master-background-motif-picker .sticker-library{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
.first-use-tutorial{vertical-align:middle;flex:none;align-items:center;display:inline-flex}.tutorial-section-title{align-items:center;gap:8px;display:flex}.smart-quick-build-panel-title .first-use-tutorial{overflow:visible}.first-use-tutorial .first-use-tutorial-trigger{color:#e2e8f0;cursor:pointer;background:#253244;border:1px solid #94a3b88c;border-radius:50%;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;margin:0;padding:0;font-size:14px;font-weight:700;line-height:1;display:inline-grid}.first-use-tutorial .first-use-tutorial-trigger:hover,.first-use-tutorial .first-use-tutorial-trigger[aria-expanded=true]{color:#fff;background:#3c3840;border-color:#f7b76b}.first-use-tutorial-card{top:max(80px, calc(env(safe-area-inset-top) + 16px));right:max(16px, env(safe-area-inset-right));z-index:1250;width:min(360px,100vw - 32px);max-height:calc(100dvh - 104px - env(safe-area-inset-bottom));overscroll-behavior:contain;box-sizing:border-box;color:#f8fafc;text-align:left;background:#172230;border:1px solid #f7b76ba6;border-radius:14px;gap:10px;padding:16px;font-family:inherit;display:grid;position:fixed;overflow-y:auto;box-shadow:0 14px 42px #00000061}.first-use-tutorial-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.first-use-tutorial-heading strong{color:#ffcd92;font-size:15px}.first-use-tutorial-card .first-use-tutorial-dismiss{color:#f8fafc;cursor:pointer;background:#263447;border:1px solid #94a3b873;border-radius:8px;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;margin:0;padding:0;font-size:22px;font-weight:400;line-height:1;display:inline-grid}.first-use-tutorial-card p{color:#f1f5f9;margin:0;font-size:13px;line-height:1.55}.first-use-tutorial-card small{color:#bcc9d8;font-size:11px;line-height:1.4}.first-use-tutorial .first-use-tutorial-trigger:focus-visible,.first-use-tutorial-card .first-use-tutorial-dismiss:focus-visible{outline-offset:3px;outline:2px solid #ffcd92}@media (max-height:450px){.first-use-tutorial-card{top:max(12px, env(safe-area-inset-top));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
:root{--action-glass-reflection:linear-gradient(115deg, #ffffff26, #ffffff06 42%, transparent 56%);--action-state-transition:color .14s ease, border-color .14s ease, box-shadow .14s ease;--action-secondary-tint:#96baff;--action-secondary-bg:var(--action-glass-reflection), linear-gradient(180deg, #4b6c87, #34516b);--action-secondary-hover:var(--action-glass-reflection), linear-gradient(180deg, #5e829e, #426781);--action-secondary-border:#a7c9dfc7;--action-secondary-hover-border:#dbf5ff;--action-secondary-ink:#f7fcff;--action-secondary-shadow:inset 0 1px 0 #ecf6ff80, inset 0 -1px 0 #060c1e99, 0 2px 5px #02061740;--action-selected-bg:var(--action-glass-reflection), linear-gradient(180deg, #b5f2f3, #61cbd6);--action-selected-ink:#092d3a;--action-selected-accent:#61cbd6;--action-selected-border:#d5ffff;--action-selected-indicator:#167784;--action-selected-shadow:inset 0 1px 0 #ffffffb3, inset 0 -2px 0 var(--action-selected-indicator), 0 0 10px #61cbd638;--action-navigation-bg:var(--action-glass-reflection), linear-gradient(180deg, #668da4, #3e657e 58%, #4b788e);--action-navigation-hover:var(--action-glass-reflection), linear-gradient(180deg, #7aa5b8, #527f96 58%, #6097ac);--action-navigation-border:#b5deead4;--action-navigation-hover-border:#d0e9f4;--action-navigation-ink:#f3faff;--action-navigation-shadow:inset 0 1px 0 #e1f6ff99, inset 0 -1px 0 #09172499, 0 2px 8px #071c334d;--action-primary-bg:radial-gradient(ellipse at 20% 0%, #fff8, transparent 50%), linear-gradient(115deg, #ffac3d 0%, #ff7438 48%, #ff425f 100%);--action-primary-hover:radial-gradient(ellipse at 20% 0%, #fff9, transparent 50%), linear-gradient(115deg, #ffbd57 0%, #ff8b48 48%, #ff5b75 100%);--action-primary-selected-bg:radial-gradient(ellipse at 25% 0%, #fff5, transparent 55%), linear-gradient(115deg, #c64b16, #bd3425 48%, #a91d3c);--action-primary-selected-border:#ffe0aa;--action-primary-selected-shadow:inset 0 -3px 0 #ffe0aa, inset 0 1px 0 #ffffff80, 0 0 10px #ff713d66;--action-primary-ink:#fff;--action-primary-border:#ffd8a3;--action-primary-shadow:0 6px 18px #ff5e6259, 0 0 18px #ff9e3433, inset 0 1px 0 #ffffffb3, inset 0 -2px 4px #92233840;--action-primary-hover-shadow:0 8px 24px #ff5e6273, 0 0 24px #ff9e344d, inset 0 1px 0 #fffc, inset 0 -2px 4px #92233840;--action-primary-pressed-shadow:0 3px 12px #ff5e624d, inset 0 2px 5px #92233866;--action-primary-icon-shadow:0 1px 2px #92233833;--action-group-bg:#101f2de6;--action-group-border:#89afc766;--action-focus:#b6f3ff;--action-disabled-bg:#202936;--action-disabled-ink:#94a2b5;--action-disabled-border:#4f6177;--attribute-card-gap:5px;--attribute-card-padding:5px;--attribute-card-height:152px;--attribute-ui-ink:#edf6ff;--attribute-ui-muted:#a6b8cd;--attribute-ui-select-arrow:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5 6 7.5l3-3' fill='none' stroke='%2393a3b5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7'/%3E%3C/svg%3E");--attribute-ui-card-bg:linear-gradient(145deg, #1a2b3ef2, #0d192bf5);--attribute-ui-card-border:#58708a7a;--attribute-ui-card-shadow:inset 0 1px 0 #e5f4ff0d, 0 3px 9px #02081728;--attribute-ui-setting-bg:linear-gradient(180deg, #19293b, #111d2d);--attribute-ui-setting-border:#6b85a45c;--attribute-ui-setting-shadow:inset 0 1px 3px #050e1b70, inset 0 -1px 0 #d0ebff08;--attribute-ui-command-bg:linear-gradient(135deg, #237d96, #285678 66%, #364e82);--attribute-ui-command-hover:linear-gradient(135deg, #3296ae, #326b8f 66%, #425e98);--attribute-ui-command-border:#87e8f5b3;--attribute-ui-command-ink:#f5fdff;--attribute-ui-command-shadow:inset 0 1px 0 #d3fbff45, inset 0 -1px 0 #05172e88, 0 2px 6px #04112255;--attribute-ui-selected-bg:linear-gradient(145deg, #295562, #203c58);--attribute-ui-selected-border:#91e6f2;--attribute-ui-selected-ink:#e9fcff;--attribute-ui-selected-shadow:inset 0 0 0 1px #91e6f240, inset 0 -2px 0 #91e6f2, 0 0 8px #67d8e218;--attribute-ui-focus:#baf5ff;--attribute-ui-disabled-bg:#172231;--attribute-ui-disabled-border:#53677b66;--attribute-ui-disabled-ink:#8e9fb3}.editor-body .fixed-workflow-attributes,.editor-body .fixed-workflow-attributes :is(.toolbar-subgroup-border,.toolbar-subgroup-shadow,[data-tone],[data-attribute-kind]),.editor-body .smart-quick-build-recipe[data-editor=true],.editor-body .smart-quick-build-recipe[data-editor=true] :is([data-tone],.recipe-attribute-box){--attribute-ui-ink:#f2f8ff;--attribute-ui-muted:#becddc;--attribute-ui-card-bg:linear-gradient(115deg, #ffffff05, transparent 45%), radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--attribute-accent) 20%, transparent), transparent 85%), linear-gradient(145deg, #142436, #0e192a);--attribute-ui-card-border:color-mix(in srgb, var(--attribute-accent) 48%, #344861);--attribute-ui-card-shadow:inset 0 1px 0 color-mix(in srgb, var(--attribute-accent) 24%, transparent), inset 0 -1px 0 #02081755, 0 3px 9px #02081730;--attribute-ui-setting-bg:linear-gradient(180deg, color-mix(in srgb, var(--attribute-accent) 7%, #182739), color-mix(in srgb, var(--attribute-accent) 3%, #101b2b));--attribute-ui-setting-border:color-mix(in srgb, var(--attribute-accent) 28%, #34465e);--attribute-ui-command-bg:linear-gradient(135deg, color-mix(in srgb, var(--attribute-accent) 45%, #173646), color-mix(in srgb, var(--attribute-accent) 29%, #15243c));--attribute-ui-command-hover:linear-gradient(135deg, color-mix(in srgb, var(--attribute-accent) 52%, #173646), color-mix(in srgb, var(--attribute-accent) 36%, #15243c));--attribute-ui-command-border:color-mix(in srgb, var(--attribute-accent) 76%, #6e91a9);--attribute-ui-command-ink:#f7fcff;--attribute-ui-command-shadow:inset 0 1px 0 #ffffff32, inset 0 -2px 0 color-mix(in srgb, var(--attribute-accent) 50%, #071426), 0 2px 6px #04112255;--attribute-ui-selected-bg:linear-gradient(145deg, color-mix(in srgb, var(--attribute-accent) 78%, #edfaff), color-mix(in srgb, var(--attribute-accent) 65%, #406079));--attribute-ui-selected-border:color-mix(in srgb, var(--attribute-accent) 65%, #fff);--attribute-ui-selected-ink:#102735;--attribute-ui-selected-shadow:inset 0 1px 0 #ffffff70, inset 0 -2px 0 color-mix(in srgb, var(--attribute-accent) 60%, #1d4a58), 0 0 9px color-mix(in srgb, var(--attribute-accent) 15%, transparent);--attribute-ui-focus:color-mix(in srgb, var(--attribute-accent) 60%, #fff)}.editor-body .fixed-workflow-attributes :is([data-tone=photo],[data-tone=photos],[data-attribute-kind=photo]){--attribute-accent:#7be5be;--pattern-accent:var(--attribute-accent)}.editor-body .fixed-workflow-attributes :is([data-tone=sticker],[data-tone=stickers],[data-attribute-kind=sticker]){--attribute-accent:#f7a8ce;--pattern-accent:var(--attribute-accent)}.editor-body .fixed-workflow-attributes :is([data-tone=text],[data-attribute-kind=text]){--attribute-accent:#c7afff;--pattern-accent:var(--attribute-accent)}.editor-body .fixed-workflow-attributes :is([data-tone=background],[data-attribute-kind=background]){--attribute-accent:#6ee4f0;--pattern-accent:var(--attribute-accent)}.editor-body .fixed-workflow-attributes [data-tone=border]{--attribute-accent:#ffd080}.editor-body .fixed-workflow-attributes [data-tone=shadow]{--attribute-accent:#a4bdff}.action-navigation,.selection-properties-header,.canvas-bottom-shell,.canvas-spread-navigation,.editor-panel-edge-toggle{--action-secondary-bg:var(--action-navigation-bg);--action-secondary-hover:var(--action-navigation-hover);--action-secondary-border:var(--action-navigation-border);--action-secondary-hover-border:var(--action-navigation-hover-border);--action-secondary-ink:var(--action-navigation-ink);--action-secondary-shadow:var(--action-navigation-shadow)}.action-navigation,.editor-shell :is(.selection-properties-panel,.canvas-bottom-shell) button{transition:var(--action-state-transition)}@media (prefers-reduced-motion:reduce){:root{--action-state-transition:none}}.editor-shell .first-use-tutorial-trigger{color:var(--action-secondary-ink);border-color:var(--action-secondary-border);background:var(--action-secondary-bg);box-shadow:var(--action-secondary-shadow)}.editor-shell .first-use-tutorial-trigger:hover:not(:disabled){color:var(--action-secondary-ink);border-color:var(--action-secondary-hover-border);background:var(--action-secondary-hover)}.editor-shell .first-use-tutorial-trigger[aria-expanded=true]:not(:disabled){color:var(--action-selected-ink);border-color:var(--action-selected-border);background:var(--action-selected-bg);box-shadow:var(--action-selected-shadow)}.editor-topbar :is(.quick-build-trigger,.pdf-purchase-control){--action-primary-ink:#fff;--topbar-icon-accent:#fff;color:#fff;text-shadow:0 1px 2px #71301599}.editor-shell .canvas-spread-overlay .canvas-background-edit-action:not(:disabled){color:var(--action-primary-ink);border-color:var(--action-primary-border);background:var(--action-primary-bg);box-shadow:var(--action-primary-shadow);text-shadow:0 1px 2px #71301599}.editor-shell .canvas-spread-overlay .canvas-background-edit-action:hover:not(:disabled){background:var(--action-primary-hover);border-color:#fff4e2}.editor-shell.smart-quick-build-overlay .button.primary:not(:disabled),.editor-shell.smart-quick-build-overlay .button.primary:not(:disabled) :is(strong,small,span){color:var(--action-primary-ink);text-shadow:0 1px 2px #71301599}.editor-shell .canvas-background-edit-action,.editor-shell.smart-quick-build-overlay .button.primary{--action-selected-bg:var(--action-primary-selected-bg);--action-selected-ink:#fff;--action-selected-accent:#ffe0aa;--action-selected-indicator:#ffe0aa;--action-selected-border:var(--action-primary-selected-border);--action-selected-shadow:var(--action-primary-selected-shadow);--attribute-active-bg:var(--action-primary-selected-bg);--action-secondary-bg:var(--action-primary-bg);--action-secondary-hover:var(--action-primary-hover);--action-secondary-ink:#fff;--action-secondary-border:var(--action-primary-border);--action-secondary-hover-border:#fff4e2;--action-secondary-shadow:var(--action-primary-shadow);--action-focus:#ffe0aa}.editor-shell .canvas-background-edit-action[aria-pressed=true]:not(:disabled){color:#fff;background:var(--action-primary-selected-bg);border-color:var(--action-primary-selected-border);box-shadow:var(--action-primary-selected-shadow)}