.app{position:relative;--curtain-closed-height:12px}
.app button,.app .quiet,.app .alternate-create:hover,dialog button{text-decoration:none!important}
.studio-chat #view{margin-top:var(--curtain-closed-height)}
.studio-chat .chatpage{padding-top:14px}
#header [data-curtain-toggle]{display:flex;align-items:center;font-size:13px;padding:8px;white-space:nowrap;min-height:44px;color:var(--ink)}
#header .navleft{min-width:0}#header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#storyCurtain{position:absolute;left:0;right:0;z-index:12;display:flex;flex-direction:column;height:var(--curtain-closed-height);background:var(--surface);overflow:hidden;transition:height 240ms cubic-bezier(.2,.8,.2,1)}
#storyCurtain.is-open,#storyCurtain.dragging{border-bottom:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 6px 18px #0002}
#storyCurtain.dragging{transition:none}
.curtain-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px;visibility:hidden}
#storyCurtain.is-open .curtain-content,#storyCurtain.dragging .curtain-content{visibility:visible}
#curtainHandle{flex:none;align-self:center;height:var(--curtain-closed-height);min-height:var(--curtain-closed-height);display:flex;align-items:center;justify-content:center;padding:0;width:76px;color:var(--muted);touch-action:none;cursor:ns-resize;border-radius:0}
#curtainHandle .grip{height:3px;width:64px;border-radius:3px;background:var(--muted);opacity:.55}
#curtainHandle:focus-visible{outline-offset:-2px}
.curtain-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0 8px}.curtain-heading small{font-size:11px;color:var(--muted)}.curtain-heading h2{font:500 20px/1.4 var(--cp-ui-font);margin-top:5px}.curtain-heading button{padding:8px}
.curtain-scene{padding:16px 0;border-bottom:1px solid var(--line)}.curtain-scene-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}
.curtain-scene .duration{position:static;float:none;min-height:44px;font-size:11px;padding:6px 10px}
.curtain-scene h3{font:500 19px/1.4 var(--cp-ui-font);margin:4px 0 10px}.curtain-scene p{font-size:14px;line-height:1.65}
.curtain-material{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;background:var(--raised);border-radius:12px}
.curtain-material img{width:64px;height:64px;border-radius:8px}.curtain-material small{font-size:11px;color:var(--muted);line-height:1.6}
.curtain-tools{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}.curtain-tools button,.studio-icon-action,.bubble .studio-icon-action,.curtain-heading [data-curtain-toggle]{display:inline-grid;place-items:center;vertical-align:middle;width:22px;height:22px;min-width:22px;min-height:22px;padding:0;border-radius:5px}
.app .studio-labeled-action{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:86px;height:32px;min-height:32px;gap:5px;padding:4px 8px;font-size:11px;white-space:nowrap;border-radius:5px}
.studio-action-label{min-width:0;line-height:1.5;overflow-wrap:anywhere}
.curtain-tools button .cp-icon,.studio-icon-action .cp-icon,.curtain-heading [data-curtain-toggle] .cp-icon{width:10.5px;height:10.5px}
.app .studio-labeled-action .cp-icon{flex:0 0 14px;width:14px;height:14px}
.studio-icon-action:hover,.studio-labeled-action:hover,.curtain-tools button:hover{background:var(--raised)}
dialog .studio-labeled-action{display:flex;align-items:center;width:100%;height:auto;min-height:44px;min-width:0;padding:10px 14px;gap:8px;text-align:left;font-size:13px}
dialog .studio-labeled-action .cp-icon{flex:0 0 16px;width:16px;height:16px}
.studio-chat .suggestions{padding-bottom:3px}
.composebar{gap:8px}.composebar>[data-act=attach]{margin-right:auto;min-width:44px;padding:6px}.composebar>[data-act=attach] span{font-size:11px}
.composebar .generate-video{display:flex;align-items:center;justify-content:center;gap:5px;min-width:80px;height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:13px;background:var(--raised);font-size:12px;color:var(--ink)}
.composebar .generate-video svg{width:19px;height:19px}.composebar .send{flex-shrink:0;width:44px;height:44px}
@media(max-width:380px){#header strong{font-size:14px}.composebar>[data-act=attach] span{display:none}}
@media(prefers-reduced-motion:reduce){#storyCurtain{transition:none!important}}