.v7-entry{border-color:#52675c;background:#26382d;color:#c2e5cf}.v7-entry:hover,.v7-entry[aria-pressed=true]{background:#3b5645;border-color:#8ac1a0;color:#e1ffec}.v7-library h2{font:500 25px/1.1 Outfit;letter-spacing:-.5px;color:#def0e4;margin:10px 0}.v7-eyebrow{font:8px var(--mono);color:#94b7a0;letter-spacing:1px}.v7-library>.hint{font-size:10px;line-height:1.6}.v7-presets{display:grid;margin:16px 0}.v7-presets button{display:flex;align-items:center;gap:10px;text-align:left;border-top:1px solid #36483d;padding:14px 0}.v7-presets button>b{font:29px Outfit;flex:0 0 30px;color:#a4d4b6}.v7-presets button>span{flex:1;min-width:0}.v7-presets strong{display:block;font-size:12px;font-weight:500;color:#d0e8d9}.v7-presets small{display:block;font-size:9px;line-height:1.5;color:#91a69a;margin-top:4px}.v7-presets em{font-style:normal;color:#a5c8b2}.v7-library .field{margin-top:15px}.v7-library select{max-width:100%}.v7-library .full-button{margin-top:10px;border-color:#4b6755;color:#b4d9c2}.v7-library button:disabled{opacity:.35}
.v7-inspector{min-width:0;border-color:#40594a;background:linear-gradient(125deg,#28483626,transparent)}.v7-inspector>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;color:#cce5d5;font-size:12px;cursor:pointer}.v7-inspector>summary::-webkit-details-marker{display:none}.v7-inspector>summary small{font:8px var(--mono);color:#8eaf9a}.v7-inspector[open]>summary{margin-bottom:14px}.v7-body{min-width:0}.v7-section{border-top:1px solid #34473c;padding:12px 0}.v7-section>summary{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c1d7c9;list-style:none;cursor:pointer}.v7-section>summary::-webkit-details-marker{display:none}.v7-section>summary>span{color:#6f947d}.v7-section[open]>summary{margin-bottom:13px}.v7-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px}.v7-body .field{min-width:0}.v7-body .field>span{font-size:9px;line-height:1.5}.v7-body input,.v7-body select,.v7-body textarea{max-width:100%;min-width:0;width:100%;font-size:10px}.v7-body input[type=checkbox]{width:auto;accent-color:#a3d4b4}.v7-body input[type=number]{padding-left:6px;padding-right:2px}.v7-check{display:flex;align-items:center;gap:8px;color:#a9c4b4;font-size:10px;line-height:1.4;margin:13px 0}.v7-note,.v7-state-note{font-size:9px!important;line-height:1.6!important;color:#96ac9f!important;margin:10px 0!important}.v7-gap{margin-top:13px}.v7-time{display:flex;gap:12px;align-items:center;font:8px var(--mono);color:#87a491;margin-bottom:13px}.v7-time b{font-weight:400;color:#c7e2d1}.v7-actions{display:flex;gap:5px;margin:10px 0;align-items:center}.v7-actions button{flex:1;min-width:0;border:1px solid #4a6654;background:#26392e;border-radius:4px;padding:8px 4px;color:#bad8c5;font-size:9px}.v7-actions button:hover{background:#3a5444;border-color:#82b494}.v7-body .full-button{font-size:9px;color:#b6d4c0;border-color:#49634f;margin-top:12px}.v7-with-key{display:flex;gap:4px;align-items:flex-end;min-width:0}.v7-with-key .field{flex:1}.v7-with-key>button{flex:0 0 21px;height:31px;border:1px solid #4b6955;border-radius:4px;color:#afd5bc;font-size:14px}.v7-body output{float:right;color:#b4d9c1;font:9px var(--mono)}#v7-progress{accent-color:#9bd4af;border:0;padding:0;min-height:23px;background:transparent}.v7-add-row{display:flex;gap:6px;align-items:center}.v7-add-row select{flex:1;width:95px;min-width:0;background:#213329;color:#b4d3c0;border:1px solid #42604c;border-radius:4px;padding:8px 4px}.v7-add-row button{border:1px solid #56755f;border-radius:4px;padding:8px 6px;font-size:9px;color:#c6e5d0;background:#304736;white-space:nowrap}.v7-element-list{display:grid;gap:4px;max-height:174px;overflow:auto;margin:10px 0;scrollbar-width:thin;scrollbar-color:#50745c transparent}.v7-element-list button{min-width:0;display:flex;align-items:center;gap:6px;padding:7px 6px;border:1px solid #344c3d;background:#223028;border-radius:4px;text-align:left}.v7-element-list button>span{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#aecab8}.v7-element-list button>small{font-size:8px;color:#759882;flex-shrink:0}.v7-element-list button[aria-pressed=true]{border-color:#94c6a4;background:#354c3d}.v7-element-list button[aria-pressed=true]>span{color:#e0f4e7}.v7-element-actions button:nth-child(2),.v7-element-actions button:nth-child(3){flex:0 0 24px}.v7-element-actions button:last-child{color:#ddb0ab}.v7-element-editor{border-top:1px solid #42604d;padding-top:14px}.v7-selected{display:flex;justify-content:space-between;font-size:11px;color:#c6e3d0;margin-bottom:12px}.v7-selected>span{font:8px var(--mono);color:#8bb69a}.v7-state-tabs{display:flex;gap:5px;margin-top:15px}.v7-state-tabs button{flex:1;padding:9px 4px;border:1px solid #4a6754;border-radius:4px;font-size:10px;color:#8faa99}.v7-state-tabs button[aria-pressed=true]{background:#3a5845;color:#d4eddd;border-color:#94c5a5}.v7-key-list{max-height:280px;overflow:auto;margin-top:11px;scrollbar-width:thin;scrollbar-color:#53715b transparent}.v7-key-row{display:grid;grid-template-columns:23px minmax(0,1fr) minmax(0,1fr) 23px;gap:5px;padding:9px 0;border-top:1px solid #3a5041;align-items:end}.v7-key-row label{min-width:0}.v7-key-row label>span{display:block;font-size:8px;color:#8ba894;margin-bottom:4px}.v7-key-row input,.v7-key-row select{border:1px solid #405c49;background:#213027;border-radius:4px;color:#bbd7c5;padding:7px 3px;font:9px var(--mono)}.v7-key-row>button{height:31px;border:1px solid #4c6d56;border-radius:4px;color:#b2d4be;font-size:13px}.v7-key-ease{grid-column:2/4}.v7-curve{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.v7-body :disabled{opacity:.35;cursor:not-allowed}.v7-body :focus-visible,.v7-library :focus-visible{outline:2px solid #b6e5c8;outline-offset:2px}.clip.type-layout{background:#234535;border-color:#547d62;color:#c9e9d3}.track.selected .clip.type-layout{background:#41684e;border-color:#b8e4c6}
@media(max-width:1180px){.composition-bar>div:first-child{min-width:0}.composition-bar .comp-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composition-options .connection{display:none}.v7-entry{font-size:9px;padding:5px 7px}.v7-library h2{font-size:22px}}
@media(min-width:601px) and (max-width:920px){.v7-body{max-width:720px}.v7-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.v7-element-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-key-list{max-width:580px}.v7-key-row{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 32px}.v7-state-tabs{max-width:450px}.v7-actions{max-width:580px}.composition-bar .comp-name{max-width:160px}}
@media(max-width:600px){.composition-bar{gap:8px}.composition-options{gap:5px}.composition-bar .comp-name{max-width:98px}.v7-entry,.v6-entry{font-size:9px;padding:6px}.v7-library h2{font-size:27px}.v7-presets button{min-height:68px}.v7-presets strong{font-size:13px}.v7-body .field>span,.v7-check{font-size:11px}.v7-body input,.v7-body select,.v7-body textarea{font-size:12px;min-height:36px}.v7-body input[type=checkbox]{min-height:initial}.v7-section>summary{font-size:12px;min-height:25px}.v7-element-list button{min-height:36px}.v7-element-list button>span{font-size:11px}.v7-state-tabs button,.v7-actions button{min-height:36px;font-size:10px}.v7-key-row>button,.v7-with-key>button{height:36px}.v7-key-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 28px}.v7-selected{font-size:12px}.v7-key-row label>span{font-size:9px}}
