.studio-composer{z-index:15;align-items:flex-end;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);padding-left:max(var(--space-md), env(safe-area-inset-left,0px));padding-right:max(var(--space-md), env(safe-area-inset-right,0px));pointer-events:none;background:0 0;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-composer>*{pointer-events:auto}.studio-composer__field{--composer-send-size:36px;--composer-send-inset:4px;--composer-send-gap:6px;--composer-send-clearance:calc(var(--composer-send-size) + var(--composer-send-inset) + var(--composer-send-gap));border-radius:var(--radius-xl);border:1px solid var(--glass-edge-color);background:var(--glass-fill-menu);min-width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);flex-direction:column;flex:auto;display:flex;position:relative;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff05}.studio-composer__field--dragging{border-color:color-mix(in srgb, var(--token-accent) 45%, var(--glass-edge-color));background:color-mix(in srgb, var(--token-accent) 8%, var(--glass-fill-menu))}.studio-composer__row{align-items:flex-end;width:100%;min-width:0;display:flex}.studio-composer__skills{flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:10px 12px 0;list-style:none;display:flex}.studio-composer__skill-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--token-accent) 12%, transparent);max-width:100%;color:var(--token-accent);border:1px solid color-mix(in srgb, var(--token-accent) 28%, transparent);align-items:center;gap:4px;padding:4px 4px 4px 10px;display:inline-flex}.studio-composer__skill-chip-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:590;line-height:1.3;overflow:hidden}.studio-composer__skill-chip-remove{background:color-mix(in srgb, var(--token-accent) 18%, transparent);width:20px;height:20px;color:var(--token-accent);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.studio-composer__skill-chip-remove:hover{background:color-mix(in srgb, var(--token-accent) 28%, transparent)}}.studio-composer__attachments{flex-wrap:wrap;gap:8px;margin:0;padding:10px 12px 0;list-style:none;display:flex}.studio-composer__attachment{background:color-mix(in srgb, var(--token-text-primary) 6%, transparent);border:1px solid color-mix(in srgb, var(--token-text-primary) 10%, transparent);border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}.studio-composer__attachment img{object-fit:cover;width:100%;height:100%;display:block}.studio-composer__attachment-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:3px;right:3px}.studio-composer__attach{border-radius:var(--radius-full);width:36px;height:36px;color:color-mix(in srgb, var(--glass-text) 62%, transparent);cursor:pointer;transition:color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);background:0 0;border:none;flex:none;place-items:center;margin:4px 0 4px 4px;display:grid}.studio-composer__attach:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.studio-composer__attach:not(:disabled):hover{color:var(--glass-text);background:color-mix(in srgb, var(--token-text-primary) 8%, transparent)}}.studio-composer__attach:focus-visible{box-shadow:0 0 0 2px var(--token-surface), 0 0 0 4px var(--token-accent);outline:none}.studio-composer__attach.is-active,.studio-composer__attach.is-open{color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 12%, transparent)}.studio-composer__attach-glyph{place-items:center;display:grid}.studio-composer__menu{inset-inline-start:0;bottom:calc(100% + var(--space-2xs));z-index:13;transform-origin:22px 100%;border:1px solid var(--token-border);border-radius:var(--radius-lg);background:var(--token-surface-elevated);width:max-content;max-width:100%;max-height:min(320px,45vh);box-shadow:var(--elevation-3,0 16px 40px #0000002e);pointer-events:auto;flex-direction:column;display:flex;position:absolute;overflow:hidden}.studio-composer__menu--expanded{width:100%}.studio-composer__menu-scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-2xs);flex:auto;overflow-y:auto}.studio-composer__menu-view{gap:var(--space-3xs);justify-items:stretch;display:grid}.studio-composer__menu-actions{justify-items:stretch;display:grid}.studio-composer__menu-action{align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--token-text-primary);cursor:pointer;font:inherit;letter-spacing:-.01em;text-align:start;white-space:nowrap;background:0 0;border:none;font-size:15px;font-weight:590;display:flex}.studio-composer__menu-action:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.studio-composer__menu-action:not(:disabled):hover{background:var(--token-fill-subtle)}}.studio-composer__menu-action:focus-visible{box-shadow:inset 0 0 0 2px var(--token-accent);outline:none}.studio-composer__menu-action-icon{width:28px;height:28px;color:var(--token-text-secondary);flex:none;place-items:center;display:grid}.studio-composer__menu-action-label{white-space:nowrap;flex:0 auto;min-width:0}.studio-composer__menu-back{align-items:center;gap:var(--space-3xs);width:fit-content;padding:var(--space-2xs) var(--space-sm);border-radius:calc(var(--radius-xl) - var(--space-2xs));cursor:pointer;font:inherit;letter-spacing:-.01em;color:var(--token-text-secondary);text-align:start;-webkit-tap-highlight-color:transparent;transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;border:none;margin:0;font-size:14px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.studio-composer__menu-back:hover{background:var(--token-fill-subtle);color:var(--token-text-primary)}}.studio-composer__menu-back:active{background:var(--token-fill-light);color:var(--token-text-primary)}.studio-composer__menu-back:focus-visible{box-shadow:0 0 0 2px var(--token-surface), 0 0 0 4px var(--token-accent);outline:none}.studio-composer__skill-menu-hint{padding:var(--space-2xs) var(--space-xs) var(--space-3xs);color:var(--token-text-tertiary);margin:0;font-size:12px;line-height:1.35}.studio-composer__skill-option{align-items:flex-start;gap:var(--space-xs);min-height:44px;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--token-text-primary);cursor:pointer;font:inherit;text-align:start;background:0 0;border:none;display:flex}@media (hover:hover) and (pointer:fine){.studio-composer__skill-option:hover{background:var(--token-fill-subtle)}}.studio-composer__skill-option.is-selected{background:color-mix(in srgb, var(--token-accent) 10%, transparent)}.studio-composer__skill-option-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.studio-composer__skill-option-text strong{font-size:14px;font-weight:590}.studio-composer__skill-option-text small{color:var(--token-text-tertiary);font-size:12px;line-height:1.35}.studio[dir=rtl] .studio-composer__skill-option-text strong,.studio[dir=rtl] .studio-composer__skill-option-text small{unicode-bidi:plaintext}.studio-composer__skill-option-check{color:var(--token-accent);flex-shrink:0;margin-top:2px}.studio-composer__drop-hint{border-radius:inherit;background:color-mix(in srgb, var(--token-accent) 10%, transparent);color:var(--token-accent);pointer-events:none;z-index:2;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}@media (prefers-color-scheme:dark){.studio-composer__field{box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0a}}.studio-composer__field:focus-within{border-color:color-mix(in srgb, var(--token-text-primary) 14%, var(--glass-edge-color))}@media (prefers-reduced-transparency:reduce){.studio-composer__field{background:var(--token-surface);border-color:var(--token-border);-webkit-backdrop-filter:none;backdrop-filter:none}.studio-composer__input{color:var(--token-text-primary)}.studio-composer__input::placeholder{color:var(--token-text-tertiary)}}.studio-composer__input{resize:none;scrollbar-width:none;min-width:0;min-height:44px;max-height:140px;padding:11px var(--space-sm);padding-right:calc(var(--space-sm) + var(--composer-send-clearance));color:var(--glass-text);font:inherit;text-align:start;unicode-bidi:plaintext;background:0 0;border:none;outline:none;flex:auto;font-size:16px;line-height:1.4;overflow-y:auto}.studio[dir=rtl] .studio-composer__input{padding-right:var(--space-sm);padding-left:calc(var(--space-sm) + var(--composer-send-clearance))}.studio:not([dir=rtl]) .studio-composer__field:not(.studio-composer__field--attachable) .studio-composer__input{padding-left:var(--space-md)}.studio[dir=rtl] .studio-composer__field:not(.studio-composer__field--attachable) .studio-composer__input{padding-right:var(--space-md)}.studio-composer__input::placeholder{color:color-mix(in srgb, var(--glass-text) 38%, transparent);text-align:start;unicode-bidi:isolate}.studio-composer__input::-webkit-scrollbar{width:0;height:0}.studio-composer__send{inset-inline-end:var(--composer-send-inset);width:var(--composer-send-size);height:var(--composer-send-size);border-radius:var(--radius-full);background:var(--token-accent);color:var(--on-accent);cursor:pointer;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:none;place-items:center;display:grid;position:absolute;bottom:4px}@media (prefers-color-scheme:light){.studio-composer__send{color:var(--on-accent-inverse)}}.studio-composer__send:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.studio-composer__send:not(:disabled):hover{opacity:.9}.studio-composer__send:not(:disabled):active{transform:scale(.94)}}.studio-composer__send:focus-visible{box-shadow:0 0 0 2px var(--token-surface), 0 0 0 4px var(--token-accent);outline:none}
.studio-photo-viewer{z-index:var(--z-chat-backdrop,10000);padding:max(var(--space-xl), env(safe-area-inset-top,0px)) max(var(--space-lg), env(safe-area-inset-right,0px)) max(var(--space-xl), env(safe-area-inset-bottom,0px)) max(var(--space-lg), env(safe-area-inset-left,0px));cursor:zoom-out;-webkit-tap-highlight-color:transparent;background:#000;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.studio-photo-viewer__image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default;touch-action:pan-y;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.studio-photo-viewer__close,.studio-photo-viewer__step{z-index:2;color:#fff;background:#ffffff24;position:absolute}.studio-photo-viewer__close{top:max(var(--space-sm), env(safe-area-inset-top,0px));inset-inline-end:max(var(--space-sm), env(safe-area-inset-right,0px))}.studio-photo-viewer__step{margin-block:auto;top:0;bottom:0}.studio-photo-viewer__step--prev{inset-inline-start:max(var(--space-sm), env(safe-area-inset-left,0px))}.studio-photo-viewer__step--next{inset-inline-end:max(var(--space-sm), env(safe-area-inset-right,0px))}.studio-photo-viewer .studio-photo-viewer__close:active,.studio-photo-viewer .studio-photo-viewer__step:active{color:#fff;background:#ffffff4d}@media (hover:hover) and (pointer:fine){.studio-photo-viewer .studio-photo-viewer__close:hover,.studio-photo-viewer .studio-photo-viewer__step:hover{color:#fff;background:#ffffff3d}}.studio-photo-viewer__close:focus-visible,.studio-photo-viewer__step:focus-visible,.studio-photo-viewer__dot button:focus-visible{outline:none;box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.studio-photo-viewer__dots{z-index:2;bottom:max(var(--space-md), env(safe-area-inset-bottom,0px));gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.studio-photo-viewer__dot button{border-radius:var(--radius-full);cursor:pointer;background:#ffffff59;border:0;width:8px;height:8px;padding:0;display:block}.studio-photo-viewer__dot.is-current button{background:#fff}.studio-photo-viewer__dot button{position:relative}.studio-photo-viewer__dot button:before{content:"";position:absolute;inset:-18px}