.studio-icon-button{color:#c7c7ce;background:linear-gradient(160deg,#353538,#222225);border:1px solid #414146;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:8px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0003}.studio-mode-anchor{flex:none;display:flex;position:relative}.advanced-mode-hint{z-index:12;transform-origin:90% 100%;background:linear-gradient(135deg,#bc4c54,#943a43);border:1px solid #d06367;border-radius:9px;align-items:center;width:max-content;max-width:calc(100vw - 36px);animation:3.4s ease-in-out infinite studio-tip-float;display:flex;position:absolute;top:calc(100% + 12px);right:-1px;transform:rotate(-3deg);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff20}.advanced-mode-hint:after{content:"";background:#993d45;border-top:1px solid #d06367;border-left:1px solid #d06367;width:8px;height:8px;position:absolute;top:-5px;right:13px;transform:rotate(45deg)}.advanced-mode-hint>button{color:#fff;background:0 0;border:0;align-items:center;gap:9px;min-height:32px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.advanced-mode-hint>button:last-child{color:#fdd;padding-inline:7px}.studio-history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.studio-history-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(23px,3vw,32px)}.studio-history-heading>label{background:#232326;border:1px solid #38383f;border-radius:10px;align-items:center;gap:9px;padding:3px 9px;display:flex}.studio-history-heading select{color:#d6d6dd;background:0 0;border:0;max-width:220px;min-height:34px;font-size:12px}.studio-boundary-tray{flex:none;align-self:flex-start;display:flex;position:relative}.clip-boundary-frames.is-compact{width:auto;box-shadow:none;background:0 0;border:0;gap:8px;margin:0;padding:0;display:flex}.clip-boundary-frames.is-compact .clip-boundary-slot{background:0 0;border:0;flex:none;width:76px;height:76px;padding:0;display:block;position:relative;overflow:visible}.clip-boundary-frames.is-compact .clip-boundary-preview{aspect-ratio:1;background:linear-gradient(145deg,#303036,#232327);border:1px solid #484850;border-radius:10px;width:76px;height:76px;margin:0;overflow:hidden}.clip-boundary-frames.is-compact .clip-boundary-picker{color:#bfbfc7;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:7px 3px 17px;display:flex}.clip-boundary-frames.is-compact .clip-boundary-picker>span{display:none}.clip-boundary-frames.is-compact .clip-boundary-label{z-index:1;text-align:center;color:#d6d6df;pointer-events:none;font-size:9px;font-weight:500;position:absolute;bottom:6px;left:3px;right:3px}.clip-boundary-frames.is-compact .clip-boundary-label small,.clip-boundary-frames.is-compact .clip-boundary-footer{display:none}.clip-boundary-frames.is-compact .clip-boundary-preview :is(img,video){object-fit:cover}.clip-boundary-frames.is-compact .clip-boundary-remove{background:#17171bd9;border-radius:50%;width:19px;min-height:19px;padding:2px;position:absolute;top:3px;right:3px}.studio-boundary-dismiss{z-index:3;color:#b0b0bb;opacity:0;background:#242429;border:1px solid #4a4a52;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;min-height:20px;padding:2px;display:flex;position:absolute;top:-7px;right:-7px}.studio-boundary-tray:hover .studio-boundary-dismiss,.studio-boundary-tray:focus-within .studio-boundary-dismiss{opacity:1}@media (min-width:761px){html body .workspace .timeline-section.is-collapsed>.timeline-overview{display:none}html body .workspace .timeline-section.is-collapsed>.clip-prompt{margin:0;display:grid}html body .workspace .timeline-section .material-bar{min-height:76px}html body .workspace .timeline-section:not(.is-collapsed)>.clip-prompt label{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;display:flex}html .workspace .studio-canvas>.timeline-section:not(.is-experimental){background:linear-gradient(145deg,#202023,#18181b);border-color:#3d3d44;border-radius:18px;max-height:calc(100dvh - 100px);box-shadow:inset 0 1px #ffffff08,0 -8px 38px #0005,0 22px 65px #0009}html .workspace .studio-canvas>.timeline-section.is-collapsed{gap:14px;max-height:min(76dvh,610px);padding:18px 20px 15px;overflow:visible}html .workspace .timeline-section>.composer-view-tools{z-index:9;float:none;justify-content:flex-end;gap:6px;width:auto;min-height:36px;margin:0 0 8px;display:flex;position:relative}html .workspace .timeline-section>.composer-view-tools .studio-icon-button{background:linear-gradient(155deg,#333338,#242428);border:1px solid #44444c;border-radius:10px;width:36px;min-width:36px;height:36px;min-height:36px;padding:8px;box-shadow:inset 0 1px #ffffff0e,0 2px 4px #0003}html .workspace .timeline-section.is-collapsed .composer-collapse-toggle svg{transform:none}html .workspace .timeline-section.is-collapsed>.composer-view-tools{height:0;min-height:0;margin:0;top:4px}html .workspace .timeline-section.is-collapsed>.composer-view-tools .studio-mode-anchor{transform:translateY(-1px)}html .workspace .timeline-section.is-collapsed>.compact-reference-section{min-height:76px;max-height:174px;padding-right:48px;overflow:visible}html .workspace .material-bar{border-bottom:0;align-items:flex-start;gap:10px;min-width:0;padding-top:0;padding-bottom:0}html .workspace .material-bar .material-heading,html .workspace .material-bar .material-empty{display:none}html .workspace .material-bar>.upload-tile{color:#c8c8d0;background:linear-gradient(145deg,#323237,#242428);border-color:#44444d;border-radius:10px;flex:none;width:76px;min-width:76px;height:76px;font-size:10px;box-shadow:inset 0 1px #ffffff09,0 2px 5px #0003}html .workspace .material-bar>.asset-strip{flex:1;min-width:0}html .workspace .timeline-section:not(.is-collapsed):not(.is-mobile-composer)>.clip-prompt{clear:none;gap:6px;width:clamp(230px,26%,340px);margin:0 0 16px auto;padding:0}html .workspace .timeline-section:not(.is-collapsed)>.clip-prompt label{color:#aaaab5;cursor:help;justify-content:flex-end;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}html .workspace .timeline-section:not(.is-collapsed)>.clip-prompt .mention-input{background:#17171a;border:1px solid #3a3a43;border-radius:9px;min-height:34px;max-height:140px;padding:8px 10px;font-size:11px;line-height:1.5}html .workspace .timeline-section:not(.is-collapsed)>.clip-prompt:not(.has-text):not(:focus-within) .mention-input{white-space:nowrap;height:34px;overflow:hidden}html .workspace .timeline-section.is-collapsed>.clip-prompt label{color:#e0e0e7;font-size:13px;font-weight:500}html .workspace .timeline-section.is-collapsed>.clip-prompt .mention-input{background:#19191d;border-color:#383840;border-radius:12px;min-height:110px;max-height:220px;font-size:14px}html .workspace .studio-canvas>.recent{background:0 0;border:0;padding:24px 0}html .workspace .recent .panel-heading{background:0 0;border:0;padding:0 0 18px}html .workspace .recent .panel-heading strong{color:#dcdce3;letter-spacing:-.02em;font-size:17px}html .workspace .history-page{width:100%;max-width:1440px;margin:0 auto;padding:36px 32px}}@keyframes studio-tip-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-3px)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.advanced-mode-hint{animation:none}}@media (max-width:760px){.studio-history-heading{margin-bottom:16px}}.seedance-mode-menu{z-index:10;width:max-content;position:relative}.seedance-mode-menu>summary{cursor:pointer;color:#eeeef3;background:linear-gradient(145deg,#36363b,#28282c);border:1px solid #4b4b52;border-radius:10px;align-items:center;gap:9px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:600;list-style:none;display:flex}.seedance-mode-menu>summary::-webkit-details-marker{display:none}.seedance-mode-options{background:linear-gradient(150deg,#2d2d32,#1f1f23);border:1px solid #ffffff24;border-radius:14px;width:272px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 18px 45px #0008,inset 0 1px #ffffff09}.seedance-mode-options>button{text-align:left;color:#d6d6df;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:11px;display:flex}.seedance-mode-options>button[aria-pressed=true],.seedance-mode-options>button:hover{background:#ffffff0c}.seedance-mode-options>button>span{flex:1;gap:4px;display:grid}.seedance-mode-options strong{font-size:12px;font-weight:600}.seedance-mode-options small{color:#9999a5;font-size:10px}@media (min-width:761px){html .workspace .studio-canvas>.timeline-section:not(.is-experimental){left:max(32px,50vw - 760px);right:max(32px,50vw - 760px)}html .workspace .timeline-section:not(.is-experimental):not(.is-source-operation)>.composer-view-tools{height:36px;min-height:36px;margin:0;position:absolute;top:18px;right:20px}html .workspace .timeline-section:not(.is-experimental)>.compact-reference-section{min-height:76px;margin:0 0 10px;padding-right:130px}html .workspace .timeline-section:not(.is-experimental):not(.is-collapsed)>.clip-prompt{margin:0 0 10px auto}html .workspace .timeline-section:not(.is-experimental):not(.is-source-operation):not(.is-collapsed)>.composer-view-tools{height:auto;margin:0 0 12px;position:relative;inset:auto}html .workspace .timeline-section:not(.is-experimental):not(.is-collapsed)>.compact-reference-section{margin:0 0 12px;padding-right:0}html .workspace .timeline-section .composer-view-tools>.composer-master-prompt{flex:0 360px;width:min(360px,100%);min-width:160px;margin:0 4px 0 0;padding:0;display:block}html .workspace .composer-master-prompt>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html .workspace .composer-master-prompt .mention-input{background:#18181c;border:1px solid #3e3e47;border-radius:10px;min-height:36px;max-height:76px;padding:8px 11px;font-size:11px;line-height:18px}html .workspace .composer-master-prompt .mention-input:empty:before{color:#92929f}html .workspace .timeline-section:not(.is-experimental):not(.is-collapsed)>.timeline-overview{border:0;min-height:0;margin:0;padding:0}html .workspace .timeline-section:not(.motion-composer):not(.is-experimental):not(.is-collapsed)>.timeline-overview:not(.has-preview){display:none}html .workspace .timeline-section.is-collapsed>.compact-reference-section{padding-right:48px}html .workspace .studio-canvas>.timeline-section.is-collapsed:not(.is-experimental){left:max(32px,50vw - 480px);right:max(32px,50vw - 480px)}}html body .shot-mode-menu{color:#e4f0e5;background:linear-gradient(150deg,#283c32,#1c2d25);border-color:#659b77;box-shadow:0 0 0 1px #86b89616,0 20px 55px #0009}html body .shot-mode-menu>strong{color:#dbedcf}html body .shot-mode-menu button{color:#d1e2d2;background:0 0}html body .shot-mode-menu button:is(:hover,:focus-visible,[aria-pressed=true],[aria-selected=true]){color:#f1ffec;background:#3c5a40}html body .shot-mode-menu button:focus-visible{outline-color:#b9dd9f}html body .shot-mode-menu button svg{color:#abd49c}html body .shot-mode-menu .shot-mode-divider{background:#50705a}html body .shot-mode-menu small{color:#acc4ac}html body .shot-mode-menu .shot-mode-help{color:#dcebd9;background:#263b2c;border-color:#5d8c67}html body .shot-mode-menu .shot-mode-help strong{color:#d7edbf}html body .shot-mode-menu .shot-mode-help p{color:#bfd3bb}.recent .studio-project-filter{margin-left:auto}@media (max-width:760px){.studio-history-heading{flex-wrap:wrap;gap:12px}.studio-history-heading .studio-project-filter{max-width:100%}}