/* Remaining native panels: source typography and photographed structure. */
.studio-preview [hidden]{display:none!important}
.studio-preview #toolsFavoriteEffects{display:grid;gap:4px;margin-top:2px;overflow:auto;align-content:start}
.tools-fx-row{display:flex;gap:4px;min-width:0}.tools-fx-row>.btn{padding:5px 8px;border-radius:8px;min-height:28px;min-width:24px}.tools-fx-row>.tools-fx-main{flex:1;min-width:50px;justify-content:flex-start;text-align:left;font-size:10.5px}.tools-fx-row>.tools-fx-preset{color:#ffbd24;max-width:70px;min-width:30px;padding:4px 7px;font-size:10px}.tools-fx-row>.tools-fx-menu{padding:3px;min-width:20px;width:20px}.tools-fx-row>.tools-fx-remove{color:#ef7373;font-size:18px}.tools-fx-results:empty{display:none}.tools-fx-results{display:grid;gap:4px;padding:4px;background:#181818;border:1px solid #444;border-radius:6px;max-height:180px;overflow:auto}.tools-fx-results .btn{text-align:left;justify-content:flex-start}
.studio-preview .graph-panel-box{border-radius:2px;padding:6px;background:#1a1a1a}.studio-preview .graph-mode-switch .active{border:1px solid #cfab15;background:#38331b;color:#fff}.studio-preview .graph-preview{height:80px;min-height:80px;margin:5px 0 6px;border-radius:2px;background:#141414}.studio-preview .graph-preview .graph-curve{stroke:#4bb9ed;stroke-width:1.4}.studio-preview .graph-preview.value-mode .graph-curve{stroke:#ff3828}.studio-preview .graph-preview .graph-secondary-curve{display:none}.studio-preview .graph-preview svg{width:100%;height:100%}.studio-preview .tools-graph-peak{width:100%;min-height:25px;margin:6px 0 9px;border-radius:7px}.studio-preview #graphStandardControls .graph-action-buttons{display:flex;margin:0 0 5px}.studio-preview #graphDuplicateLastKeysBtn{width:100%;flex:1}.studio-preview .graph-sliders{border-top:1px solid #333;padding:5px 6px}.studio-preview .graph-slider-row{grid-template-columns:25px 1fr 43px}.studio-preview .graph-slider-row input[type=range]{accent-color:#d8aa22}.studio-preview .graph-label{font-size:8px}.studio-preview .graph-library-toolbar{display:flex;gap:5px;margin:4px 0}.studio-preview .graph-library-toolbar .btn{flex:1;font-size:10px;padding:5px 3px;border-radius:2px;background:#242424}.studio-preview .graph-preset-row{display:flex;gap:5px;align-items:stretch}.studio-preview #graphPresetButtons{display:block;flex:1;min-width:0}.studio-preview #graphSavePresetBtn{width:36px;min-width:36px;border-radius:3px;align-self:stretch;background:#202020;font-size:20px}.tools-graph-group{border:1px solid #695600;border-radius:3px;background:#202020;margin-bottom:6px}.tools-graph-group>summary{padding:6px 9px;cursor:pointer;font-size:10px;font-weight:bold;border-bottom:1px solid #333}.tools-graph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}.tools-graph-thumb{border:1px solid #333;background:#181818;cursor:pointer;min-width:0;height:40px;padding:0;overflow:hidden}.tools-graph-thumb svg{width:100%;height:100%}.tools-graph-thumb:hover{border-color:#d4a91d}.studio-preview .ramp-curves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.studio-preview .ramp-curve-btn{min-width:0}.studio-preview .ramp-note{font-size:10px;line-height:1.4;margin:8px 0 10px}.studio-preview .ramp-curve-btn svg{width:35px;height:35px;max-width:100%}.studio-preview .ramp-curve-btn>span{font-size:9px}.studio-preview #rampCustomCurves{grid-template-columns:repeat(5,minmax(0,1fr));margin:5px 0 12px}.tools-ramp-custom{position:relative;height:60px;border:1px solid #393939;border-radius:7px;overflow:visible}.tools-ramp-custom>.ramp-curve-btn{background:none;width:100%;height:100%;padding-top:34px;font-size:9px!important;justify-content:center}.tools-ramp-custom>svg{position:absolute;left:15%;top:0;width:70%;height:40px;pointer-events:none}.tools-ramp-delete{position:absolute;right:-4px;top:-5px;min-width:14px!important;width:14px;height:14px!important;min-height:14px!important;padding:0!important;font-size:10px!important;color:#dc8b86!important;background:#462722!important;border:1px solid #7b4641!important;border-radius:50%!important}
.studio-preview .quickaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px}.studio-preview .quickaction-grid .btn{min-height:30px;font-size:10.5px}.studio-preview .quickaction-grid #qaCropBtn{grid-column:1}.studio-preview .quickaction-grid [data-action-id=duplicate],.studio-preview .quickaction-grid [data-action-id=precomposepair]{grid-column:1/-1}.studio-preview .quickaction-grid .dash-inline,.studio-preview .quickaction-grid .extend-row{grid-column:auto;display:flex;gap:4px;min-width:0}.studio-preview .quickaction-grid .dash-inline>.btn:first-child,.studio-preview .quickaction-grid .extend-row>.btn{flex:1;min-width:0}.studio-preview .quickaction-grid .dash-inline>.gear{flex:none;width:29px;min-width:29px}.studio-preview .quickaction-grid .extend-row input{width:44px;min-width:34px}.studio-preview .quickaction-grid #qaFitBtn{grid-column:2}.studio-preview .quickaction-grid #qaSplitMaskBtn{grid-column:1}.studio-preview .quickaction-grid #qaDuplicateName,.studio-preview .quickaction-grid #qaPrecomposeName{font-size:10px}.studio-preview .quickaction-grid .sequence-compact .sequence-mode{min-width:27px;padding:4px}.studio-preview .quickaction-grid .sequence-compact{gap:4px}.studio-preview .quickaction-grid #qaCloseGapsBtn{grid-column:auto}.studio-preview .properties-panel .btn{font-size:10px;min-height:30px}.studio-preview .prop-section-title{font-size:11px;margin:10px 0 0}.studio-preview .shape-contents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-preview .lt-group-title{font:10px Arial;color:#999;margin:10px 0 6px}.studio-preview .layertools-body .btn{min-height:25px;font-size:10px}.studio-preview .layertools-body #ltEditTools{margin-bottom:22px}.studio-preview .layertools-body .lte-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-preview .layertools-body .lt-grid:has(.lt-toggle-btn){grid-template-columns:repeat(4,minmax(0,1fr))}.studio-preview .lt-audio-sync-result{font-size:10px}.studio-preview .lt-label-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:0 0 9px}.studio-preview .lt-label-row button{height:19px;border:1px solid #555;border-radius:4px;cursor:pointer}.studio-preview .lt-type-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-preview #ltTypeLabelToggle{text-transform:uppercase;font-weight:400}.studio-preview #ltTypeLabelBody .lt-type-options label{font-size:10px}.studio-preview #ltReorderGrid .btn{min-width:0;padding:3px;font-size:10px}.tools-group{border:1px solid #404040;background:#2a2a2a;border-radius:7px;margin:8px 0;padding:4px}.tools-group-head{display:flex;align-items:center;gap:5px;margin-bottom:4px}.tools-group-head>.btn{background:none;border:0;min-width:24px;padding:4px;font-size:12px}.tools-group-head>.tools-group-name{flex:1;min-width:0;justify-content:flex-start;text-align:left;font-size:11px;font-weight:700}.tools-group-head small{font-size:10px;background:#343434;padding:2px 5px;border-radius:4px;color:#a9bfdb}.tools-group-layer{padding-left:25px;min-width:0}.tools-group-layer .btn{background:none;justify-content:flex-start;text-align:left;font:10px Arial;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;padding:8px 5px;min-width:0;color:#c1d4ed}.tools-group-layer .selected{background:#333b50}.tools-ungrouped{color:#999;font-size:10px;margin:12px 5px 6px}.tools-organizer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:3px 0;border-bottom:1px solid #333}.tools-organizer-row>.btn{min-width:0;text-align:left;justify-content:flex-start;background:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tools-organizer-row.selected{background:#343c52}.tools-organizer-row>small{color:#969da9;font-size:9px;white-space:nowrap}.tools-empty{font-size:10px;color:#aaa;padding:10px}.tools-inspector{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:10px}.tools-inspector dd{margin:0;color:#adbfdc}.tools-rule,.tools-saved-row{display:flex;gap:5px;align-items:center}.tools-saved-row>.btn:first-child{flex:1;text-align:left;justify-content:flex-start;white-space:normal}.tools-saved-row>.btn:last-child{width:26px;flex:none}.tools-rule>.btn{margin-left:auto}.studio-preview #toList{max-height:270px;overflow:auto}.studio-preview #toBatch,.studio-preview #toInspector,.studio-preview #twSceneEditor,.studio-preview #twNoteEditor{margin:9px 0}
.tools-script-group{border:1px solid #363636;border-radius:8px;padding:5px;background:#232323}.tools-script-group .lt-group-title{margin:2px 4px 6px}.tools-script-row{display:flex;gap:4px;align-items:center;padding-bottom:3px}.tools-script-row>.btn{min-height:28px;border-radius:7px}.tools-script-row>.tools-script-name{flex:1;min-width:0;justify-content:flex-start;text-align:left;background:#303030;font-size:10.5px}.tools-script-row>.tools-script-favorite{width:27px;min-width:27px;color:#ffbf22;background:#2b2b2b}.tools-script-row>.tools-script-run{width:27px;min-width:27px;color:#61c568;background:#17391c}.studio-preview #scriptsList{background:#181818;border:1px solid #404040;border-radius:8px;padding:4px}.tools-extension-row{display:flex;align-items:center;gap:6px;position:relative}.tools-extension-row .tools-extension-name{flex:1;min-width:0;justify-content:flex-start;text-align:left;padding:7px 70px 7px 8px;font-size:10.5px}.tools-extension-row>small{position:absolute;right:40px;pointer-events:none;font-size:10px;color:#bbc6db}.tools-extension-row>.btn:last-child{flex:none;width:29px;min-width:29px}.studio-preview .ut-extension-list{display:grid;align-content:start;gap:6px;padding-top:4px}
.tools-site-row{display:flex;gap:5px;padding:3px 0;align-items:center}.tools-site-row>.btn{background:#333;min-height:30px;border-radius:7px;font-size:11px}.tools-site-row>.tools-site-name{flex:1;min-width:0;text-align:left;justify-content:flex-start}.tools-site-row>.tools-site-name::before{content:attr(data-initial);font-size:10px;background:#242424;color:#b6bfd5;border-radius:6px;padding:4px 6px;display:inline-block;margin-right:7px}.tools-site-row>.btn:not(.tools-site-name){width:28px;min-width:28px;padding:5px}.tools-sites-ungrouped,.tools-site-group{border:1px solid #333;background:#181818;border-radius:8px;padding:4px}.tools-site-group{margin-top:6px}.tools-site-group>summary{padding:12px 16px;font-size:11px;font-weight:bold;cursor:pointer;background:#202020;border-radius:5px}.tools-site-group>summary>small{float:right;border-radius:10px;background:#2d2344;color:#9c77ff;padding:1px 7px;font-size:9px}.studio-preview .websites-add-box{grid-template-columns:1fr 1.6fr 1.1fr auto;gap:5px;padding:7px}.studio-preview .websites-add-box input,.studio-preview .websites-add-box select{min-width:0;font-size:10px}.studio-preview .websites-add-box .btn{font-size:10px;padding:7px 9px;white-space:nowrap}
.studio-preview .notes-list .note-row{display:block;position:relative;padding:7px 10px;min-height:44px;box-sizing:border-box}.studio-preview .notes-list .note-row .tools-note-title{display:block;text-align:left;padding:0;background:none;border:0;color:#eef0f7;font:bold 11px Arial;min-height:0;height:auto;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-preview .notes-list .note-row .note-row-sub{display:block;font:10px Arial;color:#999;max-width:100%;margin-top:3px}.studio-preview .notes-list .note-row>small{position:absolute;right:8px;top:8px;color:#b99aff;font-size:10px}.tools-note-group>summary{cursor:pointer;padding:8px;background:#222;border-radius:5px;font-size:11px}.tools-note-block{position:relative;display:flex;align-items:flex-start;gap:8px;border:1px solid transparent;padding:4px 0;min-height:30px}.tools-note-block:hover{border-color:#333}.tools-note-block>textarea,.tools-note-block details textarea{width:100%;min-width:0;box-sizing:border-box;resize:vertical;border:0;background:none;color:#ddd;font:inherit;line-height:1.6;padding:4px 5px;min-height:28px}.tools-block-h textarea{font-size:1.4em;font-weight:bold}.tools-block-todo.done textarea{text-decoration:line-through;color:#777}.tools-note-block input[type=checkbox]{margin-top:9px;accent-color:#8b5cf6}.tools-note-block>span{padding:6px 0;color:#b4b4bf}.tools-note-block>img{max-width:100%;max-height:300px;object-fit:contain;border-radius:5px}.tools-note-block>hr{width:100%;border:0;border-top:1px solid #444;margin:12px 0}.tools-note-block>details{flex:1;min-width:0}.tools-note-block>details>summary{cursor:pointer;font-weight:bold;padding:5px}.tools-note-block details textarea:last-child{border-left:1px solid #555;padding-left:15px}.tools-block-actions{display:flex;opacity:0;position:absolute;right:0;top:-10px;z-index:2;gap:2px}.tools-note-block:focus-within .tools-block-actions,.tools-note-block:hover .tools-block-actions{opacity:1}.tools-block-actions .btn{min-height:20px;height:20px;min-width:20px;width:20px;padding:1px;font-size:11px;background:#333}.studio-preview .note-add-row{display:flex;flex-wrap:wrap;gap:5px}.studio-preview .note-add-row .btn{font-size:10px;padding:6px}.studio-preview .notes-editor{flex-direction:column;gap:9px}.studio-preview .notes-editor #noteBlocks{flex:1;overflow:auto;min-height:90px}.tools-note-group{margin:7px 0}.tools-script-row .selected{outline:1px solid #8b5cf6}
.tools-effects-manager .demo-window{width:calc(100% - 16px);max-width:920px;max-height:calc(100dvh - 20px);height:calc(100dvh - 20px);display:flex;flex-direction:column}.tools-effects-manager .demo-window-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:7px}.tools-effects-manager .demo-window-body>p{margin:0 0 7px}.tools-manager-search{display:flex;gap:6px}.tools-manager-search>input{flex:1;min-width:0}.tools-manager-layout{display:grid;grid-template-columns:30% minmax(0,1fr);gap:10px;flex:1;min-height:140px;overflow:hidden}.tools-manager-list{overflow:auto;display:flex;flex-direction:column;gap:5px}.tools-manager-list .btn{display:block;text-align:left;white-space:normal;font-size:11px;padding:10px}.tools-manager-list .active{background:#303d67}.tools-manager-content{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.tools-manager-content>strong{font-size:11px}.tools-manager-content select,.tools-manager-content>input,.tools-manager-bottom>select{width:100%;padding:7px;background:#1a1a1a;color:#eee;border:1px solid #454545;border-radius:6px;font:10px Arial}.tools-manager-content .demo-choice-row{display:flex;gap:5px}.tools-manager-content .demo-choice-row .btn{font-size:10px;padding:7px 9px}.tools-manager-props{overflow:auto;flex:1;min-height:90px;border:1px solid #393939;border-radius:7px}.tools-effect-prop{display:block;padding:9px;font-size:11px;font-weight:bold;border-bottom:1px solid #333}.tools-effect-prop>small{display:block;color:#9da9c0;font-size:9px;font-weight:normal;margin:5px 0}.tools-effect-prop>input{width:100%;box-sizing:border-box;background:#181818;border:1px solid #414141;border-radius:8px;padding:7px;color:white;font:11px monospace}.tools-manager-bottom{margin-top:6px}.tools-effects-manager footer{margin-top:5px}.tools-effects-manager .demo-window-body>small{font-size:9px;color:#999}.tools-separate-dialog .demo-window{max-width:335px}.tools-separate-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools-separate-grid .btn{min-height:40px;background:#29223f;border:1px solid #8b5cf6}
.ae-keyframe-row{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:23px;background:#202027;border-bottom:1px solid #292a34}.ae-keyframe-row .ae-layer-label{padding-left:35px;font-size:9px;gap:5px}.ae-keyframe-row .ae-layer-label>.btn{margin-left:auto;min-width:20px;width:20px;padding:0;color:#d3b65a;background:none;min-height:18px;font-size:10px}.ae-keyframe-row .ae-layer-track{min-width:0;position:relative}.tools-key{position:absolute;transform:translateX(-50%);top:2px;background:none;border:0;color:#a5a7b2;font-size:13px;cursor:pointer;padding:2px}.tools-key.selected{color:#5ebcfa}.tools-edge-handle{position:absolute;top:0;bottom:0;width:7px;z-index:3;cursor:ew-resize;background:#ffffff30;touch-action:none}.tools-edge-handle.start{left:0}.tools-edge-handle.end{right:0}.tools-edge-handle:focus-visible{outline:2px solid #ffcc48}.tools-timeline-group{background:#343047}.tools-timeline-group .ae-layer-bar{background:transparent!important}.ae-timeline-row .ae-layer-label>b{border-left:3px solid var(--ae-label,transparent);padding-left:3px}
@media(max-width:1050px){.ae-keyframe-row{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:480px){.tools-fx-row>.btn{font-size:9px;min-width:20px;padding:4px}.tools-fx-row>.tools-fx-preset{font-size:8px;min-width:23px;padding:3px}.tools-fx-row>.tools-fx-menu{min-width:15px;width:15px}.tools-fx-row{gap:2px}.studio-preview .graph-mode-switch .btn{font-size:9px;min-width:0;padding:5px 2px}.studio-preview .graph-slider-row{grid-template-columns:18px 1fr 30px;gap:3px}.studio-preview .quickaction-grid .btn{font-size:9px;padding:4px;min-height:31px;white-space:normal;line-height:1.2}.studio-preview .quickaction-grid .sequence-compact{grid-column:1/-1}.studio-preview .quickaction-grid #qaCloseGapsBtn{grid-column:1/-1}.studio-preview .quickaction-grid .sequence-mode{width:24px;flex:none}.studio-preview .properties-panel .btn{font-size:9px;padding:4px;white-space:normal}.studio-preview .properties-panel .create-grid{gap:4px}.studio-preview .websites-add-box{grid-template-columns:1fr 1fr}.studio-preview .websites-add-box #websiteAddBtn{grid-column:2}.studio-preview .lt-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-preview .layertools-body .lt-grid:has(.lt-toggle-btn){grid-template-columns:repeat(2,minmax(0,1fr))}.tools-extension-row .tools-extension-name{padding-right:48px;font-size:9px}.tools-extension-row>small{font-size:8px;right:34px}.tools-site-row>.btn{font-size:9px}.tools-site-row>.btn:not(.tools-site-name){width:22px;min-width:22px}.tools-group-name{font-size:10px!important}.tools-group-layer{padding-left:12px}.tools-manager-layout{grid-template-columns:27% minmax(0,1fr);gap:5px}.tools-manager-list .btn{font-size:9px;padding:6px}.tools-manager-content .demo-choice-row{flex-wrap:wrap}.tools-manager-search>.btn{font-size:9px;min-width:70px}.studio-preview .ramp-curves{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-preview #rampCustomCurves{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-script-row>.tools-script-name{font-size:9px}.tools-organizer-row{grid-template-columns:1fr}.tools-organizer-row>small{padding-left:8px}}
.studio-preview .ae-graph-fieldset #graphPreviewBox{height:82px;min-height:82px;max-height:82px;flex:none}.studio-preview .ae-graph-fieldset #graphPreviewBox svg{height:70px;left:3px;bottom:2px;width:calc(100% - 6px)}.studio-preview .ae-graph-fieldset #graphPreviewBox .graph-label{font-size:8px;top:3px;color:#e3e4ed}.studio-preview .ae-graph-fieldset .tools-graph-peak{margin:5px 0 10px}.studio-preview #quickActionGrid>.precompose-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-height:30px;align-items:stretch}.studio-preview #quickActionGrid>.precompose-pair>.btn{grid-column:auto!important}.studio-preview #quickActionGrid>.precompose-pair>input{height:auto;min-height:30px}.studio-preview #favFxFilter{display:block!important;margin:9px 0 10px}.studio-preview #favFxEmpty,.studio-preview #favFxList{display:none!important}.studio-preview #toolsFavoriteEffects .btn{flex-shrink:0}.studio-preview #toolsFavoriteEffects .tools-fx-main{flex-shrink:1}.studio-preview .tools-native-icon{display:inline-block;width:12px;height:12px;flex:0 0 12px;color:#b2b2bb;vertical-align:middle;margin-right:5px}.studio-preview .quickaction-grid .btn{display:flex;align-items:center;justify-content:center}.studio-preview .tools-site-name::before{content:attr(data-initial)}

.studio-preview #graphPreviewBox .graph-label{z-index:2;line-height:12px;background:#141414;padding:0 1px}

.studio-preview [data-preview-native-overlay]>.native-explanation,.studio-preview [data-template-key]>.native-explanation{display:none!important}.tools-ramp-custom>svg>path:last-of-type{stroke:#ff9127}
@media(max-width:480px){.studio-preview #quickActionGrid{grid-template-columns:minmax(0,1fr)}.studio-preview #quickActionGrid>*{grid-column:1!important}.studio-preview #quickActionGrid>.precompose-pair{grid-template-columns:1fr 1fr}.studio-preview #quickActionGrid .btn{font-size:10px;white-space:normal;overflow:visible;text-overflow:clip;min-height:30px}.studio-preview #quickActionGrid .btn>span:not(.tools-native-icon){white-space:normal}.studio-preview #propertiesGrid .properties-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}