/* Presentation controls reuse the studio layout and stay usable in the side panel. */
.v6-entry{border:1px solid #766d58;border-radius:5px;padding:5px 9px;color:#e4d7b8;font-size:10px;white-space:nowrap;background:#302c23}.v6-entry:hover,.v6-entry[aria-pressed=true]{background:#4c4231;border-color:#c3ab7d;color:#fff1d6}
.v6-library h2{font:500 24px/1.15 Outfit;margin:9px 0 11px;letter-spacing:-.6px;color:#ede1ca}.v6-eyebrow{font:8px var(--mono);letter-spacing:1px;color:#baa886}.v6-library>.hint{font-size:10px;line-height:1.6}.v6-create{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:14px 0}.v6-create button{border:1px solid #5d5342;background:#302c25;border-radius:4px;padding:9px 3px;font-size:9px;color:#e5d5b7}.v6-create button:hover{background:#493e2c;border-color:#ba9c64}.v6-target{margin:16px 0 9px}.v6-target select{max-width:100%;width:100%}.v6-open{display:flex;justify-content:space-between;align-items:center;color:#e6d5b2!important;border-color:#6c5d43!important;margin:8px 0 15px}.v6-open span{font:8px var(--mono);color:#baa27a}.v6-presets{display:grid}.v6-presets>button{display:flex;gap:10px;padding:13px 0;text-align:left;border-top:1px solid #39362f;align-items:center}.v6-presets>button>b{width:28px;flex-shrink:0;color:#d0b57f;font:25px Outfit;text-align:center}.v6-presets strong{display:block;font:500 12px Outfit;color:#e3d9c5}.v6-presets small{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#aa9e89}.v6-presets>button:hover strong{color:#fff0d4}.v6-library button:disabled{opacity:.35;cursor:not-allowed}
.v6-inspector{border-color:#514837;background:linear-gradient(125deg,#322c2233,transparent);min-width:0}.v6-inspector>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;font-size:12px;font-weight:500;color:#eadbbd;cursor:pointer}.v6-inspector>summary::-webkit-details-marker{display:none}.v6-inspector>summary small{font:8px var(--mono);color:#baa176}.v6-inspector[open]>summary{margin-bottom:16px}.v6-body{min-width:0}.v6-check{display:flex;align-items:center;gap:8px;font-size:10px;color:#cfc3aa;margin:12px 0;line-height:1.4;cursor:pointer}.v6-check input{accent-color:#cdb17b;flex-shrink:0}.v6-note{font-size:9px!important;line-height:1.6!important;color:#a69c8b!important;margin:10px 0!important}.v6-time{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #3d382e;color:#8d8371;font:8px var(--mono);flex-wrap:wrap}.v6-time strong{font-weight:400;color:#e1cda8}.v6-time>span{margin-left:auto;color:#ad9a79}.v6-subsection{padding:12px 0;border-top:1px solid #3e382d}.v6-subsection>summary{display:flex;justify-content:space-between;font-size:10px;color:#d4c6ac;cursor:pointer;list-style:none;gap:8px}.v6-subsection>summary::-webkit-details-marker{display:none}.v6-subsection>summary>span{color:#927e58}.v6-subsection[open]>summary{margin-bottom:13px}.v6-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.v6-body .field{min-width:0}.v6-body .field>span{font-size:9px;line-height:1.45}.v6-body input,.v6-body select{min-width:0;max-width:100%;width:100%;font-size:10px}.v6-body input[type=checkbox]{width:auto}.v6-body input[type=number]{padding-left:7px;padding-right:2px}.v6-animated{display:flex;gap:3px;align-items:flex-end;min-width:0}.v6-animated .field{flex:1}.v6-diamond{width:22px;flex:0 0 22px;height:31px;font-size:17px;color:#aa9470;border:1px solid #554a37;border-radius:4px}.v6-diamond.active{background:#5b4a2c;color:#f4d897;border-color:#c7a569}.v6-diamond:hover{background:#483c28;color:#fff0cd}.v6-gap{margin-top:13px}.v6-inline-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:13px 0}.v6-inline-presets button{border:1px solid #544832;border-radius:4px;color:#d9c6a1;background:#302b22;padding:8px 5px;font-size:9px}.v6-body .full-button{border-color:#554833;color:#cdbb99;font-size:9px}.v6-key-heading{display:flex;gap:6px;align-items:flex-end;margin:13px 0}.v6-key-heading .field{flex:1}.v6-key-heading>button{height:32px;flex:0 0 32px;border:1px solid #665438;background:#382f21;border-radius:4px;color:#e0c28d;font-size:12px}.v6-key-list{max-height:290px;overflow:auto;margin:10px 0;scrollbar-width:thin;scrollbar-color:#6b5d47 transparent}.v6-key-row{display:grid;grid-template-columns:23px minmax(0,1fr) minmax(0,1fr) 23px;gap:5px;padding:9px 0;border-top:1px solid #3e372c;align-items:end}.v6-key-row>button{height:31px;border:1px solid #574831;border-radius:3px;color:#d1b787;font-size:13px}.v6-key-row label{min-width:0}.v6-key-row label>span{display:block;font-size:8px;color:#a8997f;margin-bottom:5px}.v6-key-row input,.v6-key-row select{background:#24221f;border:1px solid #4e4331;border-radius:4px;color:#d9cdb7;padding:7px 3px;font:9px var(--mono);width:100%}.v6-key-row .v6-remove{color:#d39b91}.v6-key-ease{grid-column:2/4}.v6-curve{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.v6-body button:disabled,.v6-body input:disabled,.v6-body select:disabled{opacity:.35;cursor:not-allowed}.v6-body :focus-visible,.v6-library :focus-visible{outline:2px solid #dac08b;outline-offset:2px}
@media(max-width:1180px){.composition-options{gap:7px}.v6-entry{padding:5px 7px;font-size:9px}.v6-property-grid{column-gap:7px}.v6-diamond{width:20px;flex-basis:20px}.v6-library h2{font-size:21px}}
@media(min-width:601px) and (max-width:920px){.v6-body{max-width:700px}.v6-property-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.v6-key-list{max-width:580px}.v6-key-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 34px}.v6-key-ease{grid-column:2/4}.v6-key-heading{max-width:580px}.v6-inline-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.v6-entry{max-width:95px;overflow:hidden;text-overflow:ellipsis}.composition-options .connection{display:none}}
@media(max-width:600px){.v6-library h2{font-size:26px}.v6-create button{font-size:11px;min-height:38px}.v6-presets{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px}.v6-entry{font-size:10px;padding:7px}.v6-body .field>span,.v6-check{font-size:11px}.v6-body input,.v6-body select{font-size:12px;min-height:36px}.v6-body input[type=checkbox]{min-height:initial}.v6-diamond{height:36px;width:28px;flex-basis:28px}.v6-subsection>summary{font-size:12px;min-height:26px}.v6-key-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 28px}.v6-key-row>button{height:36px}.v6-key-row label>span{font-size:9px}.v6-inspector>summary{font-size:13px}.v6-inline-presets button{min-height:36px;font-size:11px}}