:root{--app-font: "TikTok Sans", system-ui, sans-serif;font-family:var(--app-font);letter-spacing:-.02em;--page-width: 1320px;--mobile-surface-inline-gap: 12px;--mobile-surface-max-width: calc(100vw - (var(--mobile-surface-inline-gap) * 2));--app-heading-size-md: clamp(1.55rem, 2.5vw, 2.15rem);--app-heading-weight: 500;--app-heading-line-height: .96;--app-heading-letter-spacing: -.045em;--bg-black: #07090a;--bg-deep: #0d1012;--bg-graphite: #171b1f;--bg-steel: #262d33;--accent-green: #AAFF00;--accent-green-rgb: 170 255 0;--neutral-control-surface: rgba(255, 255, 255, .065);--neutral-control-surface-hover: rgba(255, 255, 255, .09);--neutral-control-surface-active: rgba(255, 255, 255, .14);--neutral-control-text: rgba(235, 235, 235, .72);--neutral-control-text-strong: rgba(246, 246, 246, .96);--neutral-control-focus-ring: rgba(255, 255, 255, .18);--neutral-control-focus-ring-strong: rgba(255, 255, 255, .28);--glass-surface-background: rgba(24, 26, 28, .92);--glass-surface-border: rgba(255, 255, 255, .08);--glass-surface-shadow: 0 24px 80px rgba(0, 0, 0, .35);--glass-surface-blur: blur(26px);--panel-surface-background: rgba(24, 26, 28, .82);--panel-surface-radius: 20px;--panel-surface-blur: blur(40px);--profile-modal-transition-ms: .72s;--profile-modal-ease: cubic-bezier(.22, 1, .36, 1);color:#f3f1eb;background-color:color-mix(in srgb,var(--accent-green) 18%,#050607);background:radial-gradient(ellipse 132% 68% at 50% 112%,rgba(255,255,255,.72) 0%,rgba(214,214,214,.42) 18%,rgba(132,132,132,.2) 36%,rgba(52,52,52,.08) 54%,transparent 76%),linear-gradient(180deg,color-mix(in srgb,var(--accent-green) 18%,#050607),color-mix(in srgb,var(--accent-green) 12%,#050607) 10%,#050607 26%,#0a0b0c 76%,#1c2124);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-height:100%;background:color-mix(in srgb,var(--accent-green) 18%,#050607);overscroll-behavior-y:none;-webkit-text-size-adjust:100%}html.is-app-boot-pending,html.is-pre-app-flow{background:#000}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{position:relative;margin:0;min-width:320px;min-height:100svh;min-height:100dvh;color:#f3f1eb;background-color:color-mix(in srgb,var(--accent-green) 18%,#050607);background:radial-gradient(ellipse 128% 66% at 50% 112%,rgba(252,252,252,.62) 0%,rgba(204,204,204,.34) 18%,rgba(120,120,120,.16) 36%,rgba(44,44,44,.06) 54%,transparent 76%),linear-gradient(180deg,color-mix(in srgb,var(--accent-green) 18%,#050607),color-mix(in srgb,var(--accent-green) 12%,#050607) 10%,#050607 26%,#090a0b 76%,#1a1f22);overflow-x:hidden;overscroll-behavior-y:none}body.is-app-boot-pending,body.is-pre-app-flow{background:#000;background-color:#000}html.is-profile-surface-modal-active,body.is-profile-surface-modal-active{height:100%;overflow:hidden}#root{min-height:100svh;min-height:100dvh;background:transparent}.app-shell--reveal{opacity:0;transition:opacity .52s cubic-bezier(.22,1,.36,1);will-change:opacity}.app-shell--reveal.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.app-shell--reveal{opacity:1;transition:none}.app-shell{transition:none}.modal-frame--profile-shell .modal-frame__backdrop,.modal-frame--profile-shell .modal-frame__panel,.account-profile-modal>*,.account-profile-modal .pricing-card--profile,.pricing-checkout-modal>*{transition:none}}button,input,textarea{font:inherit}body,button,input,textarea,select,.pricing-card__price,.gallery-card__prompt,.gallery-card__debug-textarea{font-family:var(--app-font);letter-spacing:-.02em}button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,a:focus,a:focus-visible{outline:none}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button *,a *{cursor:inherit}img{display:block;max-width:100%}.app-shell{--studio-shell-padding: 14px;--studio-shell-inline-padding: var(--studio-shell-padding);--studio-shell-gap: 8px;--studio-content-gap: 8px;--studio-side-panel-width: clamp(360px, 30vw, 430px);position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;padding:var(--studio-shell-padding);padding-inline:var(--studio-shell-inline-padding);overflow:hidden;background:transparent;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),filter .52s cubic-bezier(.22,1,.36,1);will-change:opacity}.app-shell__scene{position:relative;min-height:inherit;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),filter .52s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter}.app-shell.has-studio-shell{--studio-shell-padding: var(--studio-shell-gap);--studio-shell-inline-padding: 8px;--studio-shell-block-end-padding: var(--studio-shell-gap);--studio-shell-block-start-padding: calc(var(--studio-shell-block-end-padding) + 2px);padding-block-start:var(--studio-shell-block-start-padding);padding-block-end:var(--studio-shell-block-end-padding)}.app-shell.has-studio-shell .app-shell__scene{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--studio-shell-gap);width:100%;height:calc(100dvh - var(--studio-shell-block-start-padding) - var(--studio-shell-block-end-padding));min-height:0;margin:0;padding-right:0}.app-shell__body{position:relative;min-height:0}.app-shell.has-canvas-route .app-shell__body{display:grid;width:100%;height:100%;min-height:0}@media(max-width:640px){.app-shell.has-studio-shell .app-shell__scene{display:block;width:auto;height:auto;padding-right:0;min-height:auto;padding-bottom:56vh}.app-shell.has-canvas-route .app-shell__body{min-height:62dvh}}.app-shell.is-payment-success-covered .app-shell__scene{pointer-events:none}.app-shell.is-payment-success-covered .controls-stack,.app-shell.is-profile-modal-active .controls-stack{opacity:0;pointer-events:none}.app-shell.is-profile-modal-active .app-shell__scene{opacity:.14;transform:scale(.988);filter:blur(12px) saturate(.78);pointer-events:none}.app-shell.is-empty-gallery{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000}.app-shell--boot-overlay{min-height:100%;min-height:100dvh}.app-shell__dim-layer{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .28s cubic-bezier(.22,1,.36,1)}.app-shell__dim-layer--dock-focus{z-index:13;background:#02030461}.app-shell__dim-layer--profile-hover{z-index:15;background:#0203044a}.app-shell.is-dock-focus-active .app-shell__dim-layer--dock-focus,.app-shell.is-profile-hover-active .app-shell__dim-layer--profile-hover{opacity:1}.app-shell.is-profile-hover-active .topbar{z-index:16}.ambient{position:fixed;width:30rem;height:30rem;border-radius:50%;filter:blur(96px);pointer-events:none;opacity:.34}.ambient--left{top:-10rem;left:-8rem;background:#3a4046bd}.ambient--right{top:12rem;right:-10rem;background:#78787824}.media-badge{display:inline-flex;align-items:center;gap:5px;min-width:0;min-height:24px;max-width:100%;padding:4px 8px;border:0;border-radius:999px;color:#fffffff5;background:#080809d1;box-shadow:none;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1;white-space:nowrap}.media-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;flex:0 0 13px}.media-badge__icon svg{display:block;width:100%;height:100%;fill:currentColor}.media-badge__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-canvas__item-media-badge{position:absolute;bottom:10px;left:10px;z-index:3;pointer-events:none;transform:scale(var(--studio-canvas-inverse-zoom));transform-origin:0 100%}.video-canvas__title{min-width:0;overflow:hidden;color:#f3f1ebf0;font-size:.98rem;font-weight:400;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.video-canvas .video-canvas__stage{min-width:0;min-height:0;padding:4px clamp(18px,3vw,44px) 18px}.video-canvas__stage-inner{display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;overflow:hidden}.video-canvas__frame{position:relative;isolation:isolate;width:100%;max-width:100%;max-height:100%;overflow:hidden;border-radius:12px;background:#090a0b;box-shadow:0 30px 100px #0000006b}.video-canvas__frame:before{content:"";position:absolute;right:0;bottom:0;left:0;z-index:3;height:clamp(96px,32%,180px);background:linear-gradient(to bottom,#090a0b00,#090a0b1a 34%,#090a0b9e);opacity:0;pointer-events:none;transition:opacity .18s cubic-bezier(.22,1,.36,1)}.video-canvas__player{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#090a0b;cursor:pointer}.video-canvas__player:focus-visible{outline:2px solid rgba(246,246,242,.82);outline-offset:-3px}.video-canvas__controls{position:absolute;right:16px;bottom:12px;left:16px;z-index:6;display:grid;grid-template-columns:auto auto minmax(84px,1fr) auto auto;gap:9px;align-items:center;min-height:36px;color:#f6f6f2eb;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.video-canvas__frame:hover:before,.video-canvas__frame:focus-within:before,.video-canvas__frame.is-paused:before,.video-canvas__frame.is-loading:before,.video-canvas__frame.has-error:before{opacity:1}.video-canvas__frame:hover .video-canvas__controls,.video-canvas__frame:focus-within .video-canvas__controls,.video-canvas__frame.is-paused .video-canvas__controls,.video-canvas__frame.is-loading .video-canvas__controls,.video-canvas__frame.has-error .video-canvas__controls{opacity:1;pointer-events:auto;transform:translateY(0)}.video-canvas__control-button{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 auto;padding:0;border:0;border-radius:999px;color:#f6f6f2d1;background:transparent;outline:none;transition:color .15s ease,opacity .15s ease,transform .15s ease}.video-canvas__control-button--primary{color:#f6f6f2f5}.video-canvas__control-button svg{width:17px;height:17px}.video-canvas__control-button:hover{color:#fafaf7fa;opacity:1}.video-canvas__control-button:active{transform:scale(.94)}.video-canvas__control-button:focus-visible,.video-canvas__range:focus-visible{outline:2px solid rgba(246,246,242,.84);outline-offset:2px}.video-canvas__time{display:inline-flex;gap:4px;min-width:72px;color:#f6f6f2d1;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:400;line-height:1;white-space:nowrap}.video-canvas__time-separator{color:#f6f6f27a}.video-canvas__range{--video-control-progress: 0%;width:100%;min-width:0;height:28px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}.video-canvas__range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,rgba(246,246,242,.9) 0 var(--video-control-progress),rgba(246,246,242,.18) var(--video-control-progress) 100%)}.video-canvas__range::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:#fafaf7fa;box-shadow:0 1px 5px #00000057;appearance:none;-webkit-appearance:none}.video-canvas__range::-moz-range-track{height:3px;border:0;border-radius:999px;background:#f6f6f22e}.video-canvas__range::-moz-range-progress{height:3px;border-radius:999px;background:#f6f6f2e6}.video-canvas__range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fafaf7fa;box-shadow:0 1px 5px #00000057}.video-canvas__range:disabled{cursor:default;opacity:.38}.video-canvas__volume{display:flex;align-items:center;min-width:92px}.video-canvas__volume-range{width:54px}.video-canvas__error{position:absolute;left:50%;top:50%;z-index:4;max-width:calc(100% - 32px);padding:9px 12px;border-radius:999px;color:#faece8e6;background:#2c1d1bdb;box-shadow:none;font-size:.75rem;font-weight:400;line-height:1;text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.video-canvas__frame:fullscreen{width:100%!important;height:100%!important;max-width:none;max-height:none;border-radius:0;background:#090a0b}.video-canvas__frame:fullscreen .video-canvas__controls{bottom:max(18px,env(safe-area-inset-bottom,0px))}@media(hover:none){.video-canvas__frame:before,.video-canvas__controls{opacity:1}.video-canvas__controls{pointer-events:auto;transform:translateY(0)}}@media(max-width:680px){.video-canvas .video-canvas__stage{padding:8px 14px 12px}.video-canvas__controls{right:10px;bottom:8px;left:10px;grid-template-columns:auto minmax(64px,1fr) auto auto;gap:4px}.video-canvas__time{display:none}.video-canvas__volume{min-width:34px}.video-canvas__volume-range{display:none}}@media(prefers-reduced-motion:reduce){.video-canvas__frame:before,.video-canvas__controls,.video-canvas__control-button{transition:none}}.vector-canvas .vector-canvas__stage{padding:0 clamp(14px,2.5vw,36px) 18px;overflow:hidden}.vector-canvas .image-canvas__topbar{grid-template-columns:minmax(118px,auto) minmax(0,1fr) auto auto}@media(max-width:760px){.vector-canvas .image-canvas__topbar{grid-template-columns:1fr}}.vector-canvas__artboard{position:relative;display:grid;max-width:100%;max-height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:transparent;box-shadow:0 30px 100px #0000006b;place-items:center}.vector-canvas__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none}.vector-canvas .vector-canvas__series-thumb-image{object-fit:contain;background:transparent}.gallery-card__video{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;background:#090a0b}.gallery-modal__video{display:block;width:min(80vw,1200px);height:auto;max-width:var(--gallery-modal-media-max-width);max-height:var(--gallery-modal-media-max-height);border-radius:calc(var(--gallery-modal-frame-radius) - 2px);object-fit:contain;background:#030405;box-shadow:0 24px 56px #00000047}.agent-dock .agent-dock__presentation-similar{grid-auto-flow:column;gap:6px;width:auto;padding:0 10px;white-space:nowrap;font:inherit;font-size:.76rem}.agent-dock .agent-ref-tray__chip--style-source{width:min(240px,calc(100vw - 80px));grid-template-columns:62px minmax(0,1fr)}.agent-dock .agent-ref-tray.is-open .agent-ref-tray__chip--style-source{width:min(260px,calc(100vw - 80px));grid-template-columns:76px minmax(0,1fr)}.agent-ref-tray__chip-style-action{min-width:0;height:100%;padding:8px 24px 8px 10px;border:0;color:#ffffffdb;background:#ffffff0f;font:inherit;font-size:.72rem;line-height:1.2;text-align:left;cursor:pointer}.agent-ref-tray__chip-style-action:hover,.agent-ref-tray__chip-style-action:focus-visible{color:#fff;background:#ffffff1f;outline:0}
