.studio-composer-shell{padding:0 0 18px}.studio-composer-shell:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(8px);height:calc(100% + 36px);position:absolute;bottom:0;left:-32px;right:-32px;-webkit-mask-image:linear-gradient(0deg,#000 0,#0009 45%,#0000 100%);mask-image:linear-gradient(0deg,#000 0,#0009 45%,#0000 100%)}.studio-composer,.studio-composer[data-media=image],.studio-composer[data-media=video]{gap:0;max-width:980px;transition:none}.studio-composer{grid-template-columns:minmax(0,1fr)}html[data-studio-theme] .studio-composer .studio-composer-field{border:1px solid var(--studio-border);background:var(--studio-surface);min-width:0;box-shadow:var(--studio-shadow-dock);grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;transition:border-color .16s,box-shadow .16s;border-radius:32px!important}html[data-studio-theme] .studio-composer .studio-composer-field:focus-within{border-color:var(--studio-border-hover);box-shadow:var(--studio-shadow-dock-active)}.studio-composer.is-over-dock .studio-composer-field{border-color:var(--studio-accent)!important;box-shadow:0 0 0 3px var(--studio-halo-inset)!important}html[data-studio-theme] .studio-composer .studio-composer-input{min-height:52px;max-height:176px;padding:6px 8px 2px;font-size:15px;line-height:24px}.studio-composer .studio-composer-mentions{margin-inline:2px}.studio-composer .studio-composer-refs{align-items:center;gap:8px;padding:2px 2px 4px}.studio-composer .studio-composer-refs [data-slot=attachment]{background:0 0;border-radius:12px;width:58px;padding:0}.studio-composer .studio-composer-refs [data-slot=attachment-media]{height:58px;box-shadow:inset 0 0 0 1px var(--studio-line);border-radius:12px}.studio-composer .studio-composer-controls{flex-wrap:nowrap;align-items:flex-end;gap:10px;display:flex}.studio-composer-settings{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.studio-composer-settings::-webkit-scrollbar{display:none}.studio-composer-settings>*{flex:none}.studio-composer-settings[data-overflowing=true]:not([data-at-end=true]){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}html[data-studio-theme] .studio-composer .studio-composer-pill{height:34px;color:var(--studio-text-soft);background:0 0;border:0;gap:6px;padding-inline:10px;font-size:12.5px;font-weight:500;position:relative}html[data-studio-theme] .studio-composer .studio-composer-pill:hover:not(:disabled){background:var(--studio-fill-soft);color:var(--studio-fg)}html[data-studio-theme] .studio-composer .studio-composer-pill[data-popup-open]{background:var(--studio-fill-strong);color:var(--studio-fg)}.studio-composer .studio-composer-pill svg{width:15px;height:15px}html[data-studio-theme] .studio-composer .studio-composer-pill[data-set]{background:var(--studio-fill-soft);color:var(--studio-fg)}.studio-composer .studio-composer-pill[data-set]:after{content:none}.studio-composer-pill-sep{color:var(--studio-dot);margin-inline:-2px}.studio-composer .studio-opt-direction-thumb{width:20px;height:20px;margin-left:-4px}html[data-studio-theme] .studio-composer .studio-composer-icon{justify-content:center;width:34px;padding:0}.studio-composer-badge{border:2px solid var(--studio-surface);background:var(--studio-fg);min-width:15px;height:15px;color:var(--studio-bg);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:2px;right:1px}html[data-studio-theme] .studio-composer .studio-composer-modes{background:var(--studio-fill-soft);gap:2px;height:34px;padding:3px}html[data-studio-theme] .studio-composer .studio-composer-modes button{height:28px;color:var(--studio-muted);gap:5px;padding-inline:10px;font-size:12.5px;font-weight:500}html[data-studio-theme] .studio-composer .studio-composer-modes button[data-active=true]{background:var(--studio-surface);color:var(--studio-fg);box-shadow:0 0 0 1px var(--studio-border), var(--studio-shadow-segment)}.studio-composer .studio-composer-modes svg{width:14px;height:14px}.studio-composer .studio-composer-swap{flex:none}.studio-composer-divider{background:var(--studio-line);flex:none;width:1px;height:18px;margin-inline:6px}.studio-composer .studio-composer-pill-glyph{height:12px}.studio-composer .studio-composer-submit{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}html[data-studio-theme] .studio-composer .studio-composer-generate{--corner:50%;background:var(--studio-accent);width:40px;height:40px;color:var(--studio-accent-fg);cursor:pointer;border:0;flex:none;place-items:center;margin-left:4px;padding:0;transition:background .14s,transform .12s;display:grid;border-radius:var(--corner)!important}html[data-studio-theme] .studio-composer .studio-composer-generate:hover:not(:disabled){background:var(--studio-accent-hover)}html[data-studio-theme] .studio-composer .studio-composer-generate:active:not(:disabled){transform:scale(.96)}html[data-studio-theme] .studio-composer .studio-composer-generate:disabled{background:var(--studio-fill-strong);color:var(--studio-disabled-fg);cursor:not-allowed}html[data-studio-theme] .studio-composer .studio-composer-generate:focus-visible{outline:2px solid var(--studio-keyboard-focus)!important;outline-offset:2px!important}.studio-composer .studio-composer-generate svg{width:18px;height:18px;transition:transform .32s cubic-bezier(.3,1.4,.5,1)}.studio-composer .studio-composer-generate:hover:not(:disabled) svg{transform:rotate(90deg)}.studio-composer .studio-composer-cost{color:var(--studio-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:7ch;margin-left:6px;font-size:12px;display:inline-block}.studio-composer .studio-composer-cost[data-short]{color:var(--studio-alert)}html[data-studio-theme] .studio-composer .studio-composer-controls{align-items:center}@media (max-width:900px){html[data-studio-theme] .studio-composer .studio-composer-field{padding:8px;border-radius:28px!important}html[data-studio-theme] .studio-composer .studio-composer-pill{height:34px;padding-inline:9px;font-size:12px}html[data-studio-theme] .studio-composer .studio-composer-generate{width:38px;height:38px}}@media (max-width:680px){.studio-composer-shell{padding-bottom:10px}.studio-composer-shell:before{left:-14px;right:-14px}html[data-studio-theme] .studio-composer .studio-composer-input{min-height:44px;font-size:16px}html[data-studio-theme] .studio-composer .studio-composer-controls{align-items:center;overflow:visible;-webkit-mask-image:none;mask-image:none}.studio-composer .studio-composer-cost{display:none}}@media (prefers-reduced-motion:reduce){html[data-studio-theme] .studio-composer .studio-composer-generate,html[data-studio-theme] .studio-composer .studio-composer-field{transition:none}}html[data-studio-theme] .studio-composer .studio-composer-duration{background:var(--studio-fill-soft);color:var(--studio-fg);cursor:default;gap:8px;padding-inline:10px 3px}.studio-composer .studio-composer-duration .studio-composer-slider{--thumb:28px;height:28px}.studio-composer .studio-composer-duration-slot[data-open=false]{margin-inline-start:-2px}html[data-studio-theme] .studio-composer .studio-composer-slot{border:1px dashed var(--studio-border);max-width:150px;height:40px;color:var(--studio-text-soft);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:0 12px 0 5px;font-size:12.5px;font-weight:500;transition:border-color .14s,background .14s,color .14s;display:inline-flex;position:relative;border-radius:999px!important}html[data-studio-theme] .studio-composer .studio-composer-slot:hover,html[data-studio-theme] .studio-composer .studio-composer-slot[data-popup-open]{border-color:var(--studio-border-hover);color:var(--studio-fg)}html[data-studio-theme] .studio-composer .studio-composer-slot[data-filled]{border-style:solid;border-color:var(--studio-line);background:var(--studio-fill-soft);color:var(--studio-fg)}.studio-composer-slot-plus{background:var(--studio-fill-soft);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.studio-composer-slot-plus svg{width:14px;height:14px}.studio-composer-slot-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.studio-composer-slot-faces{flex:none;display:flex}.studio-composer-slot-faces>span{border:2px solid var(--studio-surface);background:var(--studio-placeholder);border-radius:50%;width:30px;height:30px;position:relative;overflow:hidden}.studio-composer-slot-faces>span+span{margin-left:-12px}.studio-composer-slot[data-kind=avatar] .studio-composer-slot-faces img{object-fit:cover;object-position:50% 22%;display:block}.studio-composer-slot[data-kind=product] .studio-composer-slot-faces>span{background:var(--studio-surface)}.studio-composer-slot[data-kind=product] .studio-composer-slot-faces img{object-fit:contain;padding:3px}.studio-composer .studio-composer-submit{gap:4px}.studio-slot-popover{width:300px}.studio-slot-list{gap:2px;max-height:280px;display:grid;overflow-y:auto}html[data-studio-theme] .studio-slot-list button{width:100%;color:var(--studio-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;display:flex;border-radius:10px!important}html[data-studio-theme] .studio-slot-list button:hover{background:var(--studio-hover-soft)}html[data-studio-theme] .studio-slot-list button[data-active=true]{background:var(--studio-fill-soft);color:var(--studio-fg)}.studio-slot-list button>span:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.studio-slot-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.studio-slot-list small{color:var(--studio-muted);font-size:10px}.studio-slot-list button[data-active=true] .studio-opt-box{border-color:var(--studio-invert-bg);background:var(--studio-invert-bg);color:var(--studio-invert-fg)}.studio-slot-thumb{background:var(--studio-placeholder);border-radius:50%;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.studio-slot-thumb img{object-fit:cover;object-position:50% 22%;display:block}.studio-slot-thumb[data-kind=product]{background:var(--studio-bg);border-radius:9px}.studio-slot-thumb[data-kind=product] img{object-fit:contain;padding:4px}.studio-slot-empty{background:var(--studio-fill-soft);color:var(--studio-muted);border-radius:10px;margin:0;padding:10px;font-size:12px}@media (max-width:1100px){.studio-composer .studio-composer-slot-label,.studio-composer .studio-composer-mode-label{display:none}html[data-studio-theme] .studio-composer .studio-composer-slot{padding-right:5px}}.studio-composer-shell.is-centered{pointer-events:auto;padding:0;position:relative;bottom:auto}.studio-composer-shell.is-centered:before{content:none}.studio-composer-shell.is-centered .studio-composer{max-width:980px}html[data-studio-theme] .studio-composer-shell.is-centered .studio-composer-input{min-height:76px}.studio-composer .studio-opt-auto .studio-opt-direction-thumb{width:26px;height:26px;margin:0}html[data-studio-theme] .studio-composer .studio-composer-field :is(.studio-composer-pill,.studio-composer-slot,.studio-composer-modes button){border-radius:999px!important}html[data-studio-theme] .studio-composer .studio-composer-field .studio-composer-generate{border-radius:var(--corner)!important}.studio-composer .studio-composer-drop{border-radius:32px}html[data-studio-theme] .studio-composer .studio-opt-output-pill{gap:5px}.studio-opt-output-pill strong{color:var(--studio-fg);font-variant-numeric:tabular-nums;font-weight:600}.studio-opt-output-quality{color:var(--studio-text-soft)}.studio-composer .studio-composer-refs [data-slot=attachment-actions]{opacity:0;place-items:center;margin:0;transition:opacity .15s;display:grid;position:absolute;inset:0}.studio-composer .studio-composer-refs [data-slot=attachment]:is(:hover,:focus-within) [data-slot=attachment-actions]{opacity:1}.studio-composer .studio-composer-template{background:var(--studio-fill-soft);box-shadow:inset 0 0 0 1px var(--studio-line);border-radius:14px;align-items:center;gap:10px;margin:2px 2px 8px;padding:6px 8px 6px 6px;display:flex}.studio-composer-template-media{background:var(--studio-fill);border-radius:10px;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.studio-composer-template-media :is(video,img){object-fit:cover;width:100%;height:100%}.studio-composer-template-text{gap:1px;min-width:0;display:grid}.studio-composer-template-text small{color:var(--studio-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.studio-composer-template-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.studio-composer .studio-composer-template button{width:22px;height:22px;color:var(--studio-muted);border-radius:999px;flex:none;place-items:center;margin-left:auto;display:grid}.studio-composer .studio-composer-template button:hover{background:var(--studio-fill);color:var(--studio-fg)}.studio-composer .studio-composer-template svg{width:14px;height:14px}html[data-studio-theme] .studio-composer .studio-clone-drop{width:100%;min-height:56px;color:var(--studio-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 14px;font-size:15px;display:flex;border-radius:22px!important}html[data-studio-theme] .studio-composer .studio-clone-drop:hover:not(:disabled){color:var(--studio-fg,inherit);background:var(--studio-fill-soft)}.studio-composer .studio-clone-drop svg{flex:none;width:18px;height:18px}.studio-composer .studio-clone-error{color:var(--destructive,#d33);margin:0 10px 6px;font-size:13px}html[data-studio-theme] .studio-clone-link{color:var(--studio-muted);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;text-decoration:underline}@media (max-width:900px){html[data-studio-theme] .studio-composer .studio-clone-drop{border-radius:20px!important}}.studio-composer .studio-composer-refs [data-slot=attachment]{position:relative}.studio-composer .studio-composer-ref-number{z-index:2;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#080807b8;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:grid;position:absolute;top:4px;left:4px}.studio-composer .studio-composer-ref-role{z-index:2;color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#080807b8;border:0;height:18px;padding:0 4px;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden;border-radius:999px!important}.studio-ref-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}html[data-studio-theme] .studio-ref-roles button{color:var(--studio-fg,inherit);text-align:left;cursor:pointer;background:0 0;border:0;gap:1px;padding:8px 10px;display:grid;border-radius:10px!important}html[data-studio-theme] .studio-ref-roles button small{color:var(--studio-muted);font-size:11px}html[data-studio-theme] .studio-ref-roles button[data-active=true]{background:var(--studio-invert-bg);color:var(--studio-invert-fg)}html[data-studio-theme] .studio-ref-roles button[data-active=true] small{color:inherit;opacity:.75}.studio-composer .studio-composer-ref-role:not([data-set]){background:0 0;height:auto;inset:0;border-radius:12px!important}.studio-composer .studio-composer-refs [data-slot=attachment]:hover .studio-composer-ref-role:not([data-set]){box-shadow:inset 0 0 0 2px var(--studio-fg,#fff)}.studio-composer .studio-composer-refs [data-slot=attachment-actions]{z-index:3}