.clip-studio{--clip-accent:#4e68b1;--clip-line:#e5e9f0;max-width:1520px;margin:auto;padding:30px 36px 48px;color:#263448;font-size:13px}.clip-studio *{box-sizing:border-box}.clip-studio button,.clip-studio input,.clip-studio select,.clip-studio textarea{font-family:inherit}.clip-studio button{cursor:pointer}.clip-studio svg{width:18px;height:18px;flex-shrink:0}.clip-topline{display:flex;justify-content:space-between;align-items:center;color:#8a96a7;font-size:10px;letter-spacing:1.6px}.clip-topline i{font-style:normal;padding:0 10px;color:#bcc4d0}.clip-demo-badge{border:1px solid #dde4ee;border-radius:20px;padding:4px 10px;letter-spacing:0;color:#73849e;background:#f8faff}.clip-hero{display:flex;align-items:center;justify-content:space-between;padding:25px 0 27px}.clip-hero h1{font-size:29px;font-weight:650;letter-spacing:-.7px;margin:0 0 10px;line-height:1.4}.clip-hero h1 span{color:#6175b3}.clip-hero p{color:#8490a1;font-size:12px;margin:0}.clip-hero-mark{display:flex;align-items:center;justify-content:center;width:95px;height:72px;background:linear-gradient(135deg,#edf1fc,#f2eff9);border:1px solid #e3e8f4;border-radius:16px;transform:rotate(-7deg);position:relative;margin-right:18px}.clip-hero-mark svg{width:42px;height:42px;color:#8191c6}.clip-hero-mark>span{position:absolute;right:-11px;top:-14px;font-size:29px;color:#a2b2d9}.clip-mode-tabs{display:flex;gap:8px;border-bottom:1px solid var(--clip-line);padding-bottom:12px}.clip-mode-tabs button{display:flex;align-items:center;gap:9px;padding:11px 20px;border:1px solid transparent;background:transparent;border-radius:7px;color:#7b8799;font-size:13px}.clip-mode-tabs button.active{background:#edf1fc;color:#4d65a8;border-color:#e1e7f7;font-weight:600}.clip-mode-tabs small{font-size:8px;color:#b38659;background:#faf1e6;border:1px solid #f2e2ce;border-radius:3px;padding:2px 4px;margin-left:2px}.clip-resource-nav{display:flex;gap:23px;flex-wrap:wrap;padding:16px 0 19px}.clip-resource-nav button{background:none;border:0;padding:0;font-size:11px;color:#8d98a7}.clip-resource-nav button.active,.clip-resource-nav button:hover{color:#4e68b1}.clip-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0 23px;border-top:1px solid var(--clip-line)}.clip-title-row h2{font-size:20px;font-weight:600;margin:0 0 7px}.clip-title-row h2 span{font-size:10px;font-weight:400;color:#8b97aa;border-left:1px solid #dce2eb;margin-left:12px;padding-left:12px;vertical-align:middle}.clip-title-row p{font-size:11px;color:#8d97a6;margin:0;line-height:1.7}.clip-title-row>div:last-child{display:flex;gap:7px;flex-shrink:0}.clip-studio .button{font-size:11px;border:1px solid #dfe5ef;border-radius:6px;padding:9px 12px;color:#67768c;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.clip-studio .button.primary{background:#566eb0;border-color:#566eb0;color:#fff}.clip-studio .button.subtle{background:transparent;border-color:transparent;color:#7083b3}.clip-studio button:hover{filter:brightness(.97)}.clip-studio button:focus-visible,.clip-studio :is(input,select,textarea):focus-visible{outline:2px solid #8299d3;outline-offset:3px}.clip-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:20px;align-items:start}.clip-main{min-width:0}.clip-process,.clip-stage,.clip-settings{border:1px solid var(--clip-line);border-radius:10px;background:#fff}.clip-process{padding:21px 22px;background:linear-gradient(120deg,#f8faff,#fff)}.clip-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.clip-card-heading h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:0}.clip-card-heading h3 svg{color:#7a8db5;width:17px}.clip-card-heading>span{font-size:9px;color:#a0a9b8}.clip-process>p{font-size:11px;color:#8894a5;line-height:1.8;margin:11px 0 19px}.clip-steps{display:flex;align-items:stretch;gap:7px}.clip-steps button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;padding:9px 4px;border:1px solid #e8ecf3;background:#fff;border-radius:5px;font-size:10px;color:#99a3b3;line-height:1.6}.clip-steps button>span{font-size:10px;border-radius:50%;background:#f0f3f7;width:17px;height:17px;flex-shrink:0;display:grid;place-items:center}.clip-steps button.active{border-color:#d7e0f5;color:#586eac;background:#edf2ff}.clip-steps button.active>span{background:#6076b3;color:#fff}.clip-steps button.complete{color:#6a8e87}.clip-stage{margin-top:16px;padding:27px 25px}.clip-section-label{font-size:9px;letter-spacing:2px;color:#94a1b6;margin-bottom:11px}.clip-stage h2,.clip-resource-head h2{font-size:23px;font-weight:600;margin:0 0 10px;letter-spacing:-.4px}.clip-muted{font-size:12px;color:#8c97a6;line-height:1.8;margin:0 0 24px}.clip-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}.clip-choices button{display:flex;align-items:center;gap:10px;border:1px solid #e8ecf2;border-radius:7px;background:#fcfdff;padding:17px 12px;min-height:57px;color:#78879b;text-align:left;font-size:12px}.clip-choices button>svg{color:#9aa9c1;width:17px}.clip-choices button>i{margin-left:auto;font-style:normal;font-size:11px;color:#6e83be}.clip-choices button.is-selected{border-color:#b9c9eb;background:#f0f4ff;color:#526ca7}.clip-bottom{border-top:1px solid #edf0f5;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}.clip-bottom>span{font-size:10px;color:#9ba5b5}.clip-settings{padding:22px 19px}.clip-settings>.clip-card-heading{margin-bottom:25px}.clip-field{display:block;font-size:11px;color:#6f7e94;margin:17px 0}.clip-field>span{font-size:9px;color:#a1adbd;margin-left:3px}.clip-field :is(input,select,textarea){display:block;width:100%;max-width:100%;margin-top:8px;padding:10px 11px;font-size:11px;line-height:1.5;color:#687a94;background:#fafbfd;border:1px solid #e4e9f1;border-radius:5px;box-shadow:none}.clip-field textarea{min-height:125px;resize:vertical}.clip-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.clip-two-fields>.clip-field{margin:0}.clip-setting-divider{height:1px;background:#ebeff4;margin:23px 0 20px}.clip-settings h4{font-size:12px;font-weight:600;margin:0 0 17px}.clip-switch{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8b9e;position:relative;cursor:pointer}.clip-switch input{position:absolute;right:0;width:30px;height:18px;opacity:0;cursor:pointer}.clip-switch i{width:29px;height:17px;border-radius:12px;background:#dbe2ee;pointer-events:none;position:relative}.clip-switch i:before{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:.15s}.clip-switch input:checked+i{background:#7488bd}.clip-switch input:checked+i:before{left:15px}.clip-switch input:focus-visible+i{outline:2px solid #8299d3}.clip-settings-note{font-size:10px;line-height:1.8;color:#a3adbc;border-top:1px solid #edf0f6;padding-top:15px;margin:15px 0 0}.clip-help{display:flex;gap:9px;align-items:center;margin:18px 2px;color:#99a6ba;font-size:10px;line-height:1.8}.clip-help svg{width:14px}.clip-help>span{white-space:nowrap;color:#8899b1}.clip-help p{margin:0}.clip-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.clip-upload{border:1px dashed #cdd7e9;background:#f9fbff;border-radius:8px;padding:29px 12px;display:flex;align-items:center;flex-direction:column;gap:11px;color:#91a3c3}.clip-upload svg{width:29px;height:29px}.clip-upload b{font-size:12px;font-weight:500;color:#6d7f9d}.clip-upload>span{font-size:10px;color:#9aa7ba}.clip-upload small{border:1px solid #dce4f2;border-radius:4px;padding:6px 12px;background:white;font-size:10px}.clip-note{display:flex;align-items:center;gap:8px;background:#f7f9fd;padding:10px;border-radius:6px;color:#8a9ab0;font-size:10px;line-height:1.7}.clip-note .button{margin-left:auto}.clip-check{font-size:11px;color:#91a0b6;padding:12px 0}.clip-check p{line-height:1.9;margin-top:12px}.clip-storyboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.clip-storyboard article{border:1px solid #e4eaf4;border-radius:7px;overflow:hidden;padding:0 12px 12px}.clip-frame{height:110px;margin:0 -12px 13px;background:linear-gradient(130deg,#e8eef7,#dae4f4);display:grid;place-items:center;position:relative;color:#9aaecf}.clip-frame svg{width:38px;height:38px}.clip-frame>span{position:absolute;right:8px;bottom:7px;font-size:8px;background:#fff9;padding:3px 5px;border-radius:4px;color:#7588a6}.frame-02{background:linear-gradient(130deg,#eceaf6,#dedff0)}.frame-03{background:linear-gradient(130deg,#e7f0ed,#dce9e8)}.clip-storyboard small{color:#9daabd;font-size:9px}.clip-storyboard h3{font-size:12px;margin:8px 0}.clip-storyboard p{font-size:10px;line-height:1.8;color:#95a0af;margin:0}.clip-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e6ebf4;border-radius:7px;overflow:hidden;margin-bottom:20px}.clip-summary>div{display:flex;justify-content:space-between;padding:14px 12px;border-bottom:1px solid #eef1f5;font-size:10px;gap:6px}.clip-summary span{color:#9aa8bd}.clip-summary b{font-weight:500;color:#6e809f}.clip-preview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 20px;border:1px dashed #dce4f0;background:#f9fbff;border-radius:8px;gap:12px;color:#8e9fb8}.clip-preview-empty svg{width:37px;height:37px;color:#a9b9d4}.clip-preview-empty b,.clip-preview-empty h3{font-size:13px;font-weight:500;margin:0}.clip-preview-empty p{font-size:11px;line-height:1.8;margin:0}.clip-resource-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6eaf1;padding-top:26px;margin-top:4px}.clip-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clip-resource-grid article{border:1px solid #e4eaf3;border-radius:9px;padding:24px;background:white}.clip-resource-grid article>svg{width:26px;height:26px;color:#8b9fc5;margin-bottom:20px}.clip-resource-grid h3{font-size:15px;margin:0 0 10px;font-weight:500}.clip-resource-grid p{font-size:11px;color:#93a0b3;line-height:1.9;min-height:45px}.clip-work-tabs{display:flex;gap:15px;margin-bottom:20px}@media(min-width:1600px){.clip-layout{grid-template-columns:minmax(0,1fr) 300px}.clip-studio{padding:35px 50px}.clip-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.clip-studio{padding:25px 22px}.clip-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.clip-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-title-row{align-items:start;flex-direction:column}.clip-mode-tabs button{padding:10px 12px;font-size:12px}.clip-steps{flex-wrap:wrap}.clip-steps button{flex:1 1 28%}.clip-stage{padding:22px 18px}.clip-settings{padding:20px 15px}}@media(max-width:850px){.clip-layout{grid-template-columns:minmax(0,1fr)}.clip-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.clip-settings>.clip-card-heading,.clip-settings>h4,.clip-settings>.clip-setting-divider,.clip-settings-note{grid-column:1/-1}.clip-hero h1{font-size:25px}.clip-hero-mark{display:none}.clip-mode-tabs{flex-wrap:wrap}.clip-resource-nav{gap:14px}.clip-storyboard,.clip-resource-grid{grid-template-columns:1fr}.clip-title-row>div:last-child{flex-wrap:wrap}.clip-upload-grid{grid-template-columns:1fr}.clip-help{align-items:start}.clip-summary{grid-template-columns:1fr}}@media(max-width:540px){.clip-studio{padding:20px 14px}.clip-hero h1{font-size:21px}.clip-hero h1 span{display:block}.clip-choices{grid-template-columns:1fr}.clip-settings{display:block}.clip-bottom{flex-wrap:wrap}}
/* Complete studio shell: match the reference's compact, dark creation canvas. */
.clip-scroll{background:#191c24;scrollbar-color:#414652 #191c24}.clip-full{--clip-line:#363a47;--clip-accent:#a99bcf;color:#eeeef3;padding:30px 32px 48px;max-width:1560px}.clip-full .clip-topline{color:#9395a6;font-size:9px}.clip-full .clip-demo-badge{color:#b8add2;background:#302b40;border-color:#4b425d}.clip-full .clip-mode-tabs{margin-top:22px;padding-bottom:14px;gap:5px;flex-wrap:wrap}.clip-full .clip-mode-tabs button{font-size:12px;padding:10px 13px;color:#b0b1bf}.clip-full .clip-mode-tabs button.active{background:#383148;border-color:#504465;color:#e4dbf7}.clip-full .clip-resource-nav{padding:17px 0;gap:22px}.clip-full .clip-resource-nav button{color:#9c9dad}.clip-full .clip-resource-nav button.active,.clip-full .clip-resource-nav button:hover{color:#d6c8f4}.clip-full .clip-title-row{padding:26px 0 23px;align-items:center}.clip-title-row h1{font-size:28px;line-height:1.4;letter-spacing:-.5px;font-weight:650;margin:0 0 10px}.clip-full .clip-title-row p{font-size:12px;color:#aaaaba;line-height:1.9}.clip-full .clip-title-row .clip-section-label{margin-bottom:10px}.clip-full .clip-title-row>div:last-child{flex-wrap:wrap;justify-content:flex-end}.clip-full .button{color:#c9c7d3;border-color:#41414e;background:#262833;font-size:11px}.clip-full .button.primary{background:#796899;border-color:#8875aa;color:#fff}.clip-full .button.subtle{color:#b9acd6;background:transparent;border-color:transparent}.clip-full button:hover{filter:brightness(1.12)}.clip-full :is(input,select,textarea,button):focus-visible{outline-color:#b49bdc}.clip-workspace-notice{display:flex;align-items:center;gap:12px;background:#2b2738;border:1px solid #463d58;padding:12px 16px;border-radius:7px;margin-bottom:20px;font-size:12px;line-height:1.8;color:#c0b9d3}.clip-workspace-notice>.button{margin-left:auto;flex-shrink:0}.clip-full .clip-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.clip-full :is(.clip-process,.clip-stage,.clip-settings){background:#232630;border-color:#363a47;border-radius:10px}.clip-full .clip-process{padding:24px}.clip-full .clip-process h3{font-size:19px}.clip-full .clip-process>p{color:#a9aaba;font-size:12px;line-height:1.9}.clip-full .clip-card-heading>span{color:#8a8c9e}.clip-full .clip-card-heading h3 svg{color:#b6a5d5}.clip-full .clip-section-label{color:#9393a7}.clip-full .clip-steps{gap:7px}.clip-full .clip-steps button{background:#252834;border-color:#3a3c4a;color:#9294a7;font-size:10px;padding:10px 6px}.clip-full .clip-steps button>span{background:#303441;color:#aaaabb}.clip-full .clip-steps button.active{background:#3d3354;border-color:#68527e;color:#e1d8ed}.clip-full .clip-steps button.active>span{background:#8a75ab;color:white}.clip-full .clip-steps button.complete{color:#a5c2bb}.clip-full .clip-stage{padding:28px 24px}.clip-full .clip-stage h2{font-size:25px;line-height:1.5}.clip-full .clip-muted{color:#a2a4b4;font-size:12px}.clip-full .clip-choices{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.clip-full .clip-choices button{background:#252832;color:#b6b7c5;border-color:#393c49;padding:17px 13px;min-height:62px}.clip-full .clip-choices button>svg{color:#8f8ba4}.clip-full .clip-choices button.is-selected{background:#3b324d;border-color:#81709b;color:#e0d5f1}.clip-full .clip-choices button i{color:#c1a9df}.clip-full .clip-bottom{border-color:#3a3b48}.clip-full .clip-bottom>span{color:#8f91a4}.clip-full .clip-field{color:#bdbccb;font-size:12px;line-height:1.6}.clip-full .clip-field>span{color:#9490a3}.clip-full .clip-field :is(input,select,textarea){background:#20232c;color:#c9c7d6;border-color:#3d3e4c;font-size:12px;padding:11px 12px;color-scheme:dark}.clip-full .clip-field :is(input,textarea)::placeholder{color:#747687}.clip-full .clip-setting-divider{background:#3a3a48}.clip-full .clip-settings{padding:23px 20px}.clip-full .clip-settings h4{color:#d4cedf}.clip-full .clip-switch{color:#bab6c9;margin-bottom:18px}.clip-full .clip-switch i{background:#484353}.clip-full .clip-switch input:checked+i{background:#8e79ac}.clip-full .clip-settings-note{border-color:#393946;color:#868495}.clip-full .clip-help{color:#86889b}.clip-full .clip-help>span{color:#a59ab9}.clip-setting-intro,.clip-setting-hint{font-size:11px;line-height:1.9;color:#9290a4;margin:15px 0}.clip-setting-hint{display:block;margin-top:-5px}.clip-full .clip-upload{background:#262934;border-color:#56516a;color:#a99abb}.clip-full .clip-upload b{color:#c9c0d8}.clip-full .clip-upload>span{color:#8e8ca1}.clip-full .clip-upload small{background:#302b3c;border-color:#51465f;color:#c5b5dd}.clip-full .clip-note{background:#292735;color:#a49bb7;padding:12px}.clip-full .clip-check{color:#a7a0b9;line-height:1.9}.clip-check ul{margin:14px 0;padding-left:18px;font-size:11px}.clip-full .clip-summary{border-color:#43404f}.clip-full .clip-summary>div{border-color:#3b3949}.clip-full .clip-summary span{color:#9e95b0}.clip-full .clip-summary b{color:#d6cce5}.clip-full .clip-preview-empty{background:#242530;border-color:#4c455c;color:#aaa1ba;padding:55px 20px}.clip-full .clip-preview-empty svg{color:#82758f}.clip-full .clip-preview-empty p{color:#9790a7}.clip-full .clip-storyboard{margin-top:20px}.clip-full .clip-storyboard article{border-color:#44404f}.clip-full .clip-storyboard small{color:#aaa0b9}.clip-full .clip-storyboard p{color:#a49baf}.clip-full .clip-frame{background:linear-gradient(135deg,#403c50,#2d3345);color:#a99bbe}.clip-full .frame-02{background:linear-gradient(135deg,#42434c,#303a45)}.clip-full .frame-03{background:linear-gradient(135deg,#3c4146,#343247)}.clip-full .clip-frame>span{background:#211d2caa;color:#c6b6d8}.clip-full .clip-resource-head{border-color:#363a47;gap:15px}.clip-full .clip-resource-grid article{background:#242731;border-color:#3c3c4c}.clip-full .clip-resource-grid article>svg{color:#aa9bc2}.clip-full .clip-resource-grid p{color:#a59caf}.clip-inline-divider{height:1px;background:#3c3b48;margin:30px 0}.clip-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.clip-plan-grid article{border:1px solid #45404f;border-radius:8px;padding:18px;background:#272832}.clip-plan-grid h3{font-size:13px;margin:0 0 10px;color:#d6cbe2}.clip-plan-grid p{font-size:12px;color:#a99fb7;line-height:1.9;margin:0;white-space:pre-wrap}.clip-number{display:inline-grid;place-items:center;width:24px;height:24px;background:#453851;color:#d7c2ed;border-radius:5px;font-size:11px;margin-right:7px}.clip-full .clip-supplement .clip-muted{margin:12px 0}.clip-requirement-row{padding:13px 15px;margin:12px 0;background:#f5f3f8;border-radius:6px;border-left:2px solid #b4a1cd;font-size:12px;line-height:1.8;color:#81748f}.clip-requirement-row small{font-size:10px;opacity:.7}.clip-requirement-row p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.clip-full .clip-requirement-row{background:#2c2938;color:#c2b3d4;border-left-color:#9783b1}.clip-word-count{font-size:10px;color:#9d94b0}.clip-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.clip-avatar-card{background:#292733;border:1px solid #494050;border-radius:8px;padding:14px 10px;color:#ccc2d9}.clip-avatar-card>div{height:110px;display:grid;place-items:center;background:linear-gradient(150deg,#454254,#34303f);border-radius:5px}.clip-avatar-card svg{width:54px;height:70px;color:#b3a5c5}.clip-avatar-card h3{font-size:12px;margin:13px 0 7px}.clip-avatar-card p{font-size:10px;color:#9e92b1;line-height:1.8}.clip-avatar-card small{font-size:10px;color:#b19aca}.clip-avatar-card.is-selected{border-color:#9f87bf;background:#3a2d48}.clip-live-timeline{margin:20px 0}.clip-live-timeline article{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #423e4d;margin-bottom:8px;border-radius:6px}.clip-live-timeline article>b{font-size:14px;color:#af98ca}.clip-live-timeline h3{font-size:12px;margin:0 0 7px}.clip-live-timeline p{font-size:11px;color:#a295b1;margin:0}.clip-live-timeline .button{margin-left:auto}.clip-live-preview{position:relative;height:350px;background:radial-gradient(ellipse at 50% 35%,#4d445e,#252733 75%);border:1px solid #4d435a;border-radius:8px;overflow:hidden;margin:20px 0}.clip-live-badge{position:absolute;top:15px;left:15px;border:1px solid #8c7c9c;background:#312b3ed9;border-radius:4px;padding:5px 8px;font-size:10px;color:#c1b1d4}.clip-presenter{height:100%;display:grid;place-items:center}.clip-presenter svg{width:110px;height:160px;color:#9788ac}.clip-live-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#15131ee6);display:flex;flex-direction:column;gap:9px;font-size:13px}.clip-live-caption span{font-size:11px;color:#a69bb9}.clip-image-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.clip-image-results>div{aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:linear-gradient(145deg,#393443,#292b39);border:1px dashed #574b65;border-radius:7px;color:#a18cb5;font-size:11px}.clip-image-results svg{width:38px;height:38px}.clip-ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clip-idea{background:#262832;border:1px solid #423c4c;border-radius:9px;overflow:hidden;text-align:left;padding:0;color:#ddd4e8}.clip-idea-art{height:155px;background:radial-gradient(ellipse at 50% 120%,#a294b7,#36384c 75%);display:grid;place-items:center;position:relative}.clip-idea-art>svg{width:55px;height:55px;stroke-width:1;color:#c6b6de}.clip-idea-art>span{position:absolute;bottom:11px;left:13px;font-size:9px;background:#201b2ab3;padding:4px 8px;border:1px solid #6a5a7a;border-radius:4px;color:#c3b4d7}.art-1{background:radial-gradient(ellipse at 50% 110%,#696091,#28263e 75%)}.art-2{background:radial-gradient(ellipse at 50% 110%,#af8469,#3e3033 75%)}.art-3{background:radial-gradient(ellipse at 50% 110%,#7e859b,#2b3045 75%)}.art-4{background:radial-gradient(ellipse at 50% 110%,#838b87,#2b393d 75%)}.art-5{background:radial-gradient(ellipse at 50% 110%,#9c9e87,#313a41 75%)}.clip-idea-copy{padding:19px}.clip-idea-copy h3{font-size:15px;font-weight:500;margin:0 0 10px}.clip-idea-copy p{font-size:11px;line-height:1.9;color:#aaa0b6;min-height:42px;margin:0 0 15px}.clip-idea-copy small{font-size:10px;color:#b4a0d0}.clip-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.clip-library-toolbar .clip-work-tabs{margin:0;gap:4px;flex-wrap:wrap}.clip-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #46404f;border-radius:6px;color:#91859e;background:#23242d}.clip-search svg{width:14px}.clip-search input{background:transparent;border:0;color:#b8adca;font-size:11px;outline:none;width:160px}.clip-storage-bar{display:flex;justify-content:space-between;padding:13px 0;font-size:11px;color:#9386a4;margin-bottom:12px}.clip-format-note{border:1px solid #3c3746;border-radius:7px;padding:18px 20px;margin-top:20px;font-size:12px;color:#b3a5c3;line-height:2}.clip-format-note p{font-size:11px;color:#94879f;margin-bottom:0}.clip-table-wrap{overflow:auto;border:1px solid #423b4d;border-radius:8px}.clip-full table{color:#b9aec7;font-size:11px}.clip-full th{color:#9484a7;background:#292633;font-size:11px}.clip-full td{border-color:#3b3546}.clip-modal-content{font-size:12px;line-height:1.9;color:#78849b}.clip-modal-content .clip-muted{margin-top:16px}.clip-modal-content h3{font-size:14px;margin:18px 0 10px}.clip-modal-content .clip-upload{min-width:0}.clip-modal-content .clip-preview-empty{margin:12px 0}.clip-full [hidden]{display:none!important}@media(min-width:1600px){.clip-full .clip-layout{grid-template-columns:minmax(0,1fr) 310px}.clip-full{padding:35px 48px}.clip-full .clip-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.clip-full{padding:25px 22px}.clip-full .clip-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.clip-full .clip-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-full .clip-title-row{align-items:start}.clip-full .clip-title-row>div:last-child{justify-content:flex-start}.clip-full .clip-settings{padding:20px 15px}.clip-ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.clip-full .clip-layout{grid-template-columns:minmax(0,1fr)}.clip-full .clip-settings{display:block}.clip-ideas-grid,.clip-avatar-grid,.clip-plan-grid{grid-template-columns:1fr}.clip-workspace-notice{align-items:start;flex-wrap:wrap}.clip-full .clip-summary{grid-template-columns:1fr}.clip-full .clip-mode-tabs button{font-size:11px;padding:8px 10px}}@media(max-width:540px){.clip-full{padding:20px 14px}.clip-full .clip-choices{grid-template-columns:1fr}.clip-full .clip-resource-nav{gap:14px}.clip-full .clip-stage{padding:22px 16px}.clip-image-results{grid-template-columns:1fr}.clip-workspace-notice>.button{margin-left:0}}
/* Override workspace-wide heading colors within the dark studio only. */
.pipeline-mode .clip-full :is(h1,h2,h3,h4){color:#ede9f4}.pipeline-mode .clip-full .clip-plan-grid h3{color:#d6cbe2}.pipeline-mode .clip-full .clip-avatar-card h3{color:#d6cbe2}.clip-full .clip-title-row h1{color:#f4effb}.clip-full .clip-resource-grid{margin-bottom:20px}