/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:host,:root{--font-sans:var(--font-inter),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-inter),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--default-mono-font-family:ui-monospace,"SF Mono",Menlo,monospace}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.6;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-weight:600}code,kbd,pre,samp{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}::placeholder{color:var(--text-muted)}}@layer components{.auth-button{border-radius:var(--radius-field);background:var(--accent);height:44px;color:var(--accent-text);cursor:pointer}.auth-button:hover:not(:disabled){opacity:.85}.auth-button:disabled{opacity:.4;cursor:not-allowed}.studio-layout{--sidebar-width:var(--sidebar-width-base);min-height:100dvh;color:var(--text);font-family:var(--font-sans)}.studio-shell-main{min-height:100dvh;margin-left:var(--sidebar-width);flex-direction:column;display:flex}.studio-icon-button{border:1px solid var(--border);border-radius:var(--radius-field);color:var(--text);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.studio-icon-button:hover{background:var(--bg-hover)}.logo-mark{background:var(--accent);color:var(--accent-text);width:28px;height:28px;font-family:var(--font-mono);border-radius:9999px;flex:none;justify-content:center;font-size:15px}.logo-mark,.send-button{align-items:center;display:inline-flex}.send-button{color:var(--text);cursor:pointer;border:0}.studio-main{flex:1;min-height:100dvh;padding:32px 24px 250px}.results-area{width:100%}.studio-page-error{max-width:48rem;color:var(--danger);align-items:center;gap:8px;margin:24px auto;font-size:14px;display:flex}.composer-shell{bottom:0;right:0;left:var(--sidebar-width);z-index:15;padding:12px 24px 16px;position:fixed}@supports (color:color-mix(in lab,red,red)){.composer-shell{background:color-mix(in srgb,var(--bg) 92%,transparent)}}.composer{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);width:100%;max-width:48rem;margin:0 auto;padding:12px}.preset-empty{color:var(--text-muted);white-space:nowrap;font-size:13px}.period-button,.save-preset-button,.secondary-button{border:1px solid var(--border);border-radius:var(--radius-field);min-height:36px;color:var(--text);cursor:pointer;background:0 0;font-size:14px}.save-preset-button,.secondary-button{flex:none;padding:4px 12px}.period-button:hover,.save-preset-button:hover,.secondary-button:hover:not(:disabled){background:var(--bg-hover)}.secondary-button:disabled{cursor:not-allowed;opacity:.4}.reference-thumb-remove{background:var(--text);border:0;border-radius:9999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}@supports (color:color-mix(in lab,red,red)){.reference-thumb-remove{background:color-mix(in srgb,var(--text) 70%,transparent)}}.reference-thumb-remove{color:var(--bg);cursor:pointer}.composer textarea,.studio-input{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-elevated);width:100%;color:var(--text);font:inherit}.studio-input{min-height:44px;padding:10px 12px;font-size:14px}.composer textarea:focus,.studio-input:focus{border-color:var(--accent)}.composer textarea{resize:none;min-height:44px;max-height:200px;padding:10px 12px;line-height:1.45}.send-button{background:var(--accent);width:40px;height:40px;color:var(--accent-text);border-radius:9999px;flex:none;justify-content:center}.send-button:hover:not(:disabled){opacity:.85}.send-button:disabled{cursor:not-allowed;opacity:.4}.create-mode-tabs{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-subtle);padding:3px;display:flex}.create-mode-tabs button{min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.create-mode-tabs button[aria-selected=true]{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 2px var(--text)}@supports (color:color-mix(in lab,red,red)){.create-mode-tabs button[aria-selected=true]{box-shadow:0 1px 2px color-mix(in srgb,var(--text) 10%,transparent)}}.create-prompt-input{resize:vertical;min-height:96px}.create-submit{border-radius:var(--radius-field);background:var(--accent);min-height:48px;color:var(--accent-text);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;transition:background .15s,opacity .15s,transform .1s;display:flex}.create-submit:active:not(:disabled){transform:scale(.98)}.create-submit:hover:not(:disabled){background:var(--accent-hover)}.create-submit:disabled{cursor:not-allowed;opacity:.4}.studio-main.create-main,.studio-main.marketing-main{padding-bottom:48px}.personajes-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.personajes-layout{align-items:flex-start;gap:24px;display:flex}.personajes-list{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);flex:0 0 240px;width:240px;padding:16px}.personajes-list-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.personajes-list ul{gap:4px;display:grid}.personajes-list-item{border-radius:var(--radius-field);width:100%;min-height:48px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.personajes-list-item:hover{background:var(--bg-hover)}.personajes-list-item-active{background:var(--accent-subtle);color:var(--accent)}.personajes-list-thumb{background:var(--bg-subtle);border-radius:9999px;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.personajes-list-thumb img{object-fit:cover;width:100%;height:100%}.personajes-empty{padding:8px;font-size:13px}.personajes-new-form{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-subtle);gap:8px;margin-bottom:12px;padding:12px;display:grid}.personajes-new-form input[type=file]{font-size:12px}.personajes-new-actions{justify-content:flex-end;gap:8px;display:flex}.personajes-detail{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:24px;min-width:0;display:grid}.personajes-detail-main{border-radius:var(--radius-panel);background:var(--bg-subtle);aspect-ratio:3/4;grid-row:span 2;overflow:hidden}.personajes-detail-main img{object-fit:cover;width:100%;height:100%}.personajes-detail-thumbs{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.personajes-thumb{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-subtle);width:70px;height:70px;position:relative;overflow:hidden}.personajes-thumb img{object-fit:cover;width:100%;height:100%}.personajes-thumb-add{color:var(--text-muted);cursor:pointer;place-items:center;display:grid}.personajes-thumb-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.personajes-info{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);height:fit-content;padding:20px}.personajes-info-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.personajes-info-head h2{margin:0;font-size:17px}.personajes-info>p{margin:0 0 16px;font-size:13px;line-height:1.4}.personajes-info-section{margin-bottom:20px}.personajes-info-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 4px;font-size:12px;font-weight:600}.personajes-actions{gap:8px;display:grid}.personajes-empty-panel{flex:1}@media (max-width:900px){.personajes-layout{flex-direction:column}.personajes-list{flex-basis:auto;width:100%}.personajes-detail{grid-template-columns:minmax(0,1fr)}.personajes-detail-main{aspect-ratio:1;grid-row:auto}}.studio-main.cinema-main{padding-bottom:48px}.cinema-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.cinema-heading small{color:var(--text-muted);font-size:13px}.cinema-heading h1{align-items:center;gap:10px;display:flex}.cinema-project-picker{flex:none;align-items:center;gap:8px;display:flex}.cinema-project-picker select{min-width:180px}.cinema-project-create{max-width:420px}.cinema-layout{grid-template-columns:220px minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.cinema-scenes{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);padding:16px}.cinema-scene-list{gap:6px;margin-top:12px;display:grid}.cinema-scene-item{border-radius:var(--radius-field);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:6px;transition:background .15s,border-color .15s;display:flex}.cinema-scene-item:hover{background:var(--bg-hover)}.cinema-scene-item-active{border-color:var(--accent);background:var(--accent-subtle)}.cinema-scene-thumb{background:var(--bg-subtle);border-radius:8px;flex:none;width:56px;height:40px;position:relative;overflow:hidden}.cinema-scene-thumb video{object-fit:cover;width:100%;height:100%}.cinema-scene-thumb em{color:#fff;text-shadow:0 1px 2px #0009;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:2px;left:4px}.cinema-scene-pending{height:100%;color:var(--text-muted);text-align:center;place-items:center;padding:0 4px;font-size:10px;display:grid}.cinema-scene-copy{gap:2px;min-width:0;display:grid}.cinema-scene-copy strong{font-size:13px}.cinema-scene-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cinema-preview{min-width:0}.cinema-preview-media{border-radius:var(--radius-panel);aspect-ratio:16/9;background:#0b0b10;overflow:hidden}.cinema-preview-media video{object-fit:contain;background:#0b0b10;width:100%;height:100%}.cinema-preview-empty,.cinema-preview-pending{height:100%;min-height:200px;color:var(--text-muted);text-align:center;place-items:center;gap:8px;padding:24px;display:grid}.cinema-preview-empty{border:1px dashed var(--border);border-radius:var(--radius-panel);aspect-ratio:16/9}.cinema-preview-foot{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.cinema-preview-foot p{color:var(--text-muted);margin:0;font-size:14px}.cinema-preview-actions{flex:none;gap:6px;display:flex}.cinema-storyboard{scrollbar-width:none;gap:8px;margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.cinema-storyboard::-webkit-scrollbar{display:none}.cinema-storyboard-item{background:var(--bg-subtle);width:88px;height:50px;color:var(--text-muted);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:none;overflow:hidden}.cinema-storyboard-item video{object-fit:cover;width:100%;height:100%}.cinema-storyboard-item-active{border-color:var(--accent)}.cinema-config{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);flex-direction:column;gap:16px;padding:20px;display:flex}.cinema-config h2{margin:0;font-size:16px}.cinema-config-hint{margin:-8px 0 0}.cinema-config-hint,.cinema-footnote{color:var(--text-muted);font-size:13px}.cinema-footnote{margin-top:32px}.cinema-footnote a{color:var(--accent);font-weight:600}@media (max-width:1100px){.cinema-layout{grid-template-columns:minmax(0,1fr)}.cinema-scenes{order:2}.cinema-config{order:3}}.job-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%;display:grid}.job-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.job-card:hover{border-color:var(--accent);box-shadow:0 8px 24px -12px var(--text)}@supports (color:color-mix(in lab,red,red)){.job-card:hover{box-shadow:0 8px 24px -12px color-mix(in srgb,var(--text) 25%,transparent)}}.job-card:hover{transform:translateY(-2px)}.job-preview{aspect-ratio:1;background:var(--bg-subtle);width:100%;color:var(--text);cursor:pointer;border:0;display:block;overflow:hidden}.job-preview img,.job-preview video{object-fit:cover;width:100%;height:100%}.audio-preview{width:100%;height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.audio-preview audio{width:100%}.stage-rail{align-items:center;gap:6px;display:inline-flex}.stage-seg{background:var(--border);border-radius:9999px;width:16px;height:3px}.stage-seg-done{background:var(--text-muted)}.stage-seg-on{background:var(--brand);animation:stage-pulse 1.1s ease-in-out infinite}.stage-rail em{color:var(--text-muted);font-size:13px;font-style:normal}.queue-item-copy .stage-rail{margin-top:2px}.queue-item-copy .stage-seg{width:12px}.job-card-actions{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.job-card-actions .studio-icon-button{background:var(--bg-elevated)}.viewer-backdrop{z-index:40;background:var(--text);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.viewer-backdrop{background:color-mix(in srgb,var(--text) 68%,transparent)}}.viewer-backdrop{padding:24px}.viewer-backdrop,.viewer-content{justify-content:center;align-items:center;display:flex}.viewer-content{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);max-width:min(960px,100%);max-height:100%;padding:16px;position:relative}.viewer-content img,.viewer-content video{object-fit:contain;max-width:100%;max-height:calc(100dvh - 80px)}.viewer-content audio{width:min(480px,78vw)}.viewer-close{z-index:1;border:1px solid var(--border);background:var(--bg-elevated);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.page-heading{max-width:48rem;margin:0 0 24px}.page-heading h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.75rem,2.4vw,2rem);font-weight:700;line-height:1.25}.muted-copy,.page-heading p{color:var(--text-muted);margin:8px 0 0;font-size:14px}.library-main{max-width:none}.period-selector{flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 24px;display:flex}.library-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.library-tab{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 4px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.library-tab:hover{color:var(--text)}.library-tab-active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.library-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.library-search{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-elevated);min-width:220px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.library-search input{min-height:40px;color:var(--text);background:0 0;border:0;flex:1;font-size:14px}.library-search input:focus{outline:none}.library-project-filter{flex:none;width:200px;min-height:40px}.library-folders{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.library-folder{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-elevated);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.library-folder:hover{background:var(--bg-hover)}.library-folder-active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.library-folder small{color:var(--text-muted);font-weight:400}.library-folder-active small{color:var(--accent);opacity:.8}.library-body{align-items:flex-start;gap:24px;display:flex}.library-grid-wrap{flex:1;min-width:0}.library-thumb-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.library-thumb{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);text-align:left;cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.library-thumb-active,.library-thumb:hover{border-color:var(--accent)}.library-thumb-active{box-shadow:0 0 0 2px var(--accent-subtle)}.library-thumb-media{aspect-ratio:1;background:var(--bg-subtle);width:100%;display:block;position:relative;overflow:hidden}.library-thumb-media img,.library-thumb-media video{object-fit:cover;width:100%;height:100%}.library-thumb-media[data-kind=audio]{color:var(--text-muted);place-items:center;display:grid}.library-thumb-favorite{background:var(--text);border-radius:9999px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab,red,red)){.library-thumb-favorite{background:color-mix(in srgb,var(--text) 55%,transparent)}}.library-thumb-favorite{color:#fff}.library-thumb-copy{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.library-thumb-copy strong{font-size:12px;font-weight:600}.library-thumb-copy small,.library-thumb-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-thumb-copy small{color:var(--text-muted);font-size:11px}.library-detail{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);width:300px;top:calc(var(--topbar-height) + 16px);flex:0 0 300px;padding:16px;position:sticky}.library-detail-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.library-detail-head h2{margin:0;font-size:15px}.library-detail-media{aspect-ratio:1;border-radius:var(--radius-field);background:var(--bg-subtle);width:100%;margin-bottom:10px;position:relative;overflow:hidden}.library-detail-media img,.library-detail-media video{object-fit:cover;width:100%;height:100%}.library-detail-media[data-kind=audio]{color:var(--text-muted);place-items:center;display:grid}.library-detail-filename{word-break:break-all;margin:0 0 16px;font-size:13px;font-weight:600}.library-detail-filename span{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.library-detail-section{margin-bottom:16px}.library-detail-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;font-size:12px;font-weight:600}.library-detail-prompt{border-radius:var(--radius-field);background:var(--bg-subtle);margin:0;padding:10px;font-size:13px;line-height:1.4}.library-detail-config{gap:6px;display:grid}.library-detail-config div{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.library-detail-config dt{color:var(--text-muted)}.library-detail-config dd{text-align:right;margin:0;font-weight:500}.library-detail-actions{gap:8px;display:grid}.library-detail-download{text-decoration:none}@media (max-width:900px){.library-body-with-detail .library-grid-wrap{display:none}.library-detail{flex-basis:auto;width:100%;position:static}}.library-loading{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.library-loading>div{background:var(--bg-hover);border-radius:12px;min-height:220px;animation:studio-pulse 1.2s ease-out infinite}.empty-panel,.spend-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);max-width:48rem;padding:24px}.empty-panel{text-align:center}.empty-panel h2,.spend-card h2{margin:0;font-size:16px}.empty-panel p{color:var(--text-muted);margin:8px 0 0;font-size:14px}.load-more{justify-content:center;padding:24px 0;display:flex}.page-error{color:var(--danger);margin:16px 0 0;font-size:14px}.period-selector{gap:4px}.period-button{padding:4px 12px}.period-button-active{background:var(--accent);color:var(--accent-text)}.period-button-active:hover{opacity:.85}.spend-card{max-width:none;margin-bottom:16px}.spend-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.spend-chart{align-items:stretch;gap:4px;height:220px;margin-top:20px;display:flex}.spend-bar-column{flex-direction:column;flex:1;justify-content:end;gap:6px;min-width:0;display:flex}.spend-bar-track{background:var(--bg-subtle);border-radius:4px;align-items:end;height:100%;display:flex}.spend-bar{background:var(--accent);border-radius:4px;width:100%;min-height:0}.spend-bar-column>span{min-height:18px;color:var(--text-muted);text-align:center;white-space:nowrap;font-size:13px;overflow:hidden}.spend-table-wrap{margin-top:12px;overflow-x:auto}.spend-table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.spend-table-wrap td,.spend-table-wrap th{border-bottom:1px solid var(--border);text-align:left;padding:10px 8px}.spend-table-wrap th{color:var(--text-muted);font-size:13px;font-weight:600}.spend-table-wrap td:not(:first-child),.spend-table-wrap th:not(:first-child){text-align:right}.studio-main.admin-users-main{padding-bottom:64px}.studio-main.academia-main{gap:24px;max-width:52rem;padding-bottom:64px;display:grid}.studio-main.academia-main-wide{max-width:74rem}.academia-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.academia-content,.academia-layout{gap:24px;display:grid}.academia-tabs{max-width:520px}.academia-rail{gap:24px;display:grid}.academia-checklist-card p{margin:4px 0 16px}.academia-checklist{gap:4px;display:grid}.academia-checklist-item{border-radius:var(--radius-field);color:var(--text);align-items:center;gap:10px;padding:8px;font-size:14px;text-decoration:none;display:flex}a.academia-checklist-item:hover{background:var(--bg-hover)}.academia-check,.academia-checklist-done{color:var(--text-muted)}.academia-check{border:1px solid var(--border);width:20px;height:20px;border-radius:9999px;flex:none;place-items:center;display:grid}.academia-check-done{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}@media (max-width:900px){.academia-layout{grid-template-columns:minmax(0,1fr)}}.admin-create-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;max-width:48rem;margin:0 auto 32px;padding:24px}.admin-create-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.admin-create-fields label{gap:8px;font-size:14px;display:grid}.admin-help{color:var(--text-muted);margin:12px 0 16px;font-size:14px}.admin-notice{margin:16px 0;font-size:14px}.admin-table-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-table-scroll{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;font-size:14px}.admin-users-table td,.admin-users-table th{border-bottom:1px solid var(--border);text-align:left;padding:12px 16px}.admin-users-table th{color:var(--text-muted);white-space:nowrap;font-weight:600}.admin-users-table tr:last-child td{border-bottom:0}.admin-users-table select{min-width:168px}.admin-users-table time{white-space:nowrap}.admin-generation-count{font-family:var(--font-mono)}.admin-credit-empty{color:var(--danger);font-weight:650}.admin-self{color:var(--text-muted);font-size:13px;display:block}.admin-secondary{border:1px solid var(--border);cursor:pointer;border-radius:8px;min-height:36px;padding:4px 12px;font-size:14px}.admin-secondary:hover:not(:disabled){background:var(--bg-hover)}.admin-users-main button:disabled,.admin-users-main select:disabled{opacity:.4;cursor:not-allowed}@media (max-width:767px){.admin-create-fields{grid-template-columns:1fr}.admin-create-card{padding:16px}}.flows-main>*{max-width:48rem}.flow-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.flow-section-heading h2,.flow-section-heading h3{font-weight:600}.flow-runs,.flow-saved{margin-bottom:32px}.flow-saved-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.flow-saved-list li{border:1px solid var(--border);border-radius:8px;align-items:center;display:flex;overflow:hidden}.flow-saved-open{text-align:left;padding:8px 12px;font-size:14px}.flow-saved-open span{color:var(--text-muted);font-size:13px;display:block}.flow-saved-open:hover,.flow-saved-open[aria-pressed=true]{background:var(--bg-hover)}.flow-editor{min-width:0}.flow-model-label,.flow-name,.flow-wiring-label{gap:8px;font-size:14px;font-weight:600;display:grid}.flow-name{margin-bottom:24px}.flow-model-label{margin:16px 0 8px}.flow-run{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:24px}.flow-fields{margin-top:24px;display:grid}.flow-wiring-label{margin-bottom:12px}.flow-connection-note{background:var(--bg-subtle);color:var(--text-muted);border-radius:8px;padding:12px;font-size:14px}.flow-button{border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:14px;display:inline-flex}.flow-button:hover{background:var(--bg-hover)}.flow-primary{color:var(--accent-text);border-color:var(--accent)}.flow-primary,.flow-primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.flow-primary:hover{background:color-mix(in srgb,var(--accent) 90%,var(--bg))}}.flow-editor:disabled,.flows-main button:disabled{opacity:.4;cursor:not-allowed}.flow-actions{flex-wrap:wrap;justify-content:end;gap:8px;margin-top:24px;display:flex}.flow-runs ul{gap:12px;margin-top:16px;display:grid}.flow-results-link{text-underline-offset:4px;font-size:14px;text-decoration:underline}.flow-notice{margin-top:16px;font-size:14px}.flow-loading{background:var(--bg-hover);border-radius:12px;height:240px;animation:studio-pulse .15s ease-out infinite alternate}.studio-main.studio-home-main{padding-top:88px;padding-bottom:300px}.studio-home-main>*{width:min(100%,1240px)}.studio-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.studio-section-heading>div>span,.studio-section-heading>span{color:var(--text-muted);font-size:13px}.studio-section-heading h2{margin:2px 0 0;font-size:20px;line-height:1.3}.studio-section-heading>a{color:var(--text);align-items:center;gap:6px;font-size:14px;display:inline-flex}.studio-dashboard-loading{padding-top:16px}.studio-loading-hero{background:var(--bg-hover);border-radius:12px;height:320px;animation:studio-pulse 1.2s ease-out infinite}.studio-loading-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px;display:grid}.studio-loading-row span{background:var(--bg-hover);border-radius:12px;height:104px;animation:studio-pulse 1.2s ease-out infinite}.composer-shell{background:var(--bg);padding-top:20px}@supports (color:color-mix(in lab,red,red)){.composer-shell{background:color-mix(in srgb,var(--bg) 90%,transparent)}}.composer-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composer{max-width:64rem;padding:14px}.composer-file-message{border:1px solid var(--border);min-height:44px;color:var(--text-muted);border-radius:12px;flex:1;align-items:center;margin:0;padding:10px 12px;font-size:14px;display:flex}.composer-hint{color:var(--text-muted);text-align:right;margin:6px 48px 0 0;font-size:13px}.composer-source{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:8px;padding:6px 8px 6px 10px;display:flex}.composer-source>span{align-items:center;gap:9px;min-width:0;display:flex}.composer-source>span>span{min-width:0}.composer-source span span,.composer-source strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.composer-source strong{font-size:13px}.composer-source span span{color:var(--text-muted);font-size:13px}.composer-source button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.composer-source button:hover{background:var(--bg-hover);color:var(--text)}.job-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.job-card{flex-direction:column;min-width:0;display:flex}.job-preview{aspect-ratio:4/3}.job-preview[data-kind=video]{aspect-ratio:16/10}.job-card-copy{padding:12px 14px 14px}.job-card-copy>div{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.job-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.job-card-copy p{min-height:39px;color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.job-state{align-items:center;gap:4px;display:inline-flex}.job-state:before{content:"";background:currentColor;border-radius:9999px;width:6px;height:6px}.job-state-success{color:var(--text)}.job-continue{border-top:1px solid var(--border);margin-top:10px;padding-top:10px;position:relative}.job-continue-button{min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.job-continue-button:hover{background:var(--bg-hover)}.job-continue-menu{z-index:8;border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;animation:studio-rise .15s ease-out both;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden}.job-continue-menu button{text-align:left;cursor:pointer;width:100%;padding:9px 12px;display:block}.job-continue-menu button:hover{background:var(--bg-hover)}.job-continue-menu span,.job-continue-menu strong{display:block}.job-continue-menu strong{font-size:13px}.job-continue-menu span{color:var(--text-muted);margin-top:1px;font-size:13px}.viewer-content{gap:0;width:min(1120px,100%);padding:0;overflow:hidden}.viewer-media{background:var(--bg-subtle);flex:1;justify-content:center;align-items:center;min-width:0;min-height:440px;display:flex}.viewer-media img,.viewer-media video{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 80px)}.viewer-media audio{width:min(480px,100% - 48px)}.viewer-details{border-left:1px solid var(--border);flex:none;align-self:stretch;width:320px;padding:32px 20px 20px;overflow-y:auto}.viewer-details>span{color:var(--text-muted);font-size:13px}.viewer-details h2{margin:4px 0 0;font-size:18px}.viewer-details>p{color:var(--text-muted);margin:12px 0 20px;font-size:13px;line-height:1.55}.viewer-next-actions{border-top:1px solid var(--border);gap:4px;padding-top:16px;display:grid}.viewer-next-actions>strong{margin-bottom:4px;font-size:13px}.viewer-next-actions button{text-align:left;cursor:pointer;border-radius:8px;padding:8px}.viewer-next-actions button:hover{background:var(--bg-hover)}.viewer-next-actions small,.viewer-next-actions span{display:block}.viewer-next-actions span{font-size:13px;font-weight:600}.viewer-next-actions small{color:var(--text-muted);margin-top:1px;font-size:13px}.viewer-download{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:16px;font-size:13px;font-weight:600;display:flex}.viewer-download:hover{background:var(--bg-hover)}.studio-page-notice{width:min(100%,48rem);color:var(--text-muted);margin:24px auto 0;padding:10px 12px;animation:studio-rise .15s ease-out both}.studio-page-notice,.viewer-project select{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;font-size:13px}.viewer-project select{max-width:180px;height:30px;color:var(--text);padding:2px 8px}.viewer-project{color:var(--text-muted);gap:6px;margin:0 0 16px;font-size:13px;display:grid}.viewer-project select{width:100%;max-width:none;height:38px}.element-picker-trigger{border:1px solid var(--border);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:4px 10px;font-size:13px;display:inline-flex}.element-picker-trigger:hover{background:var(--bg-hover)}.element-picker-panel{border-top:1px solid var(--border);gap:4px;max-height:220px;margin-top:8px;padding-top:8px;display:grid;overflow-y:auto}.element-picker-panel>button{text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px;display:flex}.element-picker-panel>button:hover{background:var(--bg-hover)}.element-picker-panel img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.element-picker-panel small,.element-picker-panel strong{display:block}.element-picker-panel strong{font-size:13px}.element-picker-panel small,.element-picker-panel>p{color:var(--text-muted);font-size:13px}.element-picker-panel a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.elements-main,.projects-main{padding-bottom:80px}.elements-main>*,.projects-main>*{width:min(100%,1120px);margin-inline:auto}.projects-heading{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;display:flex}.element-upload,.project-create{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:20px;animation:studio-rise .15s ease-out both}.project-create{gap:16px;margin-bottom:24px;display:grid}.element-upload-fields label,.project-create label{gap:6px;font-size:13px;font-weight:600;display:grid}.project-create textarea{resize:vertical;min-height:88px}.project-create>div:last-child{justify-content:flex-end;gap:8px;display:flex}.project-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:2px 2px 10px;display:flex;overflow-x:auto}.project-rail::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;border:1px solid var(--border);background:var(--bg-elevated);width:250px;min-height:126px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex:none;align-content:start;gap:4px;padding:16px;display:grid}.project-card:hover{background:var(--bg-hover);transform:translateY(-4px)}.project-card-active{border-color:var(--text-muted);background:var(--bg-subtle)}.project-card-icon{background:var(--accent);width:34px;height:34px;color:var(--accent-text);border-radius:8px;place-items:center;margin-bottom:8px;display:grid}.project-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.project-card small{color:var(--text-muted);font-size:13px}.project-workspace{margin-top:40px}.project-workspace>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.project-workspace>header span{color:var(--text-muted);font-size:13px}.project-workspace>header h2{margin:2px 0 0;font-size:22px}.project-workspace>header p{max-width:620px;color:var(--text-muted);margin:6px 0 0;font-size:14px}.project-empty{min-height:320px}.project-empty .flow-button,.project-workspace .empty-panel .flow-button{margin-top:16px}.element-upload{margin-bottom:40px}.element-upload-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.element-upload-heading>span{background:var(--accent);width:38px;height:38px;color:var(--accent-text);border-radius:8px;flex:none;place-items:center;display:grid}.element-upload-heading h2{margin:0;font-size:16px}.element-upload-heading p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.element-upload-fields{grid-template-columns:minmax(0,1fr) 180px 220px;gap:12px;display:grid}.element-file-row{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.element-file-row input{min-width:0;color:var(--text-muted);font-size:13px}.elements-library{margin-top:32px}.element-filters{scrollbar-width:none;gap:6px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.element-filters::-webkit-scrollbar{display:none}.element-filters button{border:1px solid var(--border);min-height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:none;padding:4px 10px;font-size:13px}.element-filters button:hover{background:var(--bg-hover);color:var(--text)}.element-filters button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.element-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.element-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;overflow:hidden}.element-media{aspect-ratio:4/3;border-bottom:1px solid var(--border);background:var(--bg-subtle);width:100%;overflow:hidden}.element-media img,.element-media video{object-fit:cover;width:100%;height:100%}.element-copy{padding:14px}.element-copy>span{color:var(--text-muted);font-size:13px}.element-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 12px;font-size:15px;overflow:hidden}.element-copy label{min-width:0;color:var(--text-muted);gap:5px;font-size:13px;display:grid}.element-meta-fields{grid-template-columns:100px minmax(0,1fr);gap:8px;display:grid}.element-copy select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;min-height:36px;color:var(--text);border-radius:8px;padding:4px 8px;font-size:13px}.element-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.element-copy .flow-button{min-height:36px}.flows-main{padding-bottom:96px}.flows-main>*{width:min(100%,1120px);max-width:none;margin-inline:auto}.flows-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.flow-runs .flow-section-heading small,.flows-heading small{color:var(--text-muted);font-size:13px}.flow-section-heading h2,.flow-section-heading h3{margin:0}.flow-section-heading>span:last-child{color:var(--text-muted);font-size:13px}.flow-saved{margin-bottom:32px}.flow-saved-list{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.flow-run-storyboard::-webkit-scrollbar,.flow-saved-list::-webkit-scrollbar{display:none}.flow-saved-list li{background:var(--bg-elevated);border-radius:12px;flex:none;min-width:220px}.flow-saved-open{flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.flow-saved-open>span{min-width:0}.flow-saved-open small,.flow-saved-open strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.flow-saved-open strong{color:var(--text);font-size:14px}.flow-saved-open small{color:var(--text-muted);font-size:13px}.flow-saved-icon{background:var(--bg-subtle);width:30px;height:30px;color:var(--text-muted);border-radius:8px;flex:none;place-items:center;display:grid}.flow-saved-open[aria-pressed=true] .flow-saved-icon{background:var(--accent);color:var(--accent-text)}.flow-editor-header{align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.flow-editor-header>div{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;flex:none;align-content:center;place-items:center;width:64px;height:64px;display:grid}.flow-editor-header>div span{font-family:var(--font-mono);font-size:18px;font-weight:600;line-height:1}.flow-editor-header>div small{color:var(--text-muted);margin-top:4px;font-size:13px}.flow-name{flex:1;margin-bottom:0}.flow-canvas{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;position:relative;overflow:hidden}.flow-canvas-zoom{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 4px 12px -6px var(--text);border-radius:9999px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:absolute;bottom:12px;right:12px}@supports (color:color-mix(in lab,red,red)){.flow-canvas-zoom{box-shadow:0 4px 12px -6px color-mix(in srgb,var(--text) 25%,transparent)}}.flow-canvas-zoom button{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9999px;place-items:center;display:grid}.flow-canvas-zoom button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.flow-canvas-zoom button:disabled{cursor:not-allowed;opacity:.4}.flow-canvas-zoom span{min-width:34px;color:var(--text-muted);text-align:center;font-size:12px;font-weight:600}.flows-tabs{max-width:360px;margin:24px 0}.flow-templates{animation:studio-rise .15s ease-out both}.flow-template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.flow-template-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);color:var(--text);text-align:left;cursor:pointer;gap:8px;padding:18px;transition:border-color .15s,transform .15s;display:grid}.flow-template-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.flow-template-card:disabled{cursor:not-allowed;opacity:.5}.flow-template-icon{background:var(--accent-subtle);width:34px;height:34px;color:var(--accent);border-radius:9999px;place-items:center;display:grid}.flow-template-card strong{font-size:14px}.flow-template-card small{color:var(--text-muted);font-size:13px;line-height:1.4}.flow-canvas-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.flow-canvas-title span{align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.flow-canvas-title small{color:var(--text-muted);font-size:13px}.flow-canvas-scroll{max-height:560px;overflow:auto}.flow-node-canvas{background-image:radial-gradient(circle,var(--text) 1px,transparent 1px);position:relative}@supports (color:color-mix(in lab,red,red)){.flow-node-canvas{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 14%,transparent) 1px,transparent 1px)}}.flow-node-canvas{background-size:18px 18px}.flow-node-canvas-lines{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.flow-edge-path{fill:none;stroke:var(--accent)}@supports (color:color-mix(in lab,red,red)){.flow-edge-path{stroke:color-mix(in srgb,var(--accent) 65%,transparent)}}.flow-edge-path{stroke-width:2px;stroke-dasharray:7 5}.flow-edge-port{fill:var(--accent)}.flow-node{border:1px solid var(--border);background:var(--bg-elevated);min-height:128px;color:var(--text);text-align:left;cursor:grab;touch-action:none;box-shadow:0 2px 8px -4px var(--text);border-radius:12px;align-content:start;padding:12px;display:grid;position:absolute}@supports (color:color-mix(in lab,red,red)){.flow-node{box-shadow:0 2px 8px -4px color-mix(in srgb,var(--text) 20%,transparent)}}.flow-node{transition:border-color .15s,box-shadow .15s}.flow-node:hover{background:var(--bg-hover)}.flow-node:active{cursor:grabbing}.flow-node-active{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.flow-node-active{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}}.flow-node-top{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.flow-node-top b{background:var(--accent);width:26px;height:26px;color:var(--accent-text);font-family:var(--font-mono);border-radius:9999px;place-items:center;font-size:13px;display:grid}.flow-node strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.flow-node-wiring,.flow-node>small{color:var(--text-muted);font-size:13px}.flow-node-wiring{align-items:center;gap:5px;margin-top:10px;display:inline-flex}.flow-node-add{border:1px dashed var(--text-muted);min-height:128px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;align-content:center;place-items:center;gap:8px;display:grid;position:absolute}.flow-node-add:hover{background:var(--bg-hover);color:var(--text)}.flow-node-add span{font-size:13px}.flow-step-panel{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;margin-top:16px;animation:studio-rise .15s ease-out both;overflow:hidden}.flow-step-panel>header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.flow-step-panel>header>span:nth-child(2){flex:1;min-width:0}.flow-step-panel header small{color:var(--text-muted);font-size:13px}.flow-step-panel header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.flow-step-number{background:var(--accent);width:34px;height:34px;color:var(--accent-text);font-family:var(--font-mono);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.flow-step-layout{grid-template-columns:280px minmax(0,1fr);display:grid}.flow-step-layout>aside{border-right:1px solid var(--border);background:var(--bg-subtle);padding:20px}.flow-step-layout>aside p{margin:12px 0;line-height:1.55}.flow-cost,.flow-step-layout>aside p{color:var(--text-muted);font-size:13px}.flow-cost{display:block}.flow-fields{gap:24px;margin-top:0;padding:20px}.flow-connection-note{border:1px solid var(--border);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.flow-actions{margin-top:16px}.studio-main.assistant-main{padding-bottom:48px}.assistant-heading h1{align-items:center;gap:10px;display:flex}.assistant-layout{grid-template-columns:240px minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.assistant-history{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);flex-direction:column;gap:16px;max-height:calc(100vh - 220px);padding:16px;display:flex;overflow-y:auto}.assistant-new{width:100%}.assistant-history-group{gap:6px;display:grid}.assistant-history-group>span{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.assistant-history-group ul{gap:2px;display:grid}.assistant-history-group li{align-items:center;gap:2px;display:flex}.assistant-history-item{border-radius:var(--radius-field);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:8px;display:grid}.assistant-history-item:hover{background:var(--bg-hover)}.assistant-history-item-active{background:var(--accent-subtle)}.assistant-history-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.assistant-history-item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.assistant-history-remove{opacity:0;flex:none}.assistant-history-group li:hover .assistant-history-remove,.assistant-history-remove:focus-visible{opacity:1}.assistant-thread{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);flex-direction:column;min-height:480px;display:flex;overflow:hidden}.assistant-empty{color:var(--text-muted);text-align:center;flex:1;place-items:center;gap:8px;padding:48px 24px;display:grid}.assistant-empty h2{color:var(--text);margin:0;font-size:17px}.assistant-bubbles{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.assistant-bubble{gap:10px;max-width:82%;display:flex}.assistant-bubble-user{align-self:flex-end}.assistant-bubble-avatar{background:var(--accent);width:28px;height:28px;color:var(--accent-text);border-radius:9999px;flex:none;place-items:center;display:grid}.assistant-bubble-body{gap:10px;min-width:0;display:grid}.assistant-bubble-body p{border-radius:var(--radius-card);white-space:pre-wrap;margin:0;padding:10px 14px;font-size:14px;line-height:1.5}.assistant-bubble-assistant .assistant-bubble-body p{background:var(--bg-subtle)}.assistant-bubble-user .assistant-bubble-body p{background:var(--accent);color:var(--accent-text)}.assistant-bubble-error{color:var(--danger);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.assistant-composer{border-top:1px solid var(--border);gap:8px;padding:16px;display:flex}.assistant-composer textarea{resize:none;flex:1}.assistant-send{border-radius:var(--radius-field);background:var(--accent);width:44px;height:44px;color:var(--accent-text);cursor:pointer;border:0;flex:none;align-self:flex-end;place-items:center;display:grid}.assistant-send:hover:not(:disabled){background:var(--accent-hover)}.assistant-send:disabled{cursor:not-allowed;opacity:.4}.assistant-plan-panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);flex-direction:column;gap:16px;padding:16px;display:flex;position:sticky;top:88px}.assistant-plan-empty{color:var(--text-muted);text-align:center;place-items:center;gap:8px;padding:24px 12px;display:grid}.assistant-plan-link{color:var(--accent);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.assistant-plan-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-subtle);gap:12px;padding:14px;display:grid}.assistant-plan-card-head{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.assistant-plan-card-steps{gap:10px;display:grid}.assistant-plan-card-steps li{align-items:flex-start;gap:8px;display:flex}.assistant-plan-step-icon{background:var(--bg-elevated);width:26px;height:26px;color:var(--text-muted);border-radius:8px;flex:none;place-items:center;display:grid}.assistant-plan-card-steps strong{font-size:13px;display:block}.assistant-plan-card-steps small{color:var(--text-muted);font-size:12px;line-height:1.4;display:block}.assistant-plan-step-wired{color:var(--accent);font-weight:600}.assistant-plan-card-foot{gap:8px;display:grid}.assistant-plan-card-foot>span{color:var(--text-muted);font-size:12px}.assistant-plan-card-foot .flow-button{width:100%}@media (max-width:1100px){.assistant-layout{grid-template-columns:minmax(0,1fr)}.assistant-history{order:2;max-height:none}.assistant-plan-panel{order:3;position:static}}.flow-runs{margin-top:64px}.flow-runs .flow-section-heading>span{display:block}.flow-run-list{gap:12px;margin-top:16px;display:grid}.flow-run{padding:0;overflow:hidden}.flow-run-summary{width:100%;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.flow-run-summary:hover{background:var(--bg-hover)}.flow-run-summary>span:nth-child(2){flex:1;min-width:0}.flow-run-summary small,.flow-run-summary strong{display:block}.flow-run-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.flow-run-summary small{color:var(--text-muted);font-size:13px}.flow-run-state-icon{background:var(--bg-subtle);width:34px;height:34px;color:var(--text-muted);border-radius:9999px;flex:none;place-items:center;display:grid}.flow-run-state-success{background:var(--accent);color:var(--accent-text)}.flow-run-state-fail{color:var(--danger)}.flow-run-total{font-family:var(--font-mono);font-size:13px}.flow-activity-mark{align-items:center;gap:3px;display:flex}.flow-activity-mark span{background:currentColor;border-radius:9999px;width:4px;height:4px;animation:flow-activity .9s ease-out infinite alternate}.flow-activity-mark span:nth-child(2){animation-delay:.15s}.flow-activity-mark span:nth-child(3){animation-delay:.3s}.flow-run-progress{background:var(--border);height:2px}.flow-run-progress span{background:var(--accent);height:100%;transition:width .15s ease-out;display:block}.flow-run-storyboard{border-top:1px solid var(--border);scrollbar-width:none;gap:24px;padding:16px;display:flex;overflow-x:auto}.flow-run-step{flex:none;width:124px;position:relative}.flow-run-media{aspect-ratio:4/3;border:1px solid var(--border);background:var(--bg-subtle);width:124px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.flow-run-media>img,.flow-run-media>video{object-fit:cover;width:100%;height:100%}.flow-run-media>span:last-child{background:var(--bg-elevated);width:22px;height:22px;color:var(--text);font-family:var(--font-mono);border-radius:9999px;place-items:center;font-size:13px;display:grid;position:absolute;top:6px;left:6px}.flow-run-step-success .flow-run-media>span:last-child{background:var(--accent);color:var(--accent-text)}.flow-run-step-fail .flow-run-media{color:var(--danger)}.flow-run-step>small,.flow-run-step>strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.flow-run-step>strong{margin-top:8px;font-size:13px}.flow-run-step>small{color:var(--text-muted);font-size:13px}.flow-run-link{width:16px;color:var(--text-muted);position:absolute;top:42px;right:calc(100% + 4px)}.flow-run-audio{justify-items:center;gap:4px;font-size:13px;display:grid}.flow-run-error{border-top:1px solid var(--border);color:var(--danger);margin:0;padding:12px 16px;font-size:13px}.flow-runs-empty{border:1px dashed var(--border);min-height:180px;color:var(--text-muted);text-align:center;border-radius:12px;align-content:center;place-items:center;gap:6px;margin-top:16px;display:grid}.flow-runs-empty strong{color:var(--text);font-size:14px}.flow-runs-empty span{font-size:13px}.queue-trigger{z-index:42;border:1px solid var(--border);background:var(--bg-elevated);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:4px 10px;font-size:13px;display:inline-flex;position:fixed;top:68px;right:20px}.queue-trigger:hover{background:var(--bg-hover)}.queue-trigger b{background:var(--accent);min-width:20px;height:20px;color:var(--accent-text);font-family:var(--font-mono);border-radius:9999px;place-items:center;font-size:13px;display:grid}.queue-live svg,.queue-media-active,.queue-status-dot.queue-running,.queue-trigger-active svg{animation:queue-pulse .9s ease-out infinite alternate}.queue-backdrop{z-index:90;background:var(--text);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.queue-backdrop{background:color-mix(in srgb,var(--text) 38%,transparent)}}.queue-backdrop{animation:queue-pulse .15s ease-out both}.queue-panel{border-left:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;width:min(400px,100%);height:100%;animation:studio-rise .15s ease-out both;display:flex;position:absolute;top:0;right:0}.queue-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.queue-panel header span{color:var(--text-muted);font-size:13px}.queue-panel header h2{margin:2px 0 0;font-size:18px}.queue-summary{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.queue-summary>span{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.queue-summary small{color:var(--text-muted);font-size:13px}.queue-scroll{flex:1;min-height:0;padding:16px;overflow-y:auto}.queue-group+.queue-group{margin-top:24px}.queue-group h3{color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:600}.queue-item{border-radius:8px;align-items:center;gap:10px;min-height:64px;padding:6px;display:flex}.queue-item:hover{background:var(--bg-hover)}.queue-media{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.queue-media img,.queue-media video{object-fit:cover;width:100%;height:100%}.queue-media-icon{width:100%;height:100%;color:var(--text-muted);place-items:center;display:grid}.queue-item-copy{flex:1;min-width:0}.queue-item-copy small,.queue-item-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.queue-item-copy strong{font-size:13px}.queue-item-copy small{color:var(--text-muted);font-size:13px}.queue-status-dot{background:var(--text-muted);border-radius:9999px;flex:none;width:10px;height:10px}.queue-status-dot.queue-success{background:var(--accent)}.queue-status-dot.queue-fail{background:var(--danger)}.queue-progress{background:var(--border);height:2px;margin-top:6px;display:block;overflow:hidden}.queue-progress i{background:var(--accent);height:100%;transition:width .15s ease-out;display:block}.queue-panel>footer{border-top:1px solid var(--border);padding:12px 16px}.queue-panel>footer a{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:13px;font-weight:600;display:flex}.queue-panel>footer a:hover{background:var(--bg-hover)}.queue-empty{min-height:260px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:6px;display:grid}.queue-empty strong{color:var(--text);font-size:14px}.queue-empty span{font-size:13px}.studio-layout{--sidebar-width:236px;background:var(--bg)}.studio-main.studio-home-main{width:auto;max-width:none;padding:96px 46px 92px}.studio-home-main>*{width:min(100%,1280px);max-width:none;margin-inline:auto}.station-action{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;display:grid;position:relative}.station-action:hover{background:var(--bg-hover)}.station-action i{border:2px solid var(--bg);background:var(--brand);border-radius:9999px;width:8px;height:8px;position:absolute;top:9px;right:10px}.queue-trigger{border-radius:11px;gap:8px;min-height:42px;padding:4px 15px;font-size:15px;font-weight:500;top:15px;right:24px}.search-backdrop{z-index:60;background:var(--text);justify-content:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.search-backdrop{background:color-mix(in srgb,var(--text) 42%,transparent)}}.search-backdrop{padding:84px 20px 20px}.search-panel{border:1px solid var(--border);background:var(--bg-elevated);width:min(620px,100%);max-height:min(560px,100dvh - 120px);box-shadow:0 24px 60px var(--text);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.search-panel{box-shadow:0 24px 60px color-mix(in srgb,var(--text) 26%,transparent)}}.search-field{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:12px;padding:14px 16px;display:flex}.search-field input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-field button{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.search-field button:hover{background:var(--bg-hover);color:var(--text)}.search-results{flex:1;min-height:0;padding:8px;overflow-y:auto}.search-results h3{color:var(--text-muted);margin:8px 8px 4px;font-size:12px;font-weight:600}.search-results section+section{margin-top:6px}.search-results section>button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:9px 10px;display:flex}.search-results section>button:hover{background:var(--bg-hover)}.search-results section>button>span:nth-child(2){flex:1;min-width:0}.search-results small,.search-results strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.search-results strong{font-size:14px;font-weight:600}.search-results small{color:var(--text-muted);font-size:13px}.search-results svg:last-child{color:var(--text-muted);flex:none}.search-badge{background:var(--brand-subtle);width:30px;height:30px;color:var(--brand);border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.search-empty{color:var(--text-muted);text-align:center;padding:22px 12px;font-size:14px}.notifications-backdrop{z-index:55;background:var(--text);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.notifications-backdrop{background:color-mix(in srgb,var(--text) 22%,transparent)}}.notifications-panel{border:1px solid var(--border);background:var(--bg-elevated);width:min(340px,100vw - 32px);max-height:min(440px,100dvh - 100px);box-shadow:0 20px 48px var(--text);border-radius:16px;flex-direction:column;display:flex;position:absolute;top:66px;right:24px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.notifications-panel{box-shadow:0 20px 48px color-mix(in srgb,var(--text) 20%,transparent)}}.notifications-panel header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.notifications-panel h2{margin:0;font-size:15px}.notifications-panel ul{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.notifications-panel li a{color:var(--text);border-radius:11px;align-items:center;gap:11px;padding:9px 10px;display:flex}.notifications-panel li a:hover{background:var(--bg-hover)}.notifications-copy{flex:1;min-width:0}.notifications-copy small,.notifications-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.notifications-copy strong{font-size:14px;font-weight:600}.notifications-copy small{color:var(--text-muted);font-size:13px}.notifications-dot{background:var(--brand);border-radius:9999px;flex:none;width:9px;height:9px}.notifications-fail{background:var(--danger)}.notifications-panel svg:last-child{color:var(--text-muted);flex:none}.notifications-empty{color:var(--text-muted);text-align:center;justify-items:center;gap:4px;padding:34px 20px;display:grid}.notifications-empty strong{color:var(--text);font-size:14px}.notifications-empty span{font-size:13px}.composer-loading{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:14px}.composer-file-message{grid-column:1/-1}.composer-reference{grid-column:1;position:relative}.composer-settings{position:relative}.composer-popover{z-index:40;border:1px solid var(--border);background:var(--bg-elevated);width:min(360px,100vw - 40px);box-shadow:0 18px 44px var(--text);border-radius:15px;padding:14px;position:absolute;top:calc(100% + 10px);left:0}@supports (color:color-mix(in lab,red,red)){.composer-popover{box-shadow:0 18px 44px color-mix(in srgb,var(--text) 18%,transparent)}}.composer-popover{cursor:auto}.composer-settings-popover{width:min(400px,100vw - 40px);left:auto;right:0}.composer-popover-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.composer-popover-head strong{font-size:14px}.composer-popover-head button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.composer-popover-head button:hover{background:var(--bg-hover);color:var(--text)}.composer-error,.composer-message{color:var(--text-muted);grid-column:1/-1;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.composer-error{color:var(--danger)}.studio-section-heading.inspiration-heading{align-items:center;margin-bottom:14px}.studio-section-heading.inspiration-heading h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:800}.inspiration-heading button,.inspiration-heading>a{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:15px;font-weight:600;display:inline-flex}.inspiration-heading button:hover,.inspiration-heading>a:hover{opacity:.75}.studio-recent-results{margin-top:34px}.job-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.job-strip-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:13px;align-items:stretch;min-width:0;display:flex;position:relative;overflow:hidden}.job-strip-card:hover,.job-strip-preview{background:var(--bg-subtle)}.job-strip-preview{cursor:pointer;border:0;flex:none;width:84px;padding:0;overflow:hidden}.job-strip-preview img,.job-strip-preview video{object-fit:cover;width:100%;height:100%}.job-strip-copy{flex:1;align-content:center;min-width:0;padding:10px 4px 10px 13px;display:grid}.job-strip-copy small,.job-strip-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.job-strip-copy strong{font-size:14px;font-weight:600}.job-strip-copy small{color:var(--text-muted);margin-top:2px;font-size:13px}.job-strip-actions{flex:none;align-items:center;padding-right:6px;display:flex;position:relative}.job-strip-menu{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.job-strip-menu:hover{background:var(--bg-hover);color:var(--text)}.job-strip-menu-panel{z-index:20;border:1px solid var(--border);background:var(--bg-elevated);min-width:216px;box-shadow:0 16px 36px var(--text);border-radius:13px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}@supports (color:color-mix(in lab,red,red)){.job-strip-menu-panel{box-shadow:0 16px 36px color-mix(in srgb,var(--text) 16%,transparent)}}.job-strip-menu-panel a,.job-strip-menu-panel button{min-height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:0 9px;font-size:13px;display:flex}.job-strip-menu-panel a:hover,.job-strip-menu-panel button:hover{background:var(--bg-hover)}.job-strip-danger{color:var(--danger)}.job-strip-preview .audio-preview{height:100%;font-size:11px}.marketing-workspace{gap:40px;animation:studio-rise .15s ease-out both;display:grid}.marketing-hero{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;padding:32px;position:relative;overflow:hidden}.marketing-hero:after{border:1px solid var(--border);background:var(--bg-elevated);opacity:.8;content:"";border-radius:9999px;width:108px;height:108px;position:absolute;top:28px;right:32px}.marketing-kicker{color:var(--brand);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.marketing-hero h1{z-index:1;letter-spacing:-.045em;max-width:820px;margin:10px 0 8px;font-size:clamp(2rem,4vw,3.3rem);font-weight:800;line-height:1.04;position:relative}.marketing-hero>p{z-index:1;max-width:720px;color:var(--text-muted);margin:0;font-size:17px;position:relative}.marketing-summary{z-index:1;flex-wrap:wrap;gap:10px;margin-top:24px;display:flex;position:relative}.marketing-summary>span{border:1px solid var(--border);background:var(--bg-elevated);min-height:38px;color:var(--text-muted);border-radius:8px;align-items:center;gap:7px;padding:4px 11px;font-size:13px;display:inline-flex}.marketing-summary strong{color:var(--text);font-family:var(--font-mono)}.marketing-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px;display:flex}.marketing-section-heading>div>span{color:var(--brand);font-size:13px;font-weight:700}.marketing-section-heading h2{letter-spacing:-.025em;margin:3px 0 0;font-size:23px;font-weight:750}.marketing-section-heading>small{max-width:410px;color:var(--text-muted);text-align:right;font-size:13px}.marketing-agent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.marketing-agent-grid>button{border:1px solid var(--border);background:var(--bg-elevated);min-height:176px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;padding:16px;transition:opacity .15s ease-out,transform .15s ease-out,background-color .15s ease-out;display:flex;position:relative}.marketing-agent-grid>button:hover{background:var(--bg-hover);transform:translateY(-4px)}.marketing-agent-grid>.marketing-agent-active{border-color:var(--brand);background:var(--brand-subtle)}.marketing-agent-icon{background:var(--bg-subtle);width:34px;height:34px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid}.marketing-agent-active .marketing-agent-icon{background:var(--brand);color:var(--brand-text)}.marketing-agent-grid strong{margin-top:12px;font-size:15px}.marketing-agent-grid small{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.marketing-agent-grid em{color:var(--text-muted);margin-top:auto;padding-top:10px;font-size:13px;font-style:normal}.marketing-builder{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:24px}.marketing-form-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:20px;display:grid}.marketing-form-grid>label{align-content:start;gap:7px;display:grid}.marketing-channel-field legend,.marketing-form-grid label>span{color:var(--text);font-size:13px;font-weight:650}.marketing-form-grid label>span small{color:var(--text-muted);margin-left:5px;font-size:13px;font-weight:400}.marketing-form-grid input,.marketing-form-grid textarea{border:1px solid var(--border);background:var(--bg);width:100%;min-height:46px;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:11px 12px;font-size:14px}.marketing-form-grid textarea{min-height:96px;line-height:1.5}.marketing-form-grid input::placeholder,.marketing-form-grid textarea::placeholder{color:var(--text-muted)}.marketing-form-grid input:focus,.marketing-form-grid textarea:focus{border-color:var(--text-muted);outline:2px solid var(--text-muted);outline-offset:2px}.marketing-channel-field{border:0;grid-column:1/-1;margin:0;padding:0}.marketing-channel-field>div{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.marketing-channel-field button{border:1px solid var(--border);min-height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:4px 11px;font-size:13px;display:inline-flex}.marketing-channel-field button:hover{background:var(--bg-hover)}.marketing-channel-field button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand)}.marketing-batch-field{grid-column:1/-1}.marketing-batch-field textarea{min-height:112px}.marketing-models{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;padding-top:20px;display:grid}.marketing-provider{min-width:0}.marketing-provider>strong{margin-bottom:8px;font-size:14px;display:block}.marketing-provider>label{border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:9px;min-height:92px;padding:11px;display:flex}.marketing-provider>label+label{margin-top:8px}.marketing-provider>label:hover{background:var(--bg-hover)}.marketing-provider>label.marketing-model-active{border-color:var(--brand);background:var(--brand-subtle)}.marketing-provider>label.marketing-model-disabled{opacity:.55}.marketing-provider input{accent-color:var(--brand);margin-top:4px}.marketing-provider label>span{flex:1;min-width:0}.marketing-provider b,.marketing-provider small{display:block}.marketing-provider b{font-size:13px}.marketing-provider b em{background:var(--brand);color:var(--brand-text);border-radius:8px;margin-left:5px;padding:1px 5px;font-size:13px;font-style:normal;font-weight:600;display:inline-block}.marketing-provider small{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.25}.marketing-provider label>i{color:var(--text-muted);font-size:13px;font-style:normal}.marketing-model-active>i{color:var(--brand)!important}.marketing-submit-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:20px;display:flex}.marketing-submit-bar>div{grid-template-columns:auto auto;align-items:baseline;gap:2px 10px;display:grid}.marketing-submit-bar small{color:var(--text-muted);font-size:13px}.marketing-submit-bar strong{color:var(--text);font-family:var(--font-mono);font-size:20px}.marketing-submit-bar span{color:var(--text-muted);grid-column:1/-1;font-size:13px}.marketing-submit-bar>button{background:var(--brand);min-width:184px;min-height:48px;color:var(--brand-text);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:6px 18px;font-size:14px;font-weight:700;display:inline-flex}.marketing-submit-bar>button:hover:not(:disabled){background:var(--brand-hover)}.marketing-submit-bar>button:disabled{opacity:.4;cursor:not-allowed}.marketing-error{background:var(--danger);border-radius:8px;margin:14px 0 0}@supports (color:color-mix(in lab,red,red)){.marketing-error{background:color-mix(in srgb,var(--danger) 10%,var(--bg))}}.marketing-error{color:var(--danger);padding:10px 12px;font-size:13px}.marketing-empty{border:1px dashed var(--border);min-height:180px;color:var(--text-muted);text-align:center;border-radius:12px;align-content:center;place-items:center;gap:5px;display:grid}.marketing-empty strong{color:var(--text);font-size:14px}.marketing-empty span{font-size:13px}.marketing-result-list{gap:12px;display:grid}.marketing-result-list article{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;overflow:hidden}.marketing-result-list article>header{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.marketing-result-list header>div{min-width:0}.marketing-result-list header span,.marketing-result-list header strong{display:block}.marketing-result-list header span{color:var(--brand);font-size:13px;font-weight:700}.marketing-result-list header strong{margin-top:1px;font-size:14px}.marketing-result-list header>div:last-child{text-align:right}.marketing-result-list time{color:var(--text-muted);font-size:13px;display:block}.marketing-result-list header b{font-family:var(--font-mono);font-size:13px;display:block}.marketing-result-list pre{max-height:460px;color:var(--text);white-space:pre-wrap;margin:0;padding:20px;font-family:inherit;font-size:14px;line-height:1.65;overflow:auto}.marketing-run-error{color:var(--danger);margin:0;padding:20px;font-size:14px}.marketing-result-list article>footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.marketing-result-list footer button{min-height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;font-size:13px;display:inline-flex}.marketing-result-list footer button:hover{background:var(--bg-hover)}.marketing-result-list footer .marketing-production-button{color:var(--brand);font-weight:650}.marketing-result-list footer>span{color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;font-size:13px}.marketing-connectors{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.marketing-connectors>svg{color:var(--brand);flex:none}.marketing-connectors>div{flex:1;min-width:0}.marketing-connectors strong{font-size:14px}.marketing-connectors p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.marketing-connectors a{color:var(--brand);flex:none;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}}@layer utilities{.\!visible{visibility:visible!important}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.min-h-dvh{min-height:100dvh}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:none\]{scrollbar-width:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.overflow-x-auto{overflow-x:auto}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.bg-bg-elevated{background-color:var(--bg-elevated)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-danger{color:var(--danger)}.text-text-muted{color:var(--text-muted)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.active\:cursor-grabbing:active{cursor:grabbing}@media (min-width:40rem){.sm\:w-\[340px\]{width:340px}}@media (min-width:48rem){.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{color-scheme:light;--bg:#fff;--bg-subtle:#f7f7fa;--bg-elevated:#fff;--bg-hover:#f0f0f5;--border:#e6e6ed;--border-accent:#f0ebff;--text:#15151a;--text-muted:#626575;--accent:#7357ff;--accent-hover:#6240e8;--accent-text:#fff;--accent-subtle:#f0ebff;--danger:#e02b2b;--brand:#7357ff;--brand-hover:#6240e8;--brand-subtle:#f0ebff;--brand-text:#fff;--radius-field:10px;--radius-card:16px;--radius-panel:20px;--sidebar-width-base:224px;--topbar-height:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#17171d;--bg-subtle:#101014;--bg-elevated:#1e1e26;--bg-hover:#2a2a34;--border:#33333f;--border-accent:#382f61;--text:#f2f2f6;--text-muted:#9a9baa;--accent:#8c72ff;--accent-hover:#a08bff;--accent-text:#fff;--accent-subtle:#29234a;--danger:#ff6b6b;--brand:#8c72ff;--brand-hover:#a08bff;--brand-subtle:#29234a;--brand-text:#fff}}[data-theme=dark]{color-scheme:dark;--bg:#17171d;--bg-subtle:#101014;--bg-elevated:#1e1e26;--bg-hover:#2a2a34;--border:#33333f;--border-accent:#382f61;--text:#f2f2f6;--text-muted:#9a9baa;--accent:#8c72ff;--accent-hover:#a08bff;--accent-text:#fff;--accent-subtle:#29234a;--danger:#ff6b6b;--brand:#8c72ff;--brand-hover:#a08bff;--brand-subtle:#29234a;--brand-text:#fff}@keyframes studio-pulse{0%,to{opacity:.65}50%{opacity:.35}}@keyframes stage-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:767px){.studio-main.flows-main{padding-bottom:64px}.studio-layout{--sidebar-width:0px}.studio-main,.studio-shell-main{margin-left:0}.studio-main{padding:24px 16px 230px}.studio-main.create-main{padding-bottom:100px}.composer-shell{padding:8px 16px 12px;left:0}.job-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes studio-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.studio-main.studio-home-main{padding:76px 16px 310px}.studio-recent-results{margin-top:32px}.studio-section-heading{align-items:start}.studio-section-heading>span{display:none}.composer{max-height:min(58dvh,470px);overflow-y:auto}.composer-hint{display:none}.job-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.viewer-backdrop{padding:0}.viewer-content{border:0;border-radius:0;flex-direction:column;width:100%;height:100%;max-height:100%}.viewer-media{flex:0 0 42dvh;width:100%;min-height:42dvh}.viewer-media img,.viewer-media video{max-height:42dvh}.viewer-details{border-top:1px solid var(--border);border-left:0;flex:1;width:100%;min-height:0;padding:20px 16px}.viewer-close{top:12px;right:12px}}@media (max-width:480px){.job-grid{grid-template-columns:1fr}}@media (max-width:767px){.elements-main,.projects-main{padding-top:76px}.projects-heading{align-items:flex-start}.projects-heading .flow-button{flex:none}.project-card{width:min(78vw,270px)}.element-upload-fields{grid-template-columns:1fr}.element-file-row{flex-direction:column;align-items:stretch}}@keyframes flow-activity{0%{opacity:.25}to{opacity:1}}@keyframes queue-pulse{0%{opacity:.55}to{opacity:1}}@media (max-width:767px){.flows-heading{align-items:flex-start}.flows-heading .flow-button{flex:none}.flow-canvas-title small{display:none}.flow-canvas-scroll{max-height:420px}.flow-step-layout{grid-template-columns:1fr}.flow-step-layout>aside{border-right:0;border-bottom:1px solid var(--border);padding:16px}.flow-fields{padding:16px}.flow-run-summary{align-items:flex-start;padding:12px}.flow-run-summary small time{display:block}.flow-results-link{font-size:13px}.queue-trigger{top:10px;right:12px}.queue-panel{border-left:0;width:100%}.queue-summary small{display:none}}@media (max-width:480px){.flows-heading>span p{max-width:230px}.flows-heading .flow-button{padding-inline:10px}.flow-editor-header>div{display:none}.flow-run-state-icon{width:30px;height:30px}.queue-trigger>span{display:none}}@media (max-width:767px){.studio-main.studio-home-main{background:radial-gradient(120% 55% at 50% 0,var(--bg) 0,var(--bg-subtle) 100%);padding:14px 22px 124px;overflow-x:hidden}.studio-home-main>*{width:100%}.composer-reference{margin-top:8px;display:block}.composer-settings{grid-column:auto}.composer-popover{width:auto;left:0;right:0}.studio-section-heading.inspiration-heading{margin-bottom:14px}.studio-section-heading.inspiration-heading h2{font-size:26px}.inspiration-heading button,.inspiration-heading>a{font-size:16px}.studio-recent-results{margin-top:32px}.job-strip{grid-template-columns:1fr;gap:12px}.queue-trigger{top:auto;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);min-height:40px;box-shadow:0 8px 22px var(--text);border-radius:9999px;padding:4px 12px}@supports (color:color-mix(in lab,red,red)){.queue-trigger{box-shadow:0 8px 22px color-mix(in srgb,var(--text) 14%,transparent)}}.queue-trigger>span{display:none}}@media (max-width:1180px) and (min-width:768px){.job-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-main.studio-home-main{padding-inline:28px}}@media (max-width:400px){.studio-main.studio-home-main{padding-inline:18px}}.notifications-backdrop,.search-backdrop{z-index:100}.search-badge,.search-results h3{font-size:13px}.search-panel{animation:studio-panel-enter .15s ease-out}.search-results button:focus-visible{background:var(--brand-subtle)}.notifications-read{text-align:left;color:var(--brand);cursor:pointer;padding:12px 16px;font-size:14px}.notifications-panel .composer-error{padding:12px}.notifications-panel .composer-error button{text-decoration:underline;display:block}.theme-picker{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;gap:4px;padding:4px;display:flex}.theme-picker button{min-height:40px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.theme-picker button[aria-pressed=true]{color:var(--brand);background:var(--brand-subtle)}.theme-picker button:hover{background:var(--bg-hover)}.profile-back{color:var(--brand);align-items:center;gap:8px;font-size:14px;display:inline-flex}.profile-stats{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;display:grid}.account-layout{align-items:flex-start;gap:24px;display:flex}.account-body{flex:1;min-width:0}.account-body .library-tabs{margin-bottom:24px}.account-sidebar{width:260px;top:calc(var(--topbar-height) + 16px);flex-direction:column;flex:0 0 260px;gap:16px;display:flex;position:sticky}.account-side-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);padding:20px}.account-side-card h3{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.account-side-card p{color:var(--text-muted);margin:0 0 16px;font-size:13px;line-height:1.4}.account-side-brand{align-items:center;gap:10px;margin-bottom:12px;font-size:15px;display:flex}.account-side-brand .logo-mark{width:32px;height:32px}.account-side-button{justify-content:center;width:100%;display:flex}.account-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.account-stat-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-elevated);padding:20px}.account-stat-card span{color:var(--text-muted);font-size:13px;display:block}.account-stat-card strong{font-family:var(--font-mono);margin:6px 0 2px;font-size:24px;font-weight:600;display:block}.account-stat-card small{color:var(--text-muted);font-size:12px}@media (max-width:900px){.account-layout{flex-direction:column}.account-sidebar{flex-flow:wrap;flex-basis:auto;width:100%;position:static}.account-side-card{flex:220px}.account-stat-grid{grid-template-columns:minmax(0,1fr)}}.profile-stats>div{gap:4px;padding:20px;display:grid}.profile-stats strong{font-size:24px}.profile-stats span{color:var(--text-muted);font-size:13px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.profile-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;min-width:0;padding:24px}.profile-card h2{align-items:center;gap:8px;font-size:20px;display:flex}.profile-card>p{color:var(--text-muted);margin:8px 0 20px;font-size:14px}.profile-card form,.profile-card label{gap:8px;display:grid}.profile-card form{gap:16px}.profile-card dd,.profile-card dt,.profile-card label{font-size:14px}.profile-card small{color:var(--text-muted);font-size:13px}.profile-primary{background:var(--brand);color:var(--brand-text);cursor:pointer;border-radius:8px;padding:12px 16px;font-weight:600}.profile-primary:hover{background:var(--brand-hover)}.profile-logout:disabled,.profile-primary:disabled{opacity:.4;cursor:not-allowed}.profile-card dl{gap:12px;margin:20px 0;display:grid}.profile-card dl>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.profile-card dt{color:var(--text-muted)}.profile-logout{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:12px 16px;display:inline-flex}.profile-feedback{color:var(--brand);align-items:center;gap:8px;margin:16px 0;display:flex}.profile-card-wide{margin-top:24px}.profile-card form.token-create{flex-direction:row;align-items:center;gap:12px;display:flex}.token-create input{flex:1}.token-reveal{border:1px solid var(--brand);background:var(--brand);border-radius:10px;gap:12px;margin:0 0 20px;padding:16px;display:grid}@supports (color:color-mix(in lab,red,red)){.token-reveal{background:color-mix(in srgb,var(--brand) 8%,transparent)}}.token-reveal-value{align-items:center;gap:12px;display:flex}.token-reveal-value code{overflow-wrap:anywhere;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.token-reveal-dismiss{color:var(--brand);cursor:pointer;align-self:start;font-size:13px;font-weight:600}.token-list{gap:12px;margin-top:20px;padding:0;list-style:none;display:grid}.token-list li{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.token-row-label{align-items:center;gap:8px;display:flex}.token-preview{color:var(--text-muted);font-family:monospace;font-size:13px}.token-row-meta{color:var(--text-muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.academia-steps{counter-reset:academia-step;gap:16px;padding:0;list-style:none;display:grid}.academia-steps li{padding-left:36px;position:relative}.academia-steps li:before{counter-increment:academia-step;content:counter(academia-step);background:var(--brand);width:24px;height:24px;color:var(--brand-text);border-radius:9999px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;left:0}.academia-steps strong{margin-bottom:4px;display:block}.academia-steps p{margin:0}.academia-steps p,.academia-tips{color:var(--text-muted);font-size:14px}.academia-tips{gap:10px;padding-left:20px;display:grid}.academia-intro{color:var(--text-muted);margin:0 0 12px;font-size:14px}.academia-inline-link{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.connect-faq .connect-details>div{gap:8px;display:grid}.connect-details{margin:4px 0 16px}.connect-details summary{cursor:pointer;color:var(--brand);font-size:14px;font-weight:600}.connect-details>div{margin-top:12px}.connect-faq{gap:4px;display:grid}.connect-faq .connect-details{border-top:1px solid var(--border);margin:0;padding:12px 0}.connect-faq .connect-details summary{color:var(--text)}.connect-faq .connect-details p{color:var(--text-muted);margin:0;font-size:14px}.connect-code{margin:8px 0 16px;position:relative}.connect-code pre{background:var(--bg-elevated);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0;padding:14px 44px 14px 14px;font-size:13px;line-height:1.6;overflow-x:auto}.connect-copy{cursor:pointer;width:28px;height:28px;color:var(--text-muted);border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.connect-copy:hover{background:var(--bg-hover);color:var(--text)}@keyframes studio-panel-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px) and (max-width:1200px){.profile-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:768px) and (max-width:1000px){.queue-trigger{right:12px}}@media (max-width:767px){.profile-grid{grid-template-columns:minmax(0,1fr);gap:16px}.profile-card{padding:20px}.profile-card form.token-create,.token-reveal-value{flex-direction:column;align-items:stretch}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.search-backdrop{padding:16px 12px calc(16px + env(safe-area-inset-bottom))}.search-panel{height:fit-content;min-height:260px;max-height:100%}.search-results{max-height:calc(100dvh - 110px)}.notifications-panel{width:calc(100% - 24px);max-height:calc(100dvh - 32px);top:16px;right:12px}}@media (prefers-reduced-motion:reduce){.search-panel{animation:none}}@media (max-width:1100px){.marketing-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-models{grid-template-columns:minmax(0,1fr)}.marketing-provider{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.marketing-provider>strong{grid-column:1/-1}.marketing-provider>label+label{margin-top:0}}@media (max-width:767px){.marketing-workspace{gap:30px;padding-top:74px;padding-bottom:28px}.marketing-hero{padding:24px 18px}.marketing-hero:after{opacity:.45;top:18px;right:-42px}.marketing-hero h1{max-width:500px;font-size:34px}.marketing-hero>p{font-size:15px}.marketing-summary{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.marketing-summary>span:last-child{grid-column:1/-1}.marketing-section-heading{display:block}.marketing-section-heading>small{text-align:left;margin-top:5px;display:block}.marketing-agent-grid{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-18px;padding-right:18px;display:flex;overflow-x:auto}.marketing-agent-grid::-webkit-scrollbar{display:none}.marketing-agent-grid>button{scroll-snap-align:start;flex:none;width:min(76vw,270px);min-height:168px}.marketing-builder{padding:18px}.marketing-form-grid{grid-template-columns:minmax(0,1fr)}.marketing-batch-field,.marketing-channel-field{grid-column:auto}.marketing-form-grid input,.marketing-form-grid textarea{font-size:16px}.marketing-models{grid-template-columns:minmax(0,1fr)}.marketing-provider{display:block}.marketing-provider>label+label{margin-top:8px}.marketing-submit-bar{flex-direction:column;align-items:stretch}.marketing-submit-bar>button{width:100%;min-height:52px}.marketing-result-list article>header{align-items:flex-start}.marketing-result-list pre{max-height:420px;padding:16px;font-size:14px}.marketing-result-list footer>span{width:100%;margin:5px 0 0}.marketing-connectors{align-items:flex-start}.marketing-connectors a{display:none}}@media (max-width:420px){.marketing-hero h1{font-size:30px}.marketing-summary{grid-template-columns:minmax(0,1fr)}.marketing-summary>span:last-child{grid-column:auto}.marketing-agent-grid>button{width:82vw}}@media (prefers-reduced-motion:reduce){.marketing-workspace{animation:none}.marketing-agent-grid>button:hover{transform:none}}.marketing-workspace{gap:32px;max-width:1080px;margin-inline:auto}.marketing-console{z-index:3;border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:16px;position:relative}.marketing-console>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding:0 4px 12px;display:flex}.marketing-console>header span{color:var(--text-muted);font-size:13px}.marketing-console>header h2{margin-top:2px;font-size:18px}.marketing-console>header small{max-width:420px;color:var(--text-muted);text-align:right;font-size:13px}.marketing-console>textarea{width:100%;min-height:132px;max-height:220px;color:var(--text);font:inherit;resize:vertical;background:0 0;border:0;padding:20px 4px 12px;font-size:18px;line-height:1.5;overflow-y:auto}.marketing-console>textarea::placeholder{color:var(--text-muted)}.marketing-console>textarea:focus{outline:0}.marketing-console-toolbar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0 0;display:flex}.marketing-console-chips{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.marketing-console-chips>button,.marketing-console-chips>span{border:1px solid var(--border);background:var(--bg-subtle);min-height:36px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.marketing-console-chips>button{cursor:pointer}.marketing-console-chips>button:hover,.marketing-console-chips>button[aria-expanded=true]{background:var(--bg-hover)}.marketing-send{background:var(--accent);width:44px;height:44px;color:var(--accent-text);cursor:pointer;border:0;border-radius:9999px;flex:none;place-items:center;display:grid}.marketing-send:hover{opacity:.85}.marketing-send:disabled{opacity:.45;cursor:not-allowed}.marketing-working-dot{background:currentColor;border-radius:9999px;width:9px;height:9px;animation:marketing-pulse .9s ease-out infinite alternate}.marketing-credit-estimate{color:var(--text-muted);text-align:right;padding:9px 4px 0;font-size:13px}.marketing-popover{z-index:5;border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;max-height:min(620px,72vh);padding:16px;animation:marketing-panel-in .15s ease-out both;position:absolute;bottom:76px;left:16px;right:16px;overflow-y:auto}.marketing-popover-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.marketing-popover-heading span,.marketing-popover-heading strong{display:block}.marketing-popover-heading strong{font-size:15px}.marketing-popover-heading span{color:var(--text-muted);margin-top:2px;font-size:13px}.marketing-popover-heading>button{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.marketing-popover-heading>button:hover{background:var(--bg-hover)}.marketing-agent-popover>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.marketing-agent-popover>div:last-child>button{border:1px solid var(--border);background:var(--bg-elevated);min-height:76px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.marketing-agent-popover>div:last-child>button:hover{background:var(--bg-hover)}.marketing-agent-popover>div:last-child>button[aria-pressed=true]{outline:2px solid var(--text-muted);outline-offset:-2px}.marketing-agent-popover button>span{flex:1;min-width:0}.marketing-agent-popover button small,.marketing-agent-popover button strong{display:block}.marketing-agent-popover button strong{font-size:14px}.marketing-agent-popover button small{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.35}.marketing-settings-popover{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.marketing-settings-popover>.marketing-popover-heading,.marketing-settings-popover>fieldset{grid-column:1/-1}.marketing-settings-popover label{gap:6px;display:grid}.marketing-settings-popover label>span,.marketing-settings-popover legend{font-size:13px;font-weight:600}.marketing-settings-popover label small{color:var(--text-muted);font-size:13px;font-weight:400}.marketing-settings-popover input,.marketing-settings-popover textarea{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:14px}.marketing-settings-popover textarea{resize:vertical;min-height:78px}.marketing-settings-popover fieldset{border:0;margin:0;padding:0}.marketing-channel-options{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.marketing-channel-options button{border:1px solid var(--border);background:var(--bg-elevated);min-height:34px;color:var(--text);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:13px}.marketing-channel-options button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.marketing-model-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.marketing-model-options>div{min-width:0}.marketing-model-options>div>strong{color:var(--text-muted);margin:0 0 6px 2px;font-size:13px;display:block}.marketing-model-options button{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;gap:2px;padding:9px;display:grid}.marketing-model-options button+button{margin-top:6px}.marketing-model-options button:hover{background:var(--bg-hover)}.marketing-model-options button[aria-pressed=true]{outline:2px solid var(--text-muted);outline-offset:-2px}.marketing-model-options button span{font-size:13px;font-weight:600}.marketing-model-options button small{color:var(--text-muted);font-size:13px;line-height:1.25}.marketing-model-options em{background:var(--accent);color:var(--accent-text);border-radius:8px;margin-left:6px;padding:2px 5px;font-size:13px;font-style:normal}.marketing-validation{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.marketing-validation{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border))}}.marketing-validation{background:var(--danger);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.marketing-validation{background:color-mix(in srgb,var(--danger) 7%,var(--bg-elevated))}}.marketing-validation{color:var(--danger);padding:14px 16px}.marketing-validation>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.marketing-validation strong{font-size:14px}.marketing-validation button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.marketing-validation ul{margin:8px 0 0;padding-left:20px;font-size:13px}@keyframes marketing-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes marketing-pulse{0%{opacity:.35}to{opacity:1}}@media (max-width:767px){.marketing-console{padding:14px}.marketing-console>header{display:block}.marketing-console>header small{text-align:left;margin-top:4px;display:block}.marketing-console>textarea{min-height:150px;padding-top:16px;font-size:16px}.marketing-console-toolbar{align-items:flex-end}.marketing-console-chips>button{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 130px);overflow:hidden}.marketing-console-chips>button:nth-child(2){max-width:calc(100vw - 100px)}.marketing-popover{inset:auto 12px calc(82px + env(safe-area-inset-bottom)) 12px;max-height:72dvh;position:fixed}.marketing-agent-popover>div:last-child,.marketing-model-options,.marketing-settings-popover{grid-template-columns:minmax(0,1fr)}.marketing-settings-popover>.marketing-popover-heading,.marketing-settings-popover>fieldset{grid-column:auto}.marketing-settings-popover>.marketing-popover-heading{grid-column:1}.marketing-settings-popover input,.marketing-settings-popover textarea{font-size:16px}.marketing-credit-estimate{text-align:left}}@media (prefers-reduced-motion:reduce){.marketing-popover,.marketing-working-dot{animation:none}}.composer-shell{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:100%;margin:20px 0 0;padding:0;position:static;bottom:auto;left:auto;right:auto}.composer{border:1px solid var(--border);background:var(--bg-elevated);max-width:none;max-height:none;box-shadow:0 4px 18px var(--text);border-radius:18px;gap:12px;padding:16px;display:grid;overflow:visible}@supports (color:color-mix(in lab,red,red)){.composer{box-shadow:0 4px 18px color-mix(in srgb,var(--text) 6%,transparent)}}.composer-prompt{display:block}.composer textarea{resize:none;background:0 0;border:0;min-height:58px;max-height:200px;padding:2px 2px 0;font-size:16px;line-height:1.5}.composer textarea:focus{border-color:#0000;outline:0}.composer-file-message,.composer-loading{color:var(--text-muted);margin:0;font-size:14px}.composer-file-message{border:1px dashed var(--border);min-height:44px;border-radius:12px;align-items:center;padding:10px 12px;display:flex}.composer-bar{gap:12px}.composer-bar,.composer-tools{align-items:center;display:flex}.composer-tools{flex-wrap:wrap;flex:1;gap:8px;min-width:0}.composer-reference,.composer-settings{min-width:0;position:relative}.composer-tool{border:1px solid var(--border);background:var(--bg-subtle);max-width:100%;min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.composer-tool:hover:not(:disabled){border-color:var(--text-muted);background:var(--bg-hover)}.composer-tool:disabled{cursor:not-allowed;opacity:.45}.composer-tool-on{border-color:var(--brand)}@supports (color:color-mix(in lab,red,red)){.composer-tool-on{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}}.composer-tool-on{color:var(--brand)}.composer-tool-on,.composer-tool-on:hover:not(:disabled),.composer-tool-required{background:var(--brand-subtle)}.composer-tool-required{border-color:var(--brand);color:var(--brand)}.composer-tool b{background:currentColor;border-radius:999px;flex:none;width:7px;height:7px}.composer-tool-summary{min-width:0}.composer-tool-summary em{border-left:1px solid var(--border);min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding-left:9px;font-size:13px;font-style:normal;overflow:hidden}.composer-tool-summary[aria-expanded=true]{border-color:var(--text-muted);background:var(--bg-hover)}.composer .send-button{background:var(--brand);width:auto;height:auto;min-height:44px;color:var(--brand-text);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.composer .send-button:hover:not(:disabled){background:var(--brand-hover);opacity:1}.composer .send-button:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:1}.composer-source{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 10px;display:flex}.composer-foot{min-height:20px}.composer-error,.composer-hint,.composer-message{color:var(--text-muted);text-align:left;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.composer-error{color:var(--danger)}.composer-tip{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:2px 6px 2px 0;font-size:13px;display:inline-flex}.composer-tip svg,.composer-tip:hover{color:var(--brand)}.composer-tip svg{flex:none}.composer-popover{z-index:40;border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;width:min(430px,100vw - 32px);padding:14px;animation:composer-panel-in .14s ease-out;display:block;position:absolute;inset:auto auto calc(100% + 10px) 0;box-shadow:0 18px 48px #0000002e}.composer-settings-popover{left:auto;right:0}.composer-popover-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.composer-popover-head strong{font-size:14px}.composer-popover-head button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.composer-popover-head button:hover{background:var(--bg-hover);color:var(--text)}.generation-settings{gap:12px;display:grid}.settings-scroll{gap:14px;max-height:min(58dvh,460px);padding-right:2px;display:grid;overflow-y:auto}.settings-group{gap:8px;display:grid}.settings-row{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;display:grid}.settings-row-label{color:var(--text-muted);font-size:13px;font-weight:500}.settings-model-note{color:var(--text-muted);margin:-6px 0 0 108px;font-size:12px;line-height:1.45}.settings-style-note{color:var(--brand);align-items:flex-start;gap:5px;margin:-4px 0 0 108px;font-size:12px;font-style:italic;line-height:1.45;display:flex}.settings-media-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.settings-media-tab{border:1px solid var(--border);background:var(--bg-subtle);min-height:38px;color:var(--text);cursor:pointer;border-radius:10px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.settings-media-tab:hover:not(:disabled){background:var(--bg-hover)}.settings-media-tab:disabled{cursor:not-allowed;opacity:.4}.settings-media-tab-on{color:var(--accent-text);border-color:#0000}.settings-media-tab-on,.settings-media-tab-on:hover:not(:disabled){background:var(--accent)}.segmented{border:1px solid var(--border);background:var(--bg-subtle);border-radius:11px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.segment{min-height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:auto;padding:0 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s}.segment:hover{background:var(--bg-hover);color:var(--text)}.segment-on,.segment-on:hover{background:var(--accent);color:var(--accent-text)}.ratio-options{flex-wrap:wrap;gap:8px;display:flex}.ratio-options .ratio-option{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-elevated);min-width:60px;min-height:60px;color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ratio-option:hover{background:var(--bg-hover);color:var(--text)}.ratio-option-on,.ratio-option-on:hover{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.ratio-glyph{border:1.5px solid;border-radius:3px;display:block}.count-stepper{border:1px solid var(--border);border-radius:var(--radius-field);background:var(--bg-subtle);align-items:center;gap:4px;padding:3px;display:inline-flex}.count-stepper button{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.count-stepper button:hover:not(:disabled){background:var(--bg-hover)}.count-stepper button:disabled{cursor:not-allowed;opacity:.35}.count-stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:14px;font-weight:600}.settings-select{align-items:center;display:flex;position:relative}.settings-select select{appearance:none;border:1px solid var(--border);background:var(--bg-subtle);width:100%;min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;padding:0 34px 0 12px;font-size:14px}.settings-select select:hover{background:var(--bg-hover)}.settings-select svg{pointer-events:none;color:var(--text-muted);position:absolute;right:11px}.settings-select optgroup,.settings-select option{background:var(--bg-elevated);color:var(--text)}.settings-advanced{border-top:1px solid var(--border);padding-top:12px}.settings-advanced-toggle{width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:7px 6px;font-size:14px;font-weight:500;display:flex}.settings-advanced-toggle:hover{background:var(--bg-hover)}.settings-advanced-toggle>span{text-align:left;flex:1}.settings-advanced-toggle svg:last-child{color:var(--text-muted);transition:transform .15s}.settings-chevron-open{transform:rotate(180deg)}.settings-advanced-flag{background:var(--brand-subtle);color:var(--brand);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600}.settings-advanced-body{gap:14px;padding-top:10px;display:grid}.settings-field label{clip-path:none;width:auto;height:auto;position:static}.settings-field-required .studio-input{border-color:var(--brand)}.settings-presets{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.settings-presets>strong{font-size:14px}.settings-presets .save-preset-button{justify-self:start}.settings-cost{border-top:1px solid var(--border);color:var(--text-muted);align-items:flex-start;gap:7px;margin:0;padding-top:11px;font-size:12.5px;line-height:1.45;display:flex}.settings-cost svg{flex:none;margin-top:2px}.settings-cost strong{color:var(--text);font-weight:600}.settings-cost a{color:var(--brand);text-decoration:underline}@keyframes composer-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.settings-row{grid-template-columns:minmax(0,1fr);gap:6px}.settings-model-note,.settings-style-note{margin-left:0}}@media (max-width:767px){.composer-shell{margin-top:16px;padding:0}.composer{border-radius:20px;max-height:none;padding:14px;overflow:visible}.composer textarea{min-height:62px;font-size:16px}.composer-bar{flex-wrap:wrap}.composer-tools{flex:100%}.composer-reference,.composer-settings{flex:1 1 0}.composer-tool{border-radius:13px;justify-content:flex-start;width:100%;min-height:46px}.composer-tool-label{display:none}.composer-tool-summary em{border-left:0;padding-left:0;font-size:14px}.composer .send-button{border-radius:14px;width:100%;min-width:0;min-height:52px;font-size:16px}.composer-hint,.send-button-arrow{display:none}.composer-popover{inset:auto 10px calc(12px + env(safe-area-inset-bottom)) 10px;width:auto;max-height:78dvh;position:fixed;overflow-y:auto}.settings-scroll{max-height:56dvh}.settings-media-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-advanced-body .studio-input,.settings-select select{font-size:16px}.segment{min-height:38px;font-size:14px}.ratio-options .ratio-option{flex:1 0 60px;min-height:58px}}.agent-gallery{gap:14px;display:grid}.agent-gallery-head h2{margin:0 0 4px;font-size:20px}.agent-gallery-head p{color:var(--text-muted);margin:0;font-size:14px}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.agent-card,.agent-grid>li{display:flex}.agent-card{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:20px 12px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative}.agent-card:hover{border-color:var(--text-muted);transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.agent-card-on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.agent-card strong{font-size:15px;font-weight:600}.agent-card small{color:var(--text-muted);font-size:12.5px;line-height:1.35}.agent-badge{letter-spacing:.6px;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:9.5px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.agent-badge-nuevo{background:var(--accent);color:var(--accent-text)}.agent-badge-exclusivo{color:#fff;background:#e0457b}.agent-check{background:var(--brand);width:21px;height:21px;color:var(--brand-text);border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.marketing-console-avatar{background:radial-gradient(circle at 32% 28%,var(--agent-accent),var(--agent-accent));border-radius:999px;flex:none;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab,red,red)){.marketing-console-avatar{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--agent-accent) 78%,#fff),var(--agent-accent))}}.marketing-console-avatar{color:#fff;font-size:14px;font-weight:600}.marketing-console>header>div{align-items:center;gap:12px;display:flex}.marketing-brief-chip{min-width:0}.marketing-brief-chip em{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-style:normal;overflow:hidden}@media (max-width:767px){.agent-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}.agent-card{padding:18px 8px 14px}.agent-card strong{font-size:14px}.agent-card small{font-size:11.5px}.marketing-chip-label{display:none}}@media (max-width:380px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.onboarding-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;place-items:center;padding:20px;animation:onboarding-fade .18s ease-out;display:grid;position:fixed;inset:0}.onboarding-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:20px;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:24px;animation:onboarding-rise .2s ease-out;overflow-y:auto;box-shadow:0 26px 70px #0000004d}.onboarding-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.onboarding-mark{background:var(--brand-subtle);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:none;place-items:center;display:grid}.onboarding-progress{flex:1;gap:5px;display:flex}.onboarding-progress i{background:var(--border);border-radius:999px;flex:1;height:4px;transition:background .2s}.onboarding-progress .onboarding-dot-on{background:var(--brand)}.onboarding-step-count{color:var(--text-muted);flex:none;font-size:12px}.onboarding-card h2{margin:0 0 6px;font-size:22px;line-height:1.25}.onboarding-card h2:focus-visible{outline:0}.onboarding-help{color:var(--text-muted);margin:0 0 18px;font-size:14px;line-height:1.5}.onboarding-options{border:0;gap:8px;margin:0;padding:0;display:grid}.onboarding-option{border:1px solid var(--border);background:var(--bg-subtle);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.onboarding-option:hover{border-color:var(--text-muted);background:var(--bg-hover)}.onboarding-option-on{border-color:var(--brand);background:var(--brand-subtle)}.onboarding-option>svg{color:var(--brand);flex:none}.onboarding-option>span{flex:1;gap:2px;min-width:0;display:grid}.onboarding-option strong{font-size:15px;font-weight:600}.onboarding-option small{color:var(--text-muted);font-size:13px;line-height:1.4}.onboarding-option>i{width:22px;height:22px;color:var(--brand-text);border-radius:999px;flex:none;place-items:center;display:grid}.onboarding-option-on>i{background:var(--brand)}.onboarding-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.onboarding-back{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 10px;font-size:14px;display:inline-flex}.onboarding-back:hover{background:var(--bg-hover);color:var(--text)}.onboarding-next{background:var(--brand);min-height:44px;color:var(--brand-text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.onboarding-next:hover:not(:disabled){background:var(--brand-hover)}.onboarding-next:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.profile-preferences{gap:8px;margin:0 0 14px;display:grid}.profile-preferences>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:7px;display:flex}.profile-preferences dt{color:var(--text-muted);font-size:13px}.profile-preferences dd{text-align:right;margin:0;font-size:14px;font-weight:500}.profile-preferences-empty{color:var(--text-muted);font-size:14px}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (max-width:480px){.onboarding-backdrop{align-items:flex-end;padding:0}.onboarding-card{max-height:92dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.onboarding-card h2{font-size:20px}.onboarding-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-next{justify-content:center;margin-left:0}}@media (prefers-reduced-motion:reduce){.composer-popover,.onboarding-backdrop,.onboarding-card{animation:none}.agent-card:hover{transform:none}.settings-advanced-toggle svg:last-child{transition:none}}.composer-popover[data-place=down]{top:calc(100% + 10px);bottom:auto}.composer-popover[data-place]{max-height:var(--panel-max,70dvh);flex-direction:column;display:flex;overflow:hidden}.composer-popover[data-place] .generation-settings{min-height:0}.composer-popover[data-place] .settings-scroll{flex:1;min-height:0;max-height:none}.settings-scroll{gap:11px}.settings-row{gap:10px}.settings-media-tab{min-height:34px;font-size:12.5px}.settings-select select{min-height:36px;font-size:13.5px}.settings-model-note{margin-top:-4px;font-size:11.5px}.segment{min-height:29px;font-size:12.5px}.ratio-options{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.ratio-options::-webkit-scrollbar{display:none}.ratio-options .ratio-option{flex:none;gap:4px;min-width:46px;min-height:46px;padding:5px 7px;font-size:11px}.ratio-glyph{max-height:16px}.settings-advanced{padding-top:9px}.settings-advanced-toggle{padding:5px 6px;font-size:13.5px}.settings-cost{padding-top:9px;font-size:12px}.composer-popover{padding:13px}.composer-popover-head{margin-bottom:10px}@media (max-width:767px){.ratio-options .ratio-option{min-width:54px;min-height:52px;font-size:12px}.settings-media-tab{min-height:40px;font-size:14px}.settings-select select{min-height:44px}}@media (min-width:768px) and (max-width:1024px){.studio-layout{--sidebar-width:208px}.composer-tool-summary em{max-width:190px}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.settings-row{grid-template-columns:minmax(0,1fr)}.composer-tool{padding:0 11px;font-size:13.5px}.composer-tool-summary em{max-width:150px;padding-left:8px}.composer .send-button{padding:0 16px}}.toast-stack{z-index:120;pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast,.toast-stack{align-items:center;gap:8px}.toast{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);box-shadow:0 10px 30px var(--text);border-radius:9999px;padding:9px 16px;font-size:13.5px;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.toast{box-shadow:0 10px 30px color-mix(in srgb,var(--text) 16%,transparent)}}.toast{animation:toast-in .18s ease-out both}.toast-success svg{color:var(--brand)}.toast-error{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.toast-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}}.toast-error svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.toast-stack{bottom:calc(76px + env(safe-area-inset-bottom,0px));align-items:stretch;left:16px;right:16px;transform:none}.toast{justify-content:center}}.viewer-media{touch-action:pan-y;position:relative}.viewer-nav{z-index:1;border:1px solid var(--border);background:var(--bg-elevated);border-radius:9999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%}@supports (color:color-mix(in lab,red,red)){.viewer-nav{background:color-mix(in srgb,var(--bg-elevated) 88%,transparent)}}.viewer-nav{color:var(--text);cursor:pointer;transform:translateY(-50%)}.viewer-nav:hover{background:var(--bg-elevated)}.viewer-nav-prev{left:12px}.viewer-nav-next{right:12px}@media (max-width:767px){.viewer-nav{width:34px;height:34px}}.vendor-badge{background:var(--vendor-color);color:#fff;text-transform:uppercase;border-radius:9999px;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.settings-select{gap:8px}.settings-select select{flex:1;width:auto;min-width:0}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;display:grid}.preset-card{position:relative}.preset-card-apply{border:1px solid var(--border);background:var(--bg-subtle);width:100%;min-height:68px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 10px;transition:background .15s,border-color .15s;display:flex}.preset-card-apply:hover{background:var(--bg-hover);border-color:var(--text-muted)}.preset-card-apply strong{font-size:12.5px;font-weight:600;line-height:1.25}.preset-card-apply small{color:var(--text-muted);font-size:11px}.preset-card-remove{z-index:1;border:1px solid var(--border);background:var(--bg-elevated);width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:9999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.preset-card-remove:hover{color:var(--danger);border-color:var(--danger)}.admin-actions-cell{flex-wrap:wrap;gap:6px;display:flex}.project-header-actions{flex:none;gap:6px;display:flex}.project-style-note{max-width:620px;color:var(--brand);align-items:flex-start;gap:6px;margin:8px 0 0;font-size:13px;font-style:italic;display:flex}.composer-history{min-width:0;position:relative}.composer-history-list{gap:6px;max-height:min(320px,46dvh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.composer-history-list button{border:1px solid var(--border);background:var(--bg-subtle);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;padding:9px 11px;font-size:13.5px;line-height:1.4}.composer-history-list button:hover{background:var(--bg-hover);border-color:var(--text-muted)}@media (max-width:767px){.composer-history{flex:1 1 0}}.job-batch-grid{aspect-ratio:1;background:var(--border);grid-template-columns:repeat(2,1fr);gap:2px;display:grid;overflow:hidden}.job-batch-tile{background:var(--bg-subtle);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.job-batch-tile img,.job-batch-tile video{object-fit:cover;width:100%;height:100%;display:block}.job-batch-tile:hover:after{content:"";background:var(--text);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.job-batch-tile:hover:after{background:color-mix(in srgb,var(--text) 10%,transparent)}}.job-batch-count{color:var(--text);font-weight:600}@media (max-width:767px){.job-batch-grid{aspect-ratio:4/3}}.viewer-details-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.viewer-quick-actions{gap:6px;display:flex}.viewer-quick-actions .studio-icon-button{width:32px;height:32px}.studio3d-card{cursor:pointer}.studio3d-thumb{color:var(--text-muted);background:var(--bg-subtle);justify-content:center;align-items:center;display:flex}.studio3d-main{min-height:calc(100dvh - var(--topbar-height));height:calc(100dvh - var(--topbar-height));flex-direction:column;max-width:none;padding:0;display:flex}.studio3d-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0;padding:16px 24px;display:flex}.studio3d-heading h1{font-size:18px}.studio3d-heading p{font-size:13px}.studio3d-heading>div:nth-child(2){flex:200px;min-width:0}.studio3d-save-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.studio3d-transparent-toggle{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.studio3d-save-state{color:var(--text-muted);text-align:right;min-width:110px;font-size:13px}.studio3d-save-conflict,.studio3d-save-error{color:var(--danger)}.studio3d-save-saved{color:var(--accent)}.studio3d-layout{flex:1;grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,260px);min-height:0;display:grid}.studio3d-panel{border-color:var(--border);background:var(--bg-elevated);min-width:0;padding:12px;overflow:hidden auto}.studio3d-tree{border-right:1px solid var(--border)}.studio3d-props{border-left:1px solid var(--border)}.studio3d-panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:12px}.studio3d-hint{color:var(--text-muted);font-size:13px}.studio3d-tree-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.studio3d-tree-item:hover{background:var(--bg-hover)}.studio3d-tree-item.active{background:var(--brand-subtle);color:var(--brand)}.studio3d-visibility{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:2px;display:flex}.studio3d-viewport{background:#1b1b22;min-width:0;position:relative}.studio3d-canvas{position:absolute;inset:0}.studio3d-canvas canvas{width:100%;height:100%;display:block}.studio3d-toolbar{z-index:2;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 16px #0003}.studio3d-toolbar button{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:flex}.studio3d-toolbar button:hover{background:var(--bg-hover)}.studio3d-toolbar button.active{background:var(--brand);color:var(--brand-text)}.studio3d-toolbar button:disabled{opacity:.4;cursor:not-allowed}.studio3d-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 2px}.studio3d-overlay{text-align:center;color:var(--text-muted);z-index:3;background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.studio3d-overlay-error{color:var(--danger)}.studio3d-props fieldset{border:0;margin:0 0 14px;padding:0}.studio3d-props legend{padding:0}.studio3d-props fieldset label,.studio3d-props legend{color:var(--text-muted);margin-bottom:6px;font-size:12px}.studio3d-props fieldset label{align-items:center;gap:8px;display:flex}.studio3d-props fieldset .studio-input{width:100%}.studio3d-props fieldset input[type=range]{flex:1}.studio3d-field{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.studio3d-field-block{gap:6px;margin-bottom:16px;font-size:13px;font-weight:600;display:grid}.studio3d-field-block textarea.studio-input{resize:vertical;font-weight:400}.studio3d-field-block .studio3d-hint{color:var(--text-muted);font-size:12px;font-weight:400}.studio3d-ai-panel{border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.studio3d-ai-panel .flow-button{width:100%;margin-bottom:12px}.studio3d-ai-panel .page-error{margin:0;font-size:12px}@media (max-width:900px){.studio3d-layout{flex-direction:column;display:flex}.studio3d-tree{display:none}.studio3d-viewport{flex:0 0 340px;min-height:340px}.studio3d-props{border-left:0;border-top:1px solid var(--border);flex:none;max-height:40vh}.studio3d-heading{flex-wrap:wrap;gap:10px;padding:12px 16px}.studio3d-heading>div:nth-child(2){flex:100%;order:3}.studio3d-save-actions{flex-wrap:wrap;flex:100%;order:2;margin-left:0}.studio3d-save-actions .flow-button,.studio3d-save-actions .flow-primary{flex:auto}}.flow-workspace{gap:12px;display:grid}.flow-workspace-mark{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}.flow-mark-toggle{border:1px solid var(--border);background:var(--bg-elevated);height:30px;color:var(--text);font:inherit;cursor:pointer;border-radius:9999px;align-items:center;gap:6px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.flow-mark-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.flow-mark{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;grid-template-rows:auto 1fr auto auto;min-height:420px;max-height:640px;display:grid;overflow:hidden}.flow-mark>header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.flow-mark>header>span:nth-child(2){flex:1;min-width:0;display:grid}.flow-mark>header strong{font-size:14px}.flow-mark>header small{color:var(--text-muted);font-size:12px}.flow-mark>header button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.flow-mark>header button:hover{background:var(--bg-hover);color:var(--text)}.flow-mark-avatar{background:var(--accent);width:30px;height:30px;color:var(--accent-text);border-radius:9999px;flex:none;place-items:center;display:grid}.flow-mark-list{flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.flow-mark-empty{gap:8px;display:grid}.flow-mark-empty p{color:var(--text-muted);margin:0 0 4px;font-size:13px;line-height:1.5}.flow-mark-empty button{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:8px 10px;font-size:13px}.flow-mark-empty button:hover:not(:disabled){border-color:var(--accent)}.flow-mark-msg{border-radius:12px;max-width:92%;padding:8px 11px;font-size:13.5px;line-height:1.5}.flow-mark-msg p{white-space:pre-wrap;margin:0}.flow-mark-user{background:var(--accent);color:var(--accent-text);align-self:flex-end}.flow-mark-assistant{background:var(--bg-subtle);align-self:flex-start}.flow-mark-error{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.flow-mark-error{border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}}.flow-mark-added{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;padding-top:6px;font-size:12px;display:flex}.flow-mark-added button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:600;display:inline-flex}.flow-mark-added button:hover{background:var(--bg-hover)}.flow-mark-typing{gap:4px;padding:12px;display:flex}.flow-mark-typing span{background:var(--text-muted);border-radius:9999px;width:6px;height:6px;animation:flow-activity .9s ease-out infinite alternate}.flow-mark-typing span:nth-child(2){animation-delay:.15s}.flow-mark-typing span:nth-child(3){animation-delay:.3s}.flow-mark-compose{border-top:1px solid var(--border);align-items:flex-end;gap:8px;padding:10px;display:flex}.flow-mark-compose textarea{resize:vertical;border:1px solid var(--border);background:var(--bg);min-height:40px;max-height:120px;color:var(--text);font:inherit;border-radius:10px;flex:1;padding:8px 10px;font-size:13.5px}.flow-mark-compose button{background:var(--accent);width:36px;height:36px;color:var(--accent-text);cursor:pointer;border:0;border-radius:9999px;flex:none;place-items:center;display:grid}.flow-mark-compose button:disabled{opacity:.45;cursor:not-allowed}.flow-mark-foot{color:var(--text-muted);padding:0 12px 10px;font-size:11.5px}.flow-mark-foot a{text-underline-offset:3px;text-decoration:underline}.flow-node-result{border:2px solid var(--border);background:var(--bg-subtle);width:44px;height:44px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.flow-node-result>img,.flow-node-result>video{object-fit:cover;width:100%;height:100%}.flow-node-result-success{border-color:var(--success,#16a34a)}.flow-node-result-fail{border-color:var(--danger)}.flow-node-result-running{border-color:var(--accent)}.flow-node-result .flow-activity-mark{color:#fff;justify-content:center;position:absolute;inset:auto 0 2px}.flow-node-top:has(.flow-node-result){margin-bottom:4px}.flow-step-result{gap:6px;margin-top:14px;display:grid}.flow-step-result small{color:var(--text-muted);font-size:12px;font-weight:600}.flow-step-result-media{background:#000;border-radius:10px;display:block;overflow:hidden}.flow-step-result-media img,.flow-step-result-media video{object-fit:contain;width:100%;max-height:240px;display:block}.flow-step-result audio{width:100%}.flow-step-result p{color:var(--danger);margin:0;font-size:12.5px}@media (max-width:1100px){.flow-workspace-mark{grid-template-columns:1fr}.flow-mark{min-height:360px;max-height:70dvh}}.flow-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle,var(--text) 1px,transparent 1px);height:560px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.flow-viewport{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 14%,transparent) 1px,transparent 1px)}}.flow-viewport:active{cursor:grabbing}.flow-viewport .flow-node-canvas{transform-origin:0 0;background:0 0;width:0;height:0;position:absolute;top:0;left:0}.flow-canvas-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.flow-canvas-tools .flow-mark-toggle{margin-left:0}.flow-tool{border:1px solid var(--border);background:var(--bg-elevated);height:30px;color:var(--text);font:inherit;cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.flow-tool:hover:not(:disabled){border-color:var(--accent)}.flow-tool:disabled{opacity:.55;cursor:progress}.flow-canvas-zoom .flow-canvas-fit{border-left:1px solid var(--border);border-radius:0 9999px 9999px 0;margin-left:2px}.flow-note{cursor:grab;touch-action:none;box-shadow:0 6px 18px -10px var(--text);border-radius:12px;gap:6px;padding:6px 8px 8px;display:grid;position:absolute}@supports (color:color-mix(in lab,red,red)){.flow-note{box-shadow:0 6px 18px -10px color-mix(in srgb,var(--text) 45%,transparent)}}.flow-note:active{cursor:grabbing}.flow-note-amarillo{color:#3b3200;background:#fff4b8}.flow-note-azul{color:#0d2a52;background:#d7e8ff}.flow-note-rosa{color:#561330;background:#ffd9e6}.flow-note-verde{color:#0f3d1d;background:#d6f5dd}.flow-note-image{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.flow-note-bar{opacity:.75;align-items:center;gap:6px;display:flex}.flow-note-colors{gap:4px;display:inline-flex}.flow-note-dot{cursor:pointer;border:1px solid #0003;border-radius:9999px;width:14px;height:14px}.flow-note-dot[aria-pressed=true]{box-shadow:0 0 0 2px}.flow-note-dot-amarillo{background:#ffe66b}.flow-note-dot-azul{background:#8fbfff}.flow-note-dot-rosa{background:#ff9ec0}.flow-note-dot-verde{background:#8fe0a2}.flow-note-remove{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin-left:auto;display:grid}.flow-note-remove:hover{background:#00000014}.flow-note textarea{resize:none;width:100%;color:inherit;font:inherit;cursor:text;background:0 0;border:0;padding:0;font-size:13px;line-height:1.45}.flow-note textarea:focus{outline:none}.flow-note img{object-fit:contain;pointer-events:none;background:#000;border-radius:8px;width:100%;max-height:180px;display:block}.flow-note-use{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-flex}.flow-note-use:hover:not(:disabled){border-color:var(--accent)}.flow-note-use:disabled{opacity:.55;cursor:not-allowed}@media (max-width:767px){.flow-viewport{height:420px}.flow-canvas-title{flex-wrap:wrap}.flow-canvas-tools{width:100%;margin-left:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}