/* September 15 palette: neutral ink, citrus actions, readable type. */
/* Cleom workspace — shared dark studio system. */
:root{color-scheme:dark;--bg-0:#0a0a0b;--bg-1:#111113;--bg-2:#17171b;--bg-3:#161619;--line:#ffffff14;--line-2:#ffffff25;--ink-0:#f3f3f4;--ink-1:#b3b3b9;--ink-2:#7c7c87;--bg-primary:#0a0a0b;--bg-secondary:#111113;--text-primary:#f3f3f4;--text-secondary:#a6a6ad;--border-subtle:#ffffff14;--accent:#c6f50a;--accent-deep:#c6f50a;--shadow-1:0 8px 30px #0002;--shadow-2:0 20px 70px #0006}
body{background:#0a0a0b;color:var(--ink-0);font-size:16px}body,button,input,textarea,select{font-family:'DM Sans',sans-serif}h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #c6f50a;outline-offset:4px}::selection{background:#c6f50a;color:#0e0e11}input::placeholder,textarea::placeholder{color:#6e6e79}.eyebrow{font-size:12px;letter-spacing:.18em;color:#9d9da6;font-weight:700}.muted{color:#8c8c96;font-size:14px;line-height:1.6}
.sidebar{width:236px;margin:0;padding:26px 13px 18px;height:100dvh;border-radius:0;background:linear-gradient(160deg,#0c0c0d,#0e0e10);border-right:1px solid #ffffff12;box-shadow:none}.sidebar-brand{padding:0 8px 24px}.sidebar-brand img{width:166px}.sidebar .nav-group{font-size:12px;letter-spacing:.17em;color:#71717b;margin:24px 12px 12px}.sidebar .nav-item{position:relative;border-radius:8px;min-height:42px;padding:10px 12px;font-size:15px;font-weight:500;color:#adadb5;margin:4px 0;transition:background .18s,color .18s}.sidebar .nav-item svg{width:18px;height:18px}.sidebar .nav-item.active{color:#d4f748;background:linear-gradient(100deg,#c6f50a1b,#c6f50a10);box-shadow:inset 0 0 0 1px #c6f50a09}.sidebar .nav-item.active:before{content:'';position:absolute;left:-13px;width:2px;height:22px;background:#c6f50a;box-shadow:0 0 14px #c6f50a}.sidebar .nav-item:hover:not(.active){background:#ffffff06;color:#fff}.sidebar .sidebar-foot{background:#131417;border-radius:12px;border:1px solid #c6f50a2b}.sidebar .sf-cr2 small{color:#83838d}.app-main{margin-left:236px;width:calc(100% - 236px);background:radial-gradient(ellipse at 50% 0,#35353d0b,transparent 60%),#0a0a0b;min-height:100vh}.topbar{height:72px;padding:10px 30px;background:#0a0a0bd9;border-bottom:1px solid #ffffff0b;position:relative;z-index:20}.topbar-right{gap:9px}.tb-stat,.user-btn{background:linear-gradient(140deg,#161619,#0d0d0f);color:#ededee;border:1px solid #ffffff18;border-radius:11px}.tb-stat{padding:8px 12px}.tb-val{color:#f2f2f4;font-size:16px}.tb-lbl{color:#82828d;font-size:12px}.tb-ic{background:#c6f50a10;color:#c6f50a;width:28px;height:28px}.tb-ic .cr-logo{filter:none}.ub-av{color:#0f0f11;background:#c6f50a}.user-btn{padding:7px 10px}.user-dropdown{color:#e5e5e7;background:#151519;border:1px solid #ffffff1c;box-shadow:0 16px 50px #0008}.user-dropdown a:hover,.user-dropdown button:hover{background:#c6f50a10}.button{min-height:44px;background:#ffffff03;border:1px solid #ffffff26;color:#e7e7e9;padding:11px 22px;font-size:14px;border-radius:100px;box-shadow:none;transition:border-color .2s,background .2s,transform .2s}.button:hover{background:#ffffff09;border-color:#c6f50a80;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.button-lime,.button-dark{background:#c6f50a;border-color:#c6f50a;color:#0c0d0f;font-weight:800;box-shadow:0 4px 24px #c6f50a16}.button-lime:hover,.button-dark:hover{background:#d3f741;color:#0c0d0f;border-color:#d3f741;box-shadow:0 6px 35px #c6f50a28}.button-small{min-height:36px;font-size:13px;padding:8px 16px}.studio-page{max-width:1680px;padding:30px 34px 56px}.studio-heading h1{font-size:clamp(34px,4vw,55px);font-weight:800;letter-spacing:-.045em;line-height:1.08;margin:9px 0 12px}.studio-heading p{color:#92929c;font-size:16px}.studio-heading em{color:#c6f50a;font-style:normal}.section-line{margin-bottom:14px;gap:14px}.section-line h2{font-size:21px;letter-spacing:-.045em;margin:0}.section-line p{font-size:14px;color:#868690;margin:5px 0 0}.section-line a{color:#c6f50a;font-size:13px;white-space:nowrap}.studio-empty{background:#131316;border:1px dashed #ffffff16;border-radius:14px;color:#8e8e97;padding:35px 20px;font-size:14px}.studio-empty h3{color:#e6e6e8;font-size:23px}.studio-empty a{color:#c6f50a}.studio-empty>span{color:#c6f50a}
/* A studio home that begins with the work. */
.home-studio{padding-top:0}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:25px}.home-primary{min-width:0}.studio-hero{min-height:289px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:28px 0 25px}.studio-hero:before{content:'';position:absolute;inset:0 -10px 0 20%;z-index:-1;background:linear-gradient(90deg,#0a0a0b 1%,#0a0a0b38 40%,#0a0a0b0a 65%,#0a0a0b20),linear-gradient(0deg,#0a0a0b,transparent 25%),url('app-hero.png') 65% 52%/cover no-repeat;opacity:.93;mask-image:linear-gradient(90deg,transparent,#000 25%)}.studio-hero>.eyebrow{color:#a9a9b0;letter-spacing:.27em}.studio-hero h1{font-size:clamp(43px,4.6vw,76px);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin:9px 0 15px}.studio-hero h1>span{color:#c6f50a}.studio-hero>p{color:#a9a9b1;font-size:15px;line-height:1.7;margin:0;max-width:420px}.hero-actions{display:flex;gap:12px;margin-top:20px}.hero-actions .button{padding:12px 21px}.hero-actions .button-lime span{margin-left:10px}.hero-signature{position:absolute;right:5px;top:56px;color:#e8fb9e;font-family:var(--font-display);font-style:italic;font-size:25px;letter-spacing:-.06em;line-height:1.05;transform:rotate(-11deg);text-shadow:0 4px 12px #000;opacity:.9}.hero-signature i{font-size:46px;display:block;text-align:right;font-style:normal}.featured-request{display:grid;grid-template-columns:1fr 47%;min-height:197px;padding:15px;border:1px solid #c6f50a25;border-radius:15px;background:linear-gradient(120deg,#15151899,#111113b3);gap:15px;overflow:hidden}.featured-copy{min-width:0;padding:8px 6px 8px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.featured-copy h2{font-size:23px;line-height:1.15;margin:11px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{display:flex;gap:9px;align-items:center}.featured-meta small{color:#8d8d96;font-size:12px}.featured-copy>p{font-size:13px;color:#909099;line-height:1.65;margin:9px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-visual{display:flex;position:relative;border:1px solid #ffffff12;border-radius:10px;overflow:hidden;min-width:0;background:#131316}.featured-visual>video,.featured-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.featured-visual .output-placeholder{min-height:175px;width:100%;background:radial-gradient(ellipse at 70% 20%,#2d2d3455,transparent 75%),#121315}.featured-open{position:absolute;right:10px;top:10px;background:#0c0c0eb3;border:1px solid #fff2;padding:3px 8px;border-radius:6px;color:white}.featured-welcome{font:100px var(--font-display);color:#c6f50a;display:grid;place-items:center;background:radial-gradient(#c6f50a14,transparent 65%)}.home-loading{padding:30px;color:#8d8d96}.workspace-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff16;border-radius:14px;background:linear-gradient(140deg,#16161999,#111113);margin:16px 0 21px;padding:14px 0}.workspace-metrics>a{display:flex;gap:12px;align-items:center;padding:0 17px;border-right:1px solid #ffffff14;text-decoration:none;min-width:0}.workspace-metrics>a:last-child{border:0}.workspace-metrics i{font-size:23px;font-style:normal;width:34px;height:36px;display:grid;place-items:center;color:#c6f50a;background:linear-gradient(130deg,#c6f50a25,#c6f50a06);border:1px solid #c6f50a14;border-radius:10px;flex-shrink:0}.workspace-metrics strong{display:block;font-size:19px;letter-spacing:-.045em;line-height:1.2}.workspace-metrics span{font-size:12px;color:#888893;display:block;margin-top:4px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px}.tool-card{display:flex;align-items:center;gap:10px;min-height:98px;border-radius:12px;padding:15px 13px;background:linear-gradient(125deg,color-mix(in srgb,var(--tool-tone) 10%,#0f0f11),#101013);border:1px solid color-mix(in srgb,var(--tool-tone) 24%,transparent)}.tone-lime{--tool-tone:#c6f50a}.tone-peach{--tool-tone:#f1a565}.tone-blue{--tool-tone:#82beff}.tone-lilac{--tool-tone:#bc8ce9}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px color-mix(in srgb,var(--tool-tone) 7%,transparent);border-color:color-mix(in srgb,var(--tool-tone) 65%,transparent)}.tool-symbol{color:var(--tool-tone);font-size:23px;flex-shrink:0;width:35px;height:42px;display:grid;place-items:center}.tool-card h2{font:700 14px var(--font-body);letter-spacing:-.02em;margin:0 0 6px}.tool-card p{font-size:12px;line-height:1.5;color:#a1a1a9;margin:0;max-width:125px}.tool-go{top:8px;right:8px;font-size:14px;color:var(--tool-tone)}.home-recent .output-grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-recent .output-media{height:auto;aspect-ratio:1.65}.home-recent .output-card{border:0;border-radius:9px;background:transparent;overflow:visible}.home-recent .output-media{border:1px solid #ffffff1a;border-radius:9px}.home-recent .output-meta{padding:10px 0}.home-recent .output-meta strong{font:600 12px var(--font-body);margin:0 0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.home-recent .output-meta small{color:#6f6f79;font-size:12px}.media-tag{position:absolute;bottom:6px;left:6px;background:#080b0bbd;border:1px solid #ffffff22;border-radius:5px;padding:3px 5px;color:#e7e7ea;font-size:12px}.home-rail{padding-top:26px;min-width:0}.rail-card{background:linear-gradient(130deg,#16161a80,#0f0f11c9);border:1px solid #ffffff15;border-radius:15px;padding:19px;margin-bottom:15px}.rail-card .section-line h2{font-size:16px;display:flex;gap:8px;align-items:center}.rail-card .section-line a{font-size:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c6f50a;box-shadow:0 0 12px #c6f50a80;margin-right:5px}.queue-item{display:flex;position:relative;gap:10px;align-items:center;text-decoration:none;padding:11px 0;border-bottom:1px solid #ffffff0b}.queue-item:last-child{border:0;padding-bottom:0}.queue-thumb{width:49px;height:49px;border:1px solid #ffffff12;flex-shrink:0;border-radius:7px;overflow:hidden;background:#1b1b1f}.queue-thumb>video,.queue-thumb>img{width:100%;height:100%;object-fit:cover}.queue-thumb .output-placeholder{min-height:0;width:100%;height:100%;padding:0;background:#c6f50a08}.queue-thumb .output-placeholder span{font-size:23px}.queue-thumb .output-placeholder small,.queue-thumb .output-placeholder strong{display:none}.queue-item>div:nth-child(2){min-width:0;flex:1}.queue-item strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px}.queue-item small{display:block;color:#83838d;font-size:12px}.queue-item .status{margin-top:6px;padding:3px 7px;font-size:12px}.queue-arrow{font-size:15px;color:#9e9ea6}.queue-empty{text-align:center;padding:15px 0;color:#878792;font-size:13px}.queue-empty i{font-size:25px;color:#c6f50a;font-style:normal;display:block}.queue-empty strong{display:block;color:#dcdcdf;font-size:16px;margin:8px}.queue-empty a{color:#c6f50a;display:inline-block;margin-top:10px}.activity-item{display:flex;gap:8px;padding:11px 0;border-bottom:1px solid #fff1;text-decoration:none;align-items:center}.activity-item:last-child{border:0}.activity-item>i{width:30px;height:34px;background:#fff1;color:#a8a8af;display:grid;place-items:center;border-radius:7px;font-style:normal;flex-shrink:0}.activity-item>div{flex:1;min-width:0}.activity-item strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.activity-item small{font-size:12px;color:#7d7d89;margin-top:4px;display:block}.activity-item .status{font-size:12px;padding:3px 5px;flex-shrink:0}.studio-support{position:relative;padding:23px 20px;border:1px solid #c6f50a30;border-radius:14px;background:linear-gradient(90deg,#111114d9,#10101335),url('app-support-orb.png') 65% center/cover;overflow:hidden;min-height:215px}.studio-support>.eyebrow{font-size:12px;letter-spacing:.14em}.studio-support h2{font-size:27px;line-height:1.08;margin:13px 0}.studio-support p{max-width:185px;font-size:13px;line-height:1.6;color:#95959e;margin-bottom:18px}.studio-support .button{background:#101012bb}.home-guide{display:flex;gap:12px;padding:22px 6px;text-decoration:none;align-items:center}.home-guide>span{font-size:27px;color:#a8a8af}.home-guide strong{font-size:13px}.home-guide p{font-size:12px;color:#898993;margin:5px 0}
/* Output and source collections. */
.library-page,.assets-page{padding-top:30px}.library-page .studio-heading,.assets-page .studio-heading{position:relative;margin-bottom:25px}.library-page .studio-heading:after{content:'YOUR CREATIVE WORLD, IN ONE PLACE.';position:absolute;right:0;top:5px;width:32%;padding:27px 22px;border:1px solid #c6f50a20;border-radius:12px;background:linear-gradient(90deg,#151519dd,#10101399),url('app-support-orb.png') center/cover;font-size:12px;line-height:1.7;color:#9a9aa2;letter-spacing:.1em}.library-kind-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.library-kind-filters button{padding:10px 18px;border:1px solid #ffffff1b;background:#ffffff04;border-radius:50px;font-size:13px;color:#c8c8cd;transition:all .2s}.library-kind-filters button.active{background:#c6f50a;border-color:#c6f50a;color:#111114;font-weight:700;box-shadow:0 0 18px #c6f50a10}.library-kind-filters button:hover:not(.active){border-color:#c6f50a80}.library-tools{gap:9px;margin-bottom:20px}.library-tools input,.library-tools select,.asset-tools input{background:#131316;border-color:#ffffff1b;color:#dbdbdf;border-radius:9px;min-height:39px;font-size:13px}.library-tools .button{min-height:39px;border-radius:9px;padding:9px 14px}.library-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.library-layout .output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.output-card{background:#16161a;border:1px solid #ffffff1c;border-radius:12px;color:#e6e6e9}.output-card.selected{border:1px solid #c6f50a;box-shadow:0 0 0 1px #c6f50a30}.output-media{height:auto;aspect-ratio:1.7;background:radial-gradient(ellipse at 30% 60%,#c6f50a10,transparent),#141418;position:relative}.output-placeholder{color:#898993;min-height:140px}.output-placeholder>span{color:#c6f50a}.output-placeholder strong{font-size:22px}.playable-cover{background:radial-gradient(ellipse at 65% 0,#8650bb33,transparent),#17151e}.playable-cover>span{color:#c89afa}.output-meta{padding:13px}.output-meta strong{font-size:18px;color:#dfdfe2}.output-meta p{color:#92929b;font-size:13px;line-height:1.6}.output-meta small{font-size:12px;color:#7c7c88}.status{background:#ffffff0b;color:#a1a1a9;padding:4px 8px;font-size:12px;white-space:nowrap}.status.completed{color:#dbf963;background:#c6f50a13;border:1px solid #c6f50a2b}.status.processing{color:#e4c071;background:#eebb4410;border:1px solid #eebb4428}.status.failed{color:#ed8a79;background:#f06e5520;border:1px solid #f06e5525}.output-inspector{background:#151519;border:1px solid #ffffff1b;border-radius:13px;padding:17px;top:14px}.inspector-heading h2{font-size:24px}.inspector-heading button{color:#9c9ca5;font-size:25px}.inspector-media{background:#0f0f11;border-radius:9px}.output-actions{gap:8px}.output-actions .button{width:100%;border-radius:9px;font-size:13px;padding:10px}.request-facts{gap:9px;padding-top:15px;margin:16px 0}.request-facts>div{background:#ffffff04;border:1px solid #ffffff0b;border-radius:8px;padding:9px}.request-facts dt{font-size:12px;color:#82828d}.request-facts dd{font-size:14px}.full-brief{background:#0e0e10c2;color:#b2b2b9;border:1px solid #ffffff10;font-size:14px;line-height:1.75;border-radius:9px;padding:12px}.output-inspector h3{font-size:17px;color:#d9d9dc}.flow-restore{color:#c6f50a;background:#c6f50a09;border-color:#c6f50a35;border-radius:9px}.request-id,.meta-note{color:#6d6d77;font-size:12px}.source-assets a{background:#101012;color:#a1a1aa}.failure-note{background:#481a151f;border-color:#f1795540;color:#e9a594;font-size:14px}.library-status{color:#787883;font-size:13px}.output-grid.list-layout{grid-template-columns:1fr!important}.list-layout .output-card{display:flex;min-height:110px}.list-layout .output-media{width:160px;flex-shrink:0;aspect-ratio:auto;height:110px}.list-layout .output-meta{flex:1}.list-layout .output-meta p{-webkit-line-clamp:1}.asset-page-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.asset-page-top>.button{min-height:38px;font-size:13px}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.asset-tile{background:#151519;border:1px solid #ffffff1b;border-radius:12px;color:#dddddf;padding-bottom:0}.asset-tile>img,.asset-tile>video{height:155px}.asset-tile-copy{padding:14px}.asset-tile-copy>strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tile-copy>small{font-size:12px;color:#83838d;display:block;margin:6px 0}.asset-uses{padding:6px 0;gap:6px}.asset-uses a{color:#a0a0a9;background:#c6f50a0b;font-size:12px}.asset-tile-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;border-top:1px solid #fff1;padding-top:11px;font-size:12px}.asset-tile-actions>a{color:#afafb6;text-decoration:none}.asset-tile-actions>button{border:0;background:transparent;color:#a88d81;font-size:12px;padding:3px}.asset-tile-actions>button:hover{color:#ff9b7f}.file-icon{background:#1b1b20;color:#a0a0a8}.asset-tile>small,.asset-tile>a{color:#8d8d96}.cleom-dialog{background:#121215;border:1px solid #c6f50a27;color:#ececee;box-shadow:0 25px 100px #000c}.cleom-dialog::backdrop{background:#050505cc}.dialog-foot{background:#121215f5;border-color:#fff1}.asset-tools input{color:#dbdbdf}.asset-tile.selected{outline:2px solid #c6f50a;outline-offset:1px}
/* Campaign and playable production composers. */
.lite{padding:40px 30px 50px;min-height:calc(100dvh - 72px);background:radial-gradient(ellipse at 50% 25%,#c6f50a08,transparent 55%),#0a0a0c;color:#ededee;overflow:hidden}.lite-bg{opacity:.5}.lite-reel{opacity:.75}.lr-card{filter:saturate(.72)}.lite-inner{max-width:940px;padding:28px 34px;margin:0 auto;background:linear-gradient(90deg,#0c0d0fec,#0c0d0fda,#0c0d0fec);border:0;border-radius:30px;box-shadow:0 0 100px 40px #0c0d0f6e}.lite h1{font-size:clamp(35px,4vw,60px);line-height:1.08;color:#f0f0f1;font-weight:800;margin:20px auto 18px;letter-spacing:-.05em}.lite h1 .lime{color:#c6f50a}.lite .lite-sub{color:#9f9fa8;font-size:16px;line-height:1.65}.campaign-eyebrow{display:block;text-align:center;font-size:12px;letter-spacing:.4em;color:#95959e}.lite-row{gap:15px;margin-top:28px}.lite-prompt-wrap{border:1px solid #c6f50a40;border-radius:16px;background:linear-gradient(145deg,#1f202599,#121215ef);box-shadow:0 -4px 32px #c6f50a0b,inset 0 1px 0 #c6f50a17;transition:border-color .2s,box-shadow .2s}.lite-prompt-wrap:focus-within,.lite-prompt-wrap:hover{border-color:#c6f50a80;box-shadow:0 0 32px #c6f50a12}.lite-prompt{background:transparent;color:#dadade;font-size:15px;line-height:1.8;min-height:210px;padding:24px}.cdz-drop{color:#d6d6da;background:#121315c9;border:1px dashed #bedc4745;border-radius:16px;min-height:210px;transition:all .2s}.cdz-drop:hover{background:#1a1a1e9f;border-color:#c6f50a}.cdz-hint{color:#7f7f8a;font-size:13px}.lite-actions{gap:12px;flex-wrap:wrap;justify-content:center;margin-top:23px}.lite-var,.lite-qual{background:linear-gradient(135deg,#202126e0,#111113e0);border:1px solid #ffffff1b;border-radius:12px;color:#e4e4e6;padding:9px 12px}.lv-btn{color:#c6f50a;width:30px}.lv-read b{font-size:27px;color:#edfcb2}.lv-read small,.lite-qual>small{color:#82828c;font-size:12px;letter-spacing:.15em}.lq-btn{color:#8d8d96;border-radius:8px}.lq-btn.on{background:#c6f50a20;color:#e0f979;border:1px solid #c6f50a30}.lite-gen{background:#c6f50a;border:1px solid #c6f50a;color:#0f0f11;font-size:16px;border-radius:100px;box-shadow:0 5px 35px #c6f50a1e;min-height:56px;padding:15px 28px}.lite-gen:hover{background:#d6f84d;box-shadow:0 8px 45px #c6f50a38}.lite-flow{color:#a1a1a9;margin:29px 0;font-size:14px;letter-spacing:.03em}.lite-flow .lime{color:#c6f50a}.lite-bottom{margin-top:28px}.lite-pack{background:linear-gradient(140deg,#1a1b1f99,#111114c9);border:1px solid #ffffff1b;border-radius:14px;padding:21px}.lp-col b{color:#dbdbdf;font-size:16px}.lp-col small{color:#7b7b87;font-size:12px}.lp-div{background:#ffffff1b}.lite-feats{display:flex;color:#9999a1;font-size:12px;justify-content:center;gap:22px;margin-top:22px}.lite-feats .lf i{color:#c6f50a}.lite-guide{color:#6e6e79;max-width:690px;margin:20px auto 0;font-size:13px;line-height:1.8;position:relative}.file-chip{background:#1c1c20;border-color:#47474e;color:#cacacf}.cdz-plus{background:#c6f50a;color:#101013}.lite .cdz-pick{background:#c6f50a14;color:#dff976;border-color:#c6f50a33}.launch-studio{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100dvh - 72px);padding-top:48px}.launch-studio>.studio-heading{text-align:center;max-width:830px;margin:0 auto 30px}.launch-studio>.studio-heading .eyebrow{letter-spacing:.34em}.launch-studio>.studio-heading h1{font-size:clamp(35px,4vw,59px);margin:20px 0 14px}.launch-studio>.studio-heading p{margin:auto;max-width:550px;font-size:16px}.launch-decoration{position:absolute;z-index:-1;width:200px;height:290px;border:1px solid #ffffff2a;border-radius:18px;background:url('app-hero.png') 72% center/cover;opacity:.4;top:110px;box-shadow:0 10px 60px #0005}.decoration-left{left:-110px;transform:rotate(-12deg)}.decoration-right{right:-105px;transform:rotate(11deg);top:350px;background-image:url('app-support-orb.png')}.playable-composer{max-width:860px;margin:auto;background:linear-gradient(130deg,#1c1c20db,#121315ed);border:1px solid #c6f50a3b;box-shadow:0 -10px 60px #c6f50a06;border-radius:20px;padding:23px}.playable-core{display:grid;grid-template-columns:1fr 180px;gap:18px}.composer-label{display:flex;justify-content:space-between;gap:20px;color:#9f9fa8;font-size:12px;letter-spacing:.1em;margin-bottom:12px}.composer-label>span:last-child{color:#696972;letter-spacing:0}.playable-message .studio-field>span{position:absolute;left:-10000px}.playable-message .studio-field{margin:0}.playable-message .studio-field textarea{min-height:198px;border-color:#ffffff13;background:#0e0e1099;color:#d9d9dc;padding:18px;font-size:16px;line-height:1.8;border-radius:10px;resize:vertical}.playable-upload{display:flex;flex-direction:column;padding-top:23px}.playable-upload .asset-add{height:100%;min-height:190px;border-color:#c6f50a40;background:#14141888;color:#c8c8cd;padding:19px 12px;border-radius:12px}.asset-add>i{display:grid;place-items:center;font-size:25px;font-style:normal;width:40px;height:40px;border:1px solid #c6f50a30;color:#c6f50a;border-radius:12px;margin:0 auto 15px;background:#c6f50a0d}.asset-add>strong{display:block;font-size:14px;margin-bottom:8px}.asset-add>span{font-size:12px;line-height:1.7;color:#81818b}.playable-options{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:20px}.studio-field>span{font-size:12px;letter-spacing:.03em;color:#a4a4ab}.studio-field input,.studio-field textarea,.studio-field select{background:#121214;color:#d4d4d8;border:1px solid #ffffff20;border-radius:9px;font-size:14px;line-height:1.6;padding:12px 14px}.studio-field select{padding-right:28px;cursor:pointer}.playable-options .studio-field{margin-bottom:10px}.delivery-details{border-top:1px solid #fff1;margin-top:8px}.delivery-details summary{list-style:none;cursor:pointer;padding:17px 0;color:#8a8a95;font-size:13px;display:flex;justify-content:space-between}.delivery-details summary>span{color:#c6f50a}.delivery-details[open] summary{margin-bottom:5px}.delivery-details .studio-field{margin-bottom:15px}.delivery-details .studio-field textarea{min-height:76px}.playable-composer .submit-panel{padding-top:18px;border-top:1px solid #fff1}.submit-panel small,.submit-panel span{color:#85858f;font-size:12px}.submit-panel strong{color:#f2f9d6;font-size:27px}.submit-panel strong span{font:500 12px var(--font-body);color:#95959e}.submit-panel .button{min-height:52px;font-size:15px;padding:14px 25px}.selected-assets{margin:8px 0 0;gap:5px}.selected-assets>span{max-width:160px;background:#27282e;color:#bfbfc4;padding:6px 8px;font-size:12px;overflow-wrap:anywhere}.selected-assets button{color:#aaaab2;font-size:16px}.production-path{display:flex;align-items:center;justify-content:center;gap:38px;margin:33px auto 23px}.production-path>span{display:grid;grid-template-columns:30px 1fr;column-gap:12px;row-gap:4px}.production-path i{color:#c6f50a;grid-row:span 2;font-style:normal;font-size:27px}.production-path strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#d3d3d7}.production-path small{font-size:12px;color:#787884}.production-path>b{color:#6c6c77;font-size:20px;font-weight:400}.delivery-promise{display:flex;justify-content:center;gap:30px;padding:21px;font-size:12px;color:#96969f}
/* Studio capacity and account controls. */
.credits-page{max-width:1200px;padding-top:42px}.credits-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:32px}.credits-overview{min-width:0}.balance-card{position:relative;isolation:isolate;overflow:hidden;min-height:230px;padding:30px;border:1px solid #c6f50a40;border-radius:18px;background:linear-gradient(130deg,#25252ae6,#131316b0),url('app-support-orb.png') center/cover;color:#f0f7d5;box-shadow:0 15px 45px #0004}.balance-card>span{font-size:14px;color:#ababb3}.balance-card strong{font-size:56px;line-height:1.1;margin-top:14px;font-weight:700}.balance-card small{color:#7e7e8a;font-size:13px}.balance-card .credit-pass-mark{position:absolute;bottom:25px;right:27px;color:#92929c;font-size:12px;letter-spacing:.25em}.credit-help{padding:29px 10px}.credit-help h2{font-size:33px;line-height:1.1;margin:0 0 15px;color:#e1e1e3}.credit-help p{color:#81818b;font-size:14px;line-height:1.9;max-width:340px}.credit-help a{display:inline-block;color:#c6f50a;font-size:13px;text-decoration:none;margin-top:22px}.studio-form{background:#141417;border-color:#ffffff17;border-radius:17px;padding:26px}.credits-layout .studio-form{background:linear-gradient(130deg,#1b1b20a0,#111113);border-color:#ffffff18}.credits-layout .studio-field{margin-bottom:20px}.form-status{color:#acacb3;font-size:14px}.contact-alt{color:#777782;font-size:14px;text-align:right}.contact-alt a{color:#b1b1b8}.account-settings{max-width:1130px;margin:auto;padding:35px}.account-settings .view-head{margin-bottom:27px}.account-settings .view-eyebrow{color:#c6f50a;letter-spacing:.15em;font-size:12px}.account-settings .view-title{font-size:52px;letter-spacing:-.04em}.account-settings .view-sub{color:#7e7e8a}.account-settings .settings-hero{background:linear-gradient(100deg,#1c1c21eb,#0f0f12d9),url('app-support-orb.png') 70% center/cover;border:1px solid #c6f50a2b;border-radius:17px;padding:27px;margin-bottom:30px}.account-settings .settings-avatar{background:#c6f50a;color:#131316;border:0;box-shadow:0 0 25px #c6f50a10;border-radius:15px}.account-settings .settings-id h2{color:#e4e4e7}.account-settings .settings-id .em{color:#9a9aa3}.account-settings .settings-id .meta{color:#61616b;font-size:12px}.account-settings .form-section{border:1px solid #ffffff12;background:#13131680;border-radius:14px;padding:23px;margin-bottom:17px}.account-settings .form-section h2{font-size:23px;margin:0 0 8px}.account-settings .sec-sub{color:#7a7a86;font-size:14px;margin-bottom:19px}.account-settings .ws-rows{border:1px solid #fff1;border-radius:11px;background:#0e0e1055;overflow:hidden}.account-settings .ws-row{border-color:#ffffff0b;padding:16px;gap:20px}.account-settings .ws-info b{font-size:14px;color:#c4c4c9}.account-settings .ws-info span{font-size:13px;color:#757581}.account-settings .btn{border-radius:9px;font-size:13px;min-height:37px;color:#b5b5bb;background:#1b1b2030;border:1px solid #ffffff20}.account-settings .btn:hover{border-color:#c6f50a55;background:#c6f50a0a;color:#ecfcae}.settings-secure{font-size:12px;color:#91919b;white-space:nowrap}.panel-card,.settings-card{background:#141417;border-color:#ffffff18}.input,.textarea{background:#111114;color:#d3d3d7;border-color:#ffffff20}.btn-outline,.btn-ghost{color:#b1b1b7}.embed-wrap,.embed-frame{background:#0a0a0b}.topbar-mobile-toggle{background:#141417;border-color:#fff2;color:#d9d9dd}.cleom-notice{background:#1b1b1f;color:#edf5ce;border:1px solid #c6f50a40}.cleom-notice.error{background:#53271c;border-color:#f4835540}
@media(min-width:1700px){.library-layout{grid-template-columns:minmax(0,1fr) 340px}.library-layout .output-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-columns{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.studio-hero{min-height:322px}.tool-card{padding:20px 15px;min-height:109px}.tool-card h2{font-size:16px}.tool-card p{font-size:13px}.workspace-metrics{padding:20px 0}.queue-item strong{font-size:14px}.home-studio{padding:0 42px 50px}}
@media(max-width:1250px){.sidebar{width:186px;padding-inline:10px}.sidebar-brand img{width:150px}.app-main{margin-left:186px;width:calc(100% - 186px)}.studio-page{padding-inline:24px}.home-columns{grid-template-columns:minmax(0,1fr) 264px;gap:18px}.home-studio{padding-inline:24px}.rail-card{padding:14px}.hero-signature{display:none}.studio-hero>p{max-width:350px;font-size:14px}.studio-hero h1{font-size:54px}.workspace-metrics>a{padding:0 11px;gap:8px}.workspace-metrics i{width:25px;height:30px;font-size:19px}.workspace-metrics strong{font-size:15px}.workspace-metrics span{font-size:12px}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card{min-height:86px}.home-recent .output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-request{grid-template-columns:1fr 42%;min-height:195px}.featured-copy h2{font-size:21px}.activity-item .status{font-size:7px}.library-page .studio-heading:after{display:none}.library-layout{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.library-layout .output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.output-meta>div{align-items:flex-start;gap:5px;flex-wrap:wrap}.output-meta strong{font-size:16px}.output-meta p{font-size:12px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lite-inner{padding:24px}.lite{padding:25px 15px}.lite-gen{flex:1;min-width:190px}.playable-core{grid-template-columns:1fr 160px}.credits-layout{gap:22px}.balance-card strong{font-size:45px}}
@media(max-width:1050px) and (min-width:901px){.home-columns{grid-template-columns:1fr}.home-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:0}.home-rail .rail-card{margin:0}.home-guide{padding:20px}.studio-hero{min-height:275px}.home-recent .output-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card{padding:13px 9px;gap:4px}.tool-symbol{width:25px}.library-layout{grid-template-columns:1fr}.output-inspector{position:relative}.output-inspector:has(.studio-empty){display:none}.library-layout .output-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:236px;transform:translateX(-230px);height:100dvh;z-index:100;padding-top:25px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 80px #000b}.app-main{margin-left:0;width:100%}.topbar{height:72px;padding:10px 20px}.topbar-mobile-toggle{display:flex}.studio-page{padding:25px 22px 45px}.home-studio{padding-top:0}.home-columns{grid-template-columns:minmax(0,1fr) 272px}.studio-hero h1{font-size:53px}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding:10px 15px;min-height:40px}.studio-hero{min-height:278px}.studio-hero>p{font-size:14px;max-width:300px}.hero-signature{display:none}.featured-request{grid-template-columns:1fr}.featured-visual{display:none}.featured-copy>p{max-width:250px}.workspace-metrics{grid-template-columns:repeat(2,1fr);gap:14px;padding:15px 0}.workspace-metrics>a:nth-child(2){border:0}.workspace-metrics strong{font-size:19px}.workspace-metrics span{font-size:12px}.workspace-metrics i{width:32px;height:35px;font-size:23px}.home-rail{padding-top:25px}.library-layout{grid-template-columns:minmax(0,1fr) 280px}.library-tools{flex-wrap:wrap}.library-tools input{flex-basis:100%}.playable-composer{padding:21px}.launch-studio>.studio-heading h1{font-size:43px}.lite{min-height:calc(100dvh - 72px)}.lite-row{display:grid;grid-template-columns:minmax(0,1fr) 170px}.lite-inner{padding:22px}.lite-prompt,.cdz-drop{min-height:210px}.lite-dzcol{min-width:0}.lite-actions{gap:10px}.lite-var{flex:initial;min-width:150px}.lite-qual{flex:initial}.lite-pack{flex-wrap:nowrap}.lp-col b{font-size:14px}.lp-col small{font-size:12px}.credits-layout{grid-template-columns:1fr 1.1fr}.account-settings{padding:28px}.embed-wrap{height:calc(100dvh - 72px)!important}}
@media(max-width:700px){.home-columns{grid-template-columns:1fr;gap:20px}.home-studio{padding:0 17px 40px}.studio-hero{min-height:282px}.studio-hero:before{inset:0 -17px 0 10%;opacity:.72;background-position:60% center}.studio-hero h1{font-size:60px}.studio-hero>p{max-width:270px;text-shadow:0 1px 8px #000}.hero-actions .button{font-size:13px;min-height:43px;padding:11px 19px}.hero-signature{display:none}.featured-request{grid-template-columns:1fr 39%;padding:13px;gap:10px}.featured-copy{padding:6px}.featured-copy h2{font-size:21px}.featured-visual{display:flex}.featured-meta{flex-wrap:wrap;gap:5px}.featured-copy>p{font-size:12px}.featured-copy .button{font-size:12px;padding:7px 13px}.workspace-metrics{grid-template-columns:repeat(2,1fr);padding:16px 0;gap:17px}.workspace-metrics>a{padding:0 18px;gap:13px}.workspace-metrics strong{font-size:21px}.workspace-metrics span{font-size:12px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-height:102px;padding:17px 10px;gap:6px}.tool-symbol{font-size:25px;width:35px}.tool-card h2{font-size:16px}.tool-card p{font-size:12px}.home-recent .output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-rail{display:grid;grid-template-columns:1fr;padding-top:0;gap:15px}.home-rail .rail-card{margin:0}.queue-item{gap:13px;padding:14px 0}.queue-item strong{font-size:14px}.queue-item small{font-size:12px}.queue-item .status{font-size:12px}.activity-item{padding:13px 0}.activity-item strong{font-size:13px}.activity-item .status{font-size:12px}.studio-support{min-height:220px;background-position:center}.studio-support p{max-width:220px}.home-guide{padding:8px 4px}.studio-page{padding-inline:17px}.studio-heading h1{font-size:42px}.studio-heading p{font-size:14px}.library-layout{display:flex;flex-direction:column;gap:18px}.library-layout>div{width:100%}.library-layout .output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.output-inspector{position:relative;order:-1;width:100%}.output-inspector:has(.studio-empty){display:none}.output-card .output-placeholder{min-height:115px}.output-meta{padding:11px}.output-meta strong{font-size:16px;margin-top:9px}.output-meta p{font-size:12px}.library-tools input{flex-basis:100%}.library-tools select{flex:1;min-width:90px}.library-kind-filters{gap:6px}.library-kind-filters button{padding:8px 12px;font-size:12px}.library-page .studio-heading{margin-bottom:21px}.asset-page-top{display:block}.asset-page-top>.button{margin-bottom:16px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.asset-tile>img,.asset-tile>video{height:125px}.asset-tile-copy{padding:11px}.asset-tile-copy>strong{font-size:13px}.asset-tile-copy>small{font-size:12px}.asset-tile-actions{font-size:12px}.asset-tile-actions>button{font-size:12px}.credits-layout{grid-template-columns:1fr;gap:0}.credits-page{padding-top:28px}.balance-card{min-height:207px;padding:25px}.balance-card strong{font-size:49px}.credit-help{padding:25px 3px 30px}.credit-help h2{font-size:30px}.credit-help p{max-width:none}.credit-help a{margin-top:14px}.contact-alt{text-align:left;font-size:13px}.account-settings{padding:25px 17px}.account-settings .view-title{font-size:43px}.account-settings .settings-hero{padding:20px;flex-wrap:wrap;gap:15px}.account-settings .settings-id .meta{overflow-wrap:anywhere}.account-settings .form-section{padding:19px}.account-settings .ws-row{align-items:flex-start;flex-direction:column;gap:11px}.account-settings .ws-info span{line-height:1.6}.account-settings .form-section h2{font-size:23px}.lite{padding:24px 12px 40px}.lite-inner{padding:20px 5px;background:#0c0d0fe6}.lite h1{font-size:42px}.lite-row{grid-template-columns:1fr;display:grid}.lite-prompt{min-height:225px;font-size:16px}.cdz-drop{min-height:130px}.lite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lite-var{min-width:0;width:100%;justify-content:space-between}.lite-qual{min-width:0;width:100%}.lite-gen{grid-column:1/-1;width:100%;min-height:53px}.lite-pack{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:19px}.lp-div{display:none}.lp-col{min-width:0}.lite-flow{gap:12px;font-size:12px;margin:25px 0}.lite-feats{flex-wrap:wrap;gap:12px;font-size:12px}.lite-guide{padding:0 8px;font-size:12px}.launch-studio{padding-top:30px}.launch-studio>.studio-heading h1{font-size:43px;margin:17px 0 15px}.launch-studio>.studio-heading p{font-size:14px;line-height:1.8}.playable-composer{padding:17px;border-radius:16px}.playable-core{grid-template-columns:1fr;gap:15px}.composer-label{font-size:12px;gap:10px}.composer-label>span:last-child{font-size:12px}.playable-message .studio-field textarea{min-height:215px;font-size:15px;padding:16px}.playable-upload{padding:0}.playable-upload .asset-add{min-height:107px;display:grid;grid-template-columns:43px 1fr;column-gap:14px;align-items:center;text-align:left;padding:16px}.asset-add>i{grid-row:span 2;margin:0}.asset-add>strong{margin:0}.asset-add>span br{display:none}.playable-options{grid-template-columns:1fr;gap:0;margin-top:17px}.playable-options .studio-field{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:9px;margin-bottom:11px}.playable-options .studio-field>span{font-size:12px}.playable-options .studio-field select{font-size:13px;padding:11px}.playable-composer .submit-panel{flex-direction:row;align-items:center;gap:10px}.submit-panel strong{font-size:23px}.submit-panel small{font-size:12px}.submit-panel strong span{font-size:12px}.submit-panel .button{font-size:12px;padding:12px 15px;min-height:47px;width:auto;white-space:nowrap}.production-path{gap:13px;margin:26px 0 14px;align-items:flex-start}.production-path>span{display:flex;flex-direction:column;gap:6px;text-align:center;flex:1}.production-path i{font-size:22px}.production-path strong{font-size:12px;letter-spacing:.07em}.production-path small{font-size:12px}.production-path>b{font-size:16px;margin-top:12px}.delivery-promise{flex-wrap:wrap;gap:12px;font-size:12px;padding:14px 0}.delivery-details .form-grid{grid-template-columns:1fr}.topbar{padding:10px 16px}.tb-val{font-size:15px}.user-btn{padding:6px}.topbar-right{gap:7px}}
.home-reference-preview{position:relative;width:100%;height:100%;overflow:hidden}.home-reference-preview>img,.home-reference-preview>video{width:100%;height:100%;object-fit:cover;display:block}.home-reference-preview>span{position:absolute;bottom:8px;left:8px;font-size:12px;padding:4px 7px;background:#0c0c0dc9;border:1px solid #ffffff26;border-radius:5px;color:#d1d1d5}.queue-thumb .home-reference-preview>span{display:none}.featured-visual .home-reference-preview{position:absolute;inset:0}.lite{display:block}.lite-inner{width:min(940px,100%);min-height:0}.lite-row{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:stretch}.lite-row .lite-prompt{height:224px;min-height:224px;max-height:none;resize:vertical}.lite-dzcol .cdz-drop{height:224px;min-height:224px;border-width:1px;border-radius:16px}.lite .lite-guide{position:relative;left:auto;bottom:auto;transform:none;width:auto;max-width:740px;margin:25px auto 0}.lite-actions .lv-read{min-width:66px}.lite-actions .lv-btn{width:30px;height:32px;font-size:18px}.lite-actions .lite-var{gap:8px}.lite-actions .lite-gen{flex:1 1 230px;min-width:230px}.lite-bottom{padding-top:0}.lite-pack{width:100%;flex-wrap:nowrap;justify-content:space-between}.lite-actions{width:100%}.lite-inner>.campaign-eyebrow{margin-top:0}.lite h1{margin-top:18px}
@media(max-width:700px){.lite-row{grid-template-columns:1fr}.lite-row .lite-prompt{height:224px}.lite-dzcol .cdz-drop{min-height:112px;height:112px}.lite-pack{display:grid}.lite-actions .lv-read{min-width:56px}.lite-inner{padding-top:10px}.lite h1{font-size:40px}}
.rail-card{min-width:0}.queue-item,.activity-item{min-width:0}.home-rail{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.topbar .tb-stat[title="Credits"] .tb-col{display:flex}.topbar .tb-stat[title="Credits"] .tb-val{display:block;font-size:14px}.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}.topbar .tb-stat[title="Credits"]{gap:7px;padding:7px 10px}}
@media(max-width:700px){.home-rail{grid-template-columns:minmax(0,1fr)}.lite-actions .lite-gen{grid-column:auto;min-width:0;width:100%;min-height:60px;font-size:13px;padding:12px 9px}.lite-actions .lite-gen .cr-logo{width:25px}.lite-actions .lite-qual{min-height:60px}}
@media(prefers-reduced-motion:reduce){.lite-reel{display:none}.tool-card:hover,.button:hover{transform:none}}