.lt-director-workspace{position:fixed;inset:0;z-index:220;background:#181b1f;color:#cbd0d5;display:flex;flex-direction:column;font-size:12px}.lt-director-workspace>header{height:53px;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid #343b44;background:#22272e;flex:none}.lt-director-workspace button{font-size:12px;color:#bbc4cf;border-radius:5px;padding:6px 9px}.lt-director-workspace button:hover{background:#3b424b}.lt-director-workspace header button{display:flex;align-items:center;gap:7px}.d3-work{display:flex;flex:1;min-height:0}.d3-tree{width:220px;border-right:1px solid #353d46;background:#22272e;padding:14px;overflow:auto;flex:none}.d3-tree input{padding:6px 9px;font-size:11px}.lt-director-workspace h4{margin:20px 0 10px;font-size:12px;font-weight:400;color:#9ca6b2}.d3-tree>button{display:block;width:100%;text-align:left;margin:5px 0}.d3-tree p{font-size:10px;color:#7c8793;line-height:1.9;margin-top:25px}.d3-tree label{font-size:11px;color:#9ca6b2;margin-top:25px}.d3-tree select{padding:5px;font-size:11px}#d3-tree>div{display:flex;align-items:center;margin:5px -5px;border-radius:5px}#d3-tree .active{background:#3c4754}#d3-tree button:first-child{flex:1;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#d3-tree button:not(:first-child){padding:4px}.d3-work>main{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#171a1e}.d3-work canvas{width:100%;height:100%;touch-action:none;cursor:grab}.d3-view-label{position:absolute;top:16px;left:18px;background:#252c35ba;border:1px solid #464f5a;border-radius:7px;padding:7px 13px;font-size:12px;pointer-events:none}.d3-axis{position:absolute;bottom:65px;right:20px;font-size:12px;color:#819bb1;pointer-events:none}.d3-viewport-buttons{position:absolute;bottom:15px;display:flex;gap:15px;background:#262d37cc;padding:5px;border:1px solid #414b58;border-radius:10px}.d3-properties{width:270px;border-left:1px solid #353d46;padding:16px;background:#22272e;overflow:auto;flex:none}.d3-properties h3{font-size:13px;font-weight:500;margin-bottom:23px}.d3-properties label{font-size:11px;color:#919eac;margin:11px 0}.d3-properties input:not([type=range]),.d3-properties select{padding:6px 8px;font-size:11px;background:#2a3039;border-color:#424b58;width:100%;margin-top:5px}.d3-properties input[type=color]{height:28px;padding:2px}.d3-properties input[type=range]{width:100%;accent-color:#87afd1;height:10px;margin-top:10px}.d3-properties label>span{float:right;color:#b0bdca}.d3-properties button{border:1px solid #4c5b69;margin-top:13px}.d3-xyz{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.d3-xyz label{margin:0;font-size:10px}.d3-timeline{height:190px;min-height:50px;border-top:1px solid #404953;flex:none;background:#22272e}.d3-timeline.minimized{height:50px;overflow:hidden}.d3-timeline header{display:flex;gap:15px;align-items:center;padding:8px 15px;height:46px;border-bottom:1px solid #39424c;white-space:nowrap;overflow:auto}.d3-timeline header label{display:flex;align-items:center;gap:7px;font-size:11px;margin:0}.d3-timeline input[type=number]{width:57px;font-size:11px;padding:3px;background:#303945;border:1px solid #4d5966}.d3-timeline select{width:55px;font-size:11px;padding:3px}.d3-timeline>input[type=range]{width:calc(100% - 180px);margin:12px 15px 5px 160px;accent-color:#9fb8cf;padding:0;height:12px}#d3-tracks{overflow:auto;max-height:95px}#d3-tracks>div{display:flex;align-items:center;height:30px;border-top:1px solid #303842}#d3-tracks>div>span{width:150px;padding-left:20px;color:#9daab8;font-size:11px;flex:none}#d3-tracks section{position:relative;flex:1;height:30px;background:repeating-linear-gradient(90deg,transparent,transparent 49px,#3a424a 50px)}#d3-tracks button{position:absolute;top:0;padding:3px;color:#e5c57e}@media(max-width:900px){.d3-tree{width:160px}.d3-properties{width:220px}.lt-director-workspace>header{gap:7px}.lt-director-workspace>header strong{display:none}}@media(max-width:650px){.d3-tree{display:none}.d3-properties{width:180px;padding:10px}.lt-director-workspace>header button{font-size:10px}.d3-timeline{height:150px}}