@import url('./feature-shapes.css');
@import url('./atelier-icons.css');
@import url('./nexus-home.css');
/* Revision 05 — supplied cinematic reference, native Kale controls.
   All overrides are opt-in; revisions 01–04 keep their own compositions. */
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design]{--studio-bg:#f8f8fa;--studio-panel:#fff;--studio-soft:#eeeef1;--studio-text:#202025;--studio-muted:#64646f;--studio-line:#20202512;--cinema-sidebar:#f1f1f4;--cinema-agent:#e8e8f7;--cinema-agent-text:#5f60aa}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design].theme-dark{--studio-bg:#131315;--studio-panel:#1e1e21;--studio-soft:#252528;--studio-text:#f4f4f5;--studio-muted:#a0a0aa;--studio-line:#ffffff12;--yc-soft-text:#96969f;--cinema-sidebar:#1b1b1e;--cinema-agent:#333340;--cinema-agent-text:#c0c1fa;--studio-shadow:0 8px 20px #0004}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] body #app .app-shell .app-sidebar{background:var(--cinema-sidebar)!important;backdrop-filter:none!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .app-sidebar:has([aria-label="折叠侧栏"]),html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .app-sidebar:has([aria-label="折叠侧栏"])>div>div{width:196px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .sidebar-top-block{padding:20px 16px 24px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .app-sidebar nav{gap:16px!important;padding:10px 10px 18px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .sidebar-nav-item{border-radius:12px!important;height:40px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .sidebar-nav-item.is-active{background:var(--studio-soft)!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .yc-scroll{position:relative}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .yc-upper{padding-top:clamp(206px,calc(100px + (100vw - 300px)*.0963),255px)!important;width:min(1280px,calc(100% - 72px))!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-create-section{min-height:calc(100svh - 340px)}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-home-heading{display:block;position:relative;text-align:center;margin-bottom:8px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"])) body .dashboard-page .yc-home-heading h1{font-size:32px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:-.03em!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-home-heading p{font-size:13px!important;margin:13px 0 0!important;line-height:22px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-home-heading>a{position:absolute;right:0;top:-218px;font-size:0;padding:8px;background:none;color:var(--studio-muted)}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule{height:46px;margin:0 auto 12px;border-radius:17px;background:var(--studio-soft);position:relative;z-index:2}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule button{height:38px;min-width:106px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule button[data-mode="agent"]{background:var(--cinema-agent);color:var(--cinema-agent-text);box-shadow:inset 0 -1px 0 #a6a8ed70}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule button[data-mode="agent"][aria-pressed="true"]{box-shadow:inset 0 0 0 1px #a6a8edc0;background:color-mix(in srgb,var(--cinema-agent) 80%,#8588df)}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule button[data-mode="agent"]::after{content:'从想法到作品';position:absolute;right:2px;bottom:calc(100% + 8px);padding:5px 9px;border:1px solid #a6a8ed42;border-radius:8px;background:var(--cinema-agent);color:var(--cinema-agent-text);font-size:10px;line-height:15px;white-space:nowrap;pointer-events:none}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .yc-native-composer,html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page[data-yc-mode="video"] .yc-native-composer{height:226px!important;min-height:226px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-agent{height:226px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-empty-suggest{margin-top:18px;gap:16px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-suggest-card{padding:12px;gap:12px;min-height:80px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-suggest-card small{line-height:1.7}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-recent{margin-top:38px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-recent-card{background:var(--studio-panel)}
.cinema-strip{position:absolute;z-index:3;top:0;left:0;right:0;height:355px;pointer-events:none;--frame-width:clamp(132px,calc((100vw - 300px)/7),230px);--frame-step:calc(var(--frame-width) + 16px)}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .cinema-strip{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty{position:relative}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>.yc-native-writing{position:relative!important;padding:0!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>.yc-native-writing>div:has(textarea){position:absolute!important;top:16px;left:22px;right:22px;height:50px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>.yc-native-writing textarea{height:50px!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>.yc-native-writing>div:first-child:not(:has(textarea)){position:absolute;left:22px;top:72px;max-width:145px}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty button[title="点击或拖拽上传"]{width:58px!important;height:76px!important;background:var(--studio-soft)!important}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>div:first-child:not(.yc-native-writing){position:absolute;top:88px;left:168px;right:16px;padding:0!important;z-index:25}
html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>div:first-child button{font-size:11px!important;height:28px!important;min-height:28px!important}
.cinema-frame{position:absolute;left:calc(50% + var(--position)*var(--frame-step));top:calc(56px + var(--rise));width:var(--frame-width);height:calc(var(--frame-width)*.674);transform:translateX(-50%) rotate(var(--turn));padding:0;overflow:hidden;border:1px solid #ffffff45;border-radius:13px;background:#242427;box-shadow:0 8px 18px #0002;pointer-events:auto;animation:cinema-frame-in 340ms var(--studio-ease) both;animation-delay:calc(var(--order)*22ms)}
.cinema-frame img{display:block;width:100%;height:100%;object-fit:cover}
.cinema-frame>span{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:30px 12px 11px;font-size:13px;font-weight:600;color:white;background:linear-gradient(transparent,#000c);opacity:1;transition:background 180ms ease;pointer-events:none}
.cinema-frame:hover{z-index:3;scale:1.035}.cinema-frame:active{scale:.98}
.cinema-agent-launcher{position:absolute;right:18px;bottom:64px;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:80px;min-height:74px;padding:2px 4px;overflow:visible;appearance:none;border:0;border-radius:10px;background:transparent;color:var(--studio-text);box-shadow:none;cursor:pointer;font:inherit;transform-origin:50% 75%;transition:scale var(--studio-time,180ms) var(--studio-ease,ease),color var(--studio-time,180ms) var(--studio-ease,ease),opacity var(--studio-time,180ms) var(--studio-ease,ease);animation:studio-appear 250ms var(--studio-ease,ease) both}
.cinema-agent-mascot{display:block;width:44px;height:44px;object-fit:contain;animation:cinema-xiaoka-float 2.6s ease-in-out infinite;transform-origin:50% 82%;filter:drop-shadow(0 3px 6px #0003)}
.cinema-agent-label{display:block;white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.02em}
.cinema-agent-launcher:hover:not(:disabled){scale:1.03;background:transparent;color:var(--cinema-agent-text);box-shadow:none}
.cinema-agent-launcher:active:not(:disabled){scale:.97;background:transparent;box-shadow:none}
.cinema-agent-launcher:focus-visible{outline:2px solid var(--studio-accent,#2563eb);outline-offset:4px}
.cinema-agent-launcher:disabled{opacity:.45;cursor:not-allowed;scale:1}
.cinema-agent-launcher:disabled .cinema-agent-mascot{animation-play-state:paused}
.cinema-agent-launcher.is-mascot-error::before{content:'AI';display:grid;place-items:center;width:44px;height:44px;font-size:14px;font-weight:700;color:var(--cinema-agent-text)}
.cinema-agent-launcher.is-mascot-error canvas{display:none}
@keyframes cinema-xiaoka-float{0%,100%{transform:translateY(1px) rotate(-1.5deg)}50%{transform:translateY(-2px) rotate(1.5deg)}}
@keyframes cinema-frame-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1350px){
 .cinema-strip{--frame-width:clamp(132px,calc((100vw - 300px)/7),174px);--frame-step:calc(var(--frame-width) + 12px);height:295px}
 .cinema-frame{height:calc(var(--frame-width)*.674);top:calc(32px + var(--rise)*.7)}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .yc-upper{padding-top:199px!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-home-heading>a{top:-165px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"])) body .dashboard-page .yc-home-heading h1{font-size:28px!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-create-section{min-height:calc(100svh - 290px)}
}
@media(max-width:900px){
 .cinema-strip{--frame-width:145px;--frame-step:158px}
 .cinema-frame{height:98px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .yc-upper{padding-top:176px!important;width:calc(100% - 40px)!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-home-heading>a{top:-146px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"])) body .dashboard-page .yc-home-heading h1{font-size:26px!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule button[data-mode="agent"]::after{display:none}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-empty-suggest{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .cinema-agent-launcher{bottom:58px;right:12px}
}
@media(max-width:600px){
 .cinema-strip{--frame-width:136px;--frame-step:148px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .dashboard-page .yc-upper{width:calc(100% - 24px)!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-home-heading p{font-size:11px!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-mode-capsule button{min-width:0;padding:0 10px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-suggest-card{padding:8px;gap:8px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .yc-agent{padding:14px}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>div:first-child:not(.yc-native-writing){left:154px;right:10px;gap:0!important}
 html:is([data-lab-design="cinema"],:is([data-lab-design="atelier"],[data-lab-design="nexus"]))[data-lab-design] .cinema-video-empty>div:first-child button[aria-label="清空全部素材"]{font-size:0!important;padding:0!important;width:0!important;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.cinema-frame,.cinema-agent-launcher,.cinema-agent-mascot{animation:none!important;transition:none!important}.cinema-frame>span{transition:none!important}}
@media(max-height:820px){.cinema-agent-launcher{display:none}}