/* Canvas projects lead the studio; tool discovery follows below. */
.platform-shell .studio-project-heading{align-items:center;margin-bottom:30px}
.platform-shell .studio-project-heading .product-heading-title{font-size:32px}
.platform-shell .studio-project-heading .product-heading-description{margin-top:8px}
.platform-shell .studio-project-heading .studio-create-primary{height:44px;padding-inline:20px;font-weight:600;border-radius:10px}
.studio-projects{margin-bottom:38px}
.studio-projects-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.studio-projects-heading h2,.studio-tools-heading h2{margin:0;color:var(--c-text);font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.3px}
.studio-projects-heading p{margin:6px 0 0;color:var(--c-muted);font-size:12px;line-height:1.8}
.studio-projects-heading>a{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:40px;color:var(--c-muted);font-size:12px}
.studio-projects-heading>a:hover{color:var(--c-text)}
.studio-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.studio-new-project{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:226px;padding:24px;border:1px dashed color-mix(in srgb,var(--c-mint) 32%,var(--c-border));border-radius:16px;background:color-mix(in srgb,var(--c-mint) 3%,var(--c-surface));color:var(--c-text);cursor:pointer;transition:background 160ms ease,border-color 160ms ease}
.studio-new-project-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface);color:var(--c-mint);font-size:23px}
.studio-new-project>strong{font-size:15px;font-weight:500}.studio-new-project>span:last-child{color:var(--c-muted);font-size:12px}
.studio-new-project:hover:not(:disabled){border-color:var(--c-mint);background:var(--ui-accent-soft)}
.studio-new-project:disabled{opacity:.5;cursor:not-allowed}
.studio-project-state{grid-column:span 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:226px;padding:20px;text-align:center;border-radius:16px;background:color-mix(in srgb,var(--c-raised) 40%,transparent);color:var(--c-muted)}
.studio-project-state-icon{font-size:28px;margin-bottom:4px;color:color-mix(in srgb,var(--c-muted) 65%,transparent)}
.studio-project-state h3{margin:0;font-size:15px;font-weight:500;color:var(--c-text)}.studio-project-state p{margin:0;font-size:12px;line-height:1.8}.studio-project-state>.ant-alert{width:100%;text-align:left}
.studio-project-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);color:var(--c-text);transition:border-color 160ms ease}
.studio-project-card:hover{border-color:color-mix(in srgb,var(--c-mint) 55%,var(--c-border));color:var(--c-text)}
.studio-project-cover{position:relative;display:grid;place-items:center;min-height:151px;overflow:hidden;background:radial-gradient(#c6d8d719 .7px,transparent .7px),#1b2928;background-size:12px 12px,auto;color:#a5bdb5}
.studio-project-tone-1 .studio-project-cover{background-color:#282635;color:#b9b0cd}.studio-project-tone-2 .studio-project-cover{background-color:#232b36;color:#a6b7cd}
.studio-project-cover-label{position:absolute;top:13px;left:14px;display:flex;align-items:center;gap:6px;font-size:10px}
.studio-project-mini-nodes{position:relative;display:flex;gap:18px;align-items:center;transform:translateY(9px)}
.studio-project-mini-nodes:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:currentColor;opacity:.3}
.studio-project-mini-nodes>i{position:relative;width:35px;height:43px;border:1px solid currentColor;border-radius:5px;background:#1b2928;opacity:.6}.studio-project-mini-nodes>i:nth-child(2){height:56px;width:45px;transform:translateY(-5px)}
.studio-project-open{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#131817de;font-size:12px;opacity:0;transition:opacity 160ms ease}
.studio-project-card:is(:hover,:focus-visible) .studio-project-open{opacity:1}
.studio-project-card-copy{padding:14px 16px 16px;min-width:0}.studio-project-card-copy h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:14px;font-weight:500;line-height:1.5}.studio-project-card-copy time{color:var(--c-muted);font-size:11px}
.studio-tools-heading{display:flex;align-items:center;gap:14px;padding-top:26px;margin-bottom:18px;border-top:1px solid var(--c-border)}.studio-tools-heading>span{color:var(--c-muted);font-size:12px}
.studio-create-description{margin:0 0 22px;color:var(--c-muted);font-size:13px;line-height:1.8}.studio-project-name-label{display:block;margin-bottom:8px;font-size:13px}
.studio-projects :is(a,button):focus-visible{outline:2px solid var(--c-mint);outline-offset:4px}
@media(max-width:1000px){.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-project-state{grid-column:auto}.studio-projects-heading{align-items:flex-start}}
@media(max-width:760px){.platform-shell .studio-project-heading{gap:18px;margin-bottom:28px}.platform-shell .studio-project-heading .product-heading-actions{display:grid;grid-template-columns:1fr 1fr}.platform-shell .studio-project-heading .product-heading-actions>*{justify-content:center;min-height:44px}.studio-projects-heading{gap:12px}.studio-projects-heading p{max-width:220px;font-size:11px}.studio-project-grid{gap:12px}.studio-new-project{min-height:194px;padding:16px}.studio-project-state{min-height:194px;padding:16px 10px}.studio-project-state h3{font-size:13px}.studio-project-state p{font-size:11px}.studio-project-cover{min-height:126px}.studio-project-cover-label{font-size:9px;left:10px}.studio-project-mini-nodes{gap:12px}.studio-project-mini-nodes>i{width:25px;height:35px}.studio-project-mini-nodes>i:nth-child(2){width:32px;height:45px}.studio-project-card-copy{padding:12px}.studio-project-card-copy h3{font-size:13px}.studio-projects{margin-bottom:28px}.studio-tools-heading{align-items:flex-start;flex-direction:column;gap:6px;padding-top:22px}.studio-project-open{display:none}}
.platform-shell .studio-cinema-page .studio-light-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 18px;padding:0;border:0;background:transparent}
.platform-shell .studio-light-toolbar .product-choice-tabs{padding:3px;border-color:transparent;background:color-mix(in srgb,var(--c-raised) 70%,transparent)}
.platform-shell .studio-light-toolbar .product-choice-tabs>button{min-height:34px;padding:8px 16px}
.platform-shell .studio-cinema-page .studio-notice{margin-bottom:18px;border:0;border-radius:0;background:transparent;padding:0 2px;align-items:flex-start;font-size:11px;line-height:1.8}
.platform-shell .studio-cinema-page .studio-notice>.anticon{margin-top:4px;flex-shrink:0}
.platform-shell .studio-visual-tools .tool-card{overflow:hidden}
.platform-shell .studio-visual-tools .tool-card-top{margin-bottom:14px}
.platform-shell .studio-visual-tools .tool-card-icon{width:34px;height:34px;border-radius:9px;font-size:18px}
.platform-shell .studio-visual-tools .tool-card h2{font-size:20px;margin-bottom:8px}
.platform-shell .studio-visual-tools .tool-card>p{min-height:46px;margin-bottom:20px}
.studio-tool-preview{position:relative;height:132px;flex-shrink:0;overflow:hidden;margin:-24px -24px 20px;background:#0f2324;isolation:isolate}
.studio-preview-caption{position:absolute;top:12px;left:14px;z-index:2;font-size:8px;font-weight:500;letter-spacing:1.2px;line-height:1.6;color:#d6e3df}
.studio-preview-canvas{background:radial-gradient(ellipse at 45% 130%,#73d8be30,transparent 72%),radial-gradient(#c2f0d71c .75px,transparent .75px),#102225;background-size:auto,12px 12px,auto}
.studio-canvas-scheme{position:absolute;inset:39px 20px 16px}
.studio-canvas-node{position:absolute;top:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:25%;height:60px;border:1px solid #a0dfc740;border-radius:8px;background:#1b3537;box-shadow:0 5px 12px #0002;color:#c6eadc;font-size:9px}
.studio-canvas-node:before,.studio-canvas-node:after{content:"";position:absolute;top:50%;width:5px;height:5px;border:1px solid #a6dcca;border-radius:50%;background:#152d2c;transform:translateY(-50%)}
.studio-canvas-node:before{left:-3px}.studio-canvas-node:after{right:-3px}
.studio-canvas-node>.anticon{font-size:20px}.studio-canvas-node>i{height:2px;width:60%;background:#c0e0d92b;border-radius:2px}.studio-canvas-node>i:last-child{width:42%;align-self:flex-start;margin-left:20%}
.node-idea{left:0;top:1px}.node-image{left:37.5%;top:13px;background:linear-gradient(140deg,#31534f,#193638)}.node-story{right:0;top:3px}
.studio-canvas-wire{position:absolute;top:30px;display:block;height:20px;width:26%;border-top:1px solid #9be7cb66;transform:rotate(12deg);transform-origin:left center}
.wire-one{left:23%}.wire-two{left:61%;top:44px;transform:rotate(-12deg)}
.studio-preview-image{background:radial-gradient(ellipse at 70% 130%,#ae80c266,transparent 75%),#211c32}
.studio-image-notes{position:absolute;left:28px;top:49px;width:33%;color:#d7c5e8;font-size:11px;letter-spacing:.6px}
.studio-image-notes>i{display:block;width:75%;height:2px;background:#e8dcf129;margin:10px 0 0;border-radius:2px}.studio-image-notes>i+ i{width:56%;margin-top:6px}
.studio-image-notes>div{display:flex;gap:6px;margin-top:14px}.studio-image-notes b{width:12px;height:12px;border:1px solid #ffffff26;border-radius:50%;background:#d8a6c6}.studio-image-notes b:nth-child(2){background:#a78ac7}.studio-image-notes b:nth-child(3){background:#89b5ae}
.studio-image-frame{position:absolute;top:19px;bottom:-16px;right:26px;width:43%;overflow:hidden;transform:rotate(7deg);border:1px solid #e4d2ee55;border-radius:10px;background:#18192e;box-shadow:-10px 12px 24px #05030d40}
.studio-image-frame>img{width:100%;height:100%;object-fit:cover;object-position:15% 50%}
.studio-image-frame>i{position:absolute;inset:8px;border:1px solid #ffffff30;border-radius:4px}.studio-image-frame>i+ i{inset:16px;border-color:#ffffff13}
.studio-preview-layers{background:radial-gradient(ellipse at 60% 130%,#4f8eaf5c,transparent 75%),#172632}
.studio-layer-stack{position:absolute;left:50%;top:51%;width:150px;height:76px;transform:translate(-50%,-30%)}
.studio-layer-slice{position:absolute;inset:0;display:block;border:1px solid #d4eaf155;border-radius:9px;background:linear-gradient(130deg,#6e94ab55,#31506788);box-shadow:0 8px 20px #06132130}
.studio-layer-slice>i{position:absolute;width:28px;height:28px;left:16px;top:14px;border:1px solid #c4e6e340;background:#c4e6e31c;border-radius:50%}
.studio-layer-slice>b{position:absolute;width:66px;height:7px;right:16px;bottom:16px;border-radius:6px;background:#c4e6e32b}
.layer-back{transform:translate(30px,-18px) rotate(-8deg);opacity:.55}.layer-middle{transform:translate(0,-2px) rotate(-8deg);opacity:.75}.layer-front{transform:translate(-30px,14px) rotate(-8deg);background:linear-gradient(130deg,#648e9f,#294e66)}
.studio-preview-video{background:radial-gradient(ellipse at 40% 140%,#b28a5455,transparent 75%),#30291f}
.studio-video-scheme{position:absolute;inset:38px 26px 16px}
.studio-film-frames{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;height:55px}
.studio-film-frames>span{display:grid;place-items:center;overflow:hidden;border:1px solid #ddc7a938;border-radius:6px;background:linear-gradient(140deg,#d7aa7155,#5e564c33);color:#e8d4b5;font-size:22px}
.studio-film-frames>span:first-child{background:linear-gradient(145deg,#69736670,#b49b7c4d)}.studio-film-frames>span:last-child{background:linear-gradient(145deg,#ba8e5b60,#544c6a50)}
.studio-timeline{position:relative;display:flex;gap:4px;margin-top:8px;height:7px}.studio-timeline>i{flex:1;border-radius:2px;background:#b9d5b84a}.studio-timeline>i:nth-child(2){background:#edc98c6b}.studio-timeline>i:nth-child(3){background:#b9d5b84a}.studio-timeline>b{position:absolute;top:-6px;bottom:-5px;left:49%;width:1px;background:#eeddbb}
.platform-shell .studio-cinema-page .studio-character-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-top:28px;border:1px solid var(--c-border);border-radius:20px;background:var(--c-surface)}
.studio-character-copy{padding:30px 32px}
.studio-character-copy h2{font-size:26px;font-weight:600;letter-spacing:-.7px;line-height:1.5;margin:10px 0 12px}
.studio-character-copy>p{font-size:13px;line-height:1.8;color:var(--c-muted);margin:0 0 8px}
.studio-character-meta{display:block;color:var(--c-muted);font-size:11px;line-height:1.8;margin-bottom:22px}
.studio-character-preview{position:relative;min-height:246px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 35% 115%,#6c9c9845,transparent 75%),radial-gradient(#bddfd11a .75px,transparent .75px),#122325;background-size:auto,14px 14px,auto}
.studio-character-preview .studio-preview-caption{top:18px;left:22px;font-size:9px;color:#cadbd6}
.studio-character-reference{position:absolute;width:124px;height:158px;left:17%;top:52%;transform:translateY(-50%) rotate(-5deg);overflow:hidden;border:1px solid #c6e9d94f;border-radius:12px;box-shadow:0 12px 30px #0003;background:#171e2b}
.studio-character-reference>img{width:100%;height:100%;object-fit:cover;object-position:14% center}
.studio-character-reference>span{position:absolute;inset:auto 0 0;padding:12px 10px 10px;background:linear-gradient(transparent,#0c161ee0);color:#edf4ef;font-size:10px}
.studio-character-node{position:absolute;right:12%;top:52%;width:140px;transform:translateY(-50%) rotate(3deg);padding:14px;border:1px solid #c6e9d94f;border-radius:10px;background:#24413e;box-shadow:0 10px 25px #0003;color:#d1e6dc;font-size:11px}
.studio-character-node>span{display:flex;align-items:center;gap:7px;margin-bottom:14px}.studio-character-node>i{display:block;height:3px;width:90%;background:#d8e8dd26;border-radius:2px;margin:7px 0}.studio-character-node>i:nth-of-type(2){width:72%}.studio-character-node>i:nth-of-type(3){width:55%}
.studio-character-node>b{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:10px;border-top:1px solid #d8e8dd20;font-size:9px;font-weight:400;color:#a8d9c5}
.studio-character-wire{position:absolute;left:36%;right:30%;top:50%;height:34px;border-top:1px solid #9ddebe73;border-right:1px solid #9ddebe73;border-radius:0 18px 0 0;transform:rotate(8deg)}
.studio-character-footer{position:absolute;bottom:16px;left:22px;font-size:8px;letter-spacing:1.5px;color:#a5c4b9}
@media(max-width:1100px){.studio-character-reference{left:10%;width:112px;height:146px}.studio-character-node{right:7%;width:130px}}
@media(max-width:760px){
 .platform-shell .studio-cinema-page .studio-light-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.platform-shell .studio-light-toolbar :is(.ant-input-group-wrapper,.ant-input-search){width:100%!important}.platform-shell .studio-light-toolbar .product-choice-tabs{width:100%}.platform-shell .studio-light-toolbar .product-choice-tabs>button{min-height:40px;padding-inline:10px;font-size:11px;flex:1}
 .platform-shell .studio-cinema-page .studio-notice{font-size:10px;margin-bottom:16px;padding:0 2px}
 .studio-tool-preview{height:132px;margin:-20px -20px 18px}.platform-shell .studio-visual-tools .tool-card h2{font-size:20px}.platform-shell .studio-visual-tools .tool-card>p{min-height:0}
 .platform-shell .studio-cinema-page .studio-character-feature{grid-template-columns:1fr;margin-top:24px;border-radius:16px}.studio-character-copy{padding:24px}.studio-character-copy h2{font-size:24px}.studio-character-copy>p{font-size:12px}.studio-character-meta{font-size:10px}.studio-character-preview{min-height:240px}.studio-character-reference{left:13%}.studio-character-node{right:10%}.studio-character-copy .mint-button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.studio-cinema-page *, .studio-cinema-page *::before,.studio-cinema-page *::after{animation:none!important;transition:none!important}}
