.precise-control{display:grid;grid-template-columns:minmax(55px,1fr) 66px 18px 30px;gap:5px;align-items:center;margin:8px 0 14px}.precise-control input[type=range]{margin:0;width:100%}.precise-control input[type=number]{width:66px;padding:6px 4px;min-height:34px}.precise-control>span{font-size:11px;color:#766183}.precise-control button{min-height:30px;padding:3px;border-radius:6px}.comfort-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.comfort-actions button{font-size:12px;padding:8px 10px;min-height:36px}#colorCode{width:95px!important;padding:8px;font-family:monospace}#viewPercent{width:68px;padding:5px;pointer-events:auto;min-height:36px}.material-card{padding:18px;border:1px solid #dcc9ed;border-radius:16px;background:#fffaff;margin:12px 0}.material-card header{padding:0;border:0;background:transparent}.material-card canvas{max-width:100%;background:#faf5ff;border-radius:10px}.material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.material-grid .material-card{margin:0}.installed-badge{background:#e5f1e6;color:#2d6334;border-radius:16px;padding:4px 9px;font-size:12px}.import-help{background:#eee0fc;border-radius:14px;padding:16px;margin:16px 0}.brush-editor label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.brush-editor input{width:110px}.brush-editor canvas{width:100%;height:90px;touch-action:none;border:1px solid #d8c4e9;border-radius:10px;background:#fffcf8}.material-card p{overflow-wrap:anywhere}@media(pointer:coarse){.comfort-actions button{min-height:44px}.precise-control button{min-height:40px}.precise-control input[type=number]{min-height:40px}}@media(max-width:500px){.precise-control{grid-template-columns:minmax(45px,1fr) 64px 16px 32px}.inspector .precise-control input{width:64px}}

.hex-value{width:100px!important;min-height:36px;font-family:monospace;padding:6px;margin:4px}
.timeline-transport{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 0}.timeline-transport input[type=number]{width:90px}.timeline-transport>input{flex:1;min-width:120px}.multi-timeline{overflow:auto;max-width:100%;border:1px solid #d9c8e6;border-radius:12px;background:#f4ebfb;max-height:500px}.timeline-ruler{height:28px;position:relative;background:#e9daf5}.timeline-ruler span{position:absolute;font-size:10px;border-left:1px solid #aa8fbc;padding-left:3px}.track-row{height:68px;position:relative;border-top:1px solid #d7c3e7;background:linear-gradient(#fff8 1px,transparent 1px);min-width:100%}.track-name{position:sticky;left:4px;z-index:3;top:0;font-size:10px;background:#efe0f7;color:#765d87;border-radius:4px;padding:1px 5px;pointer-events:none}.timeline-item{position:absolute;top:21px;height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ad8ac8!important;border-radius:6px!important;background:#dfc9ef!important;touch-action:none;min-height:40px!important;padding:3px!important;font-size:11px!important}.timeline-item.audio{background:#cde9de!important}.timeline-item.text{background:#f5dfb9!important}.timeline-item.image{background:#d0e2f5!important}.timeline-item.chosen{outline:2px solid #7637a5}.track-playhead{position:absolute;top:0;bottom:0;border-left:2px solid #a94e95;pointer-events:none;z-index:4}.asset-list{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.board{min-width:0}.inspector input[type=number]{max-width:100%}
.design-viewport{position:relative;flex:none}.design-viewport .artboard{max-width:none!important}.object-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;min-height:18px!important;border-radius:3px!important;border:2px solid #fff!important;background:#905ac5!important;padding:0!important;touch-action:none;cursor:nwse-resize}.object{overflow:visible}.object>img,.object>svg{overflow:hidden}.multi-timeline button:focus-visible{outline:3px solid #693b96;outline-offset:2px}button:disabled{cursor:default;opacity:.55}
.vector-node-overlay{position:absolute;z-index:20;touch-action:none;transform-origin:center;pointer-events:auto;outline:1px dashed #b38dce66}.vector-node-overlay>svg{position:absolute;inset:0;pointer-events:none}.vector-node{position:absolute;transform:translate(-50%,-50%);min-height:0!important;padding:0!important;border:1px solid #78509f!important;background:#fff!important;touch-action:none;cursor:move;z-index:2}.vector-node.anchor{border-radius:3px!important;background:#e7d7f5!important;z-index:3}.vector-node.in,.vector-node.out{border-radius:50%!important;opacity:.8}.vector-node.chosen{box-shadow:0 0 0 2px #9f69c8}.group progress{width:100%;height:12px;margin:12px 0}
.caption-row{display:grid;grid-template-columns:1fr 1fr 30px 30px;gap:5px;padding:10px 0;border-bottom:1px solid #decce9}.caption-row>textarea{grid-column:1/-1;grid-row:2;min-height:60px;margin:0}.caption-row>input{width:100%!important}.caption-row>button{padding:3px;min-height:36px}
.studio-details>summary{cursor:pointer;list-style-position:outside;padding:8px 0;touch-action:manipulation}.studio-details>summary .section-title,.studio-details>summary h3{display:inline;margin:0}.studio-details:not([open])>summary{margin-bottom:0}.studio-details>summary:focus-visible{outline:2px solid #9364c0;outline-offset:4px;border-radius:6px}.open-commands{margin-left:auto;white-space:nowrap;font-size:12px}.command-palette{width:min(620px,94vw);max-height:85dvh;background:#fffafc;color:#392c48;border:1px solid #d8c4ec;border-radius:20px;padding:20px}.command-palette::backdrop{background:#31203d66;backdrop-filter:blur(4px)}.command-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.command-heading h2{margin:0}.command-heading button{font-size:24px;padding:2px 12px}.command-search-label{display:block;margin:16px 0}.command-search-label input{width:100%;padding:12px;font:inherit;background:white;color:inherit;border:1px solid #c8acdf;border-radius:10px}.command-results{display:grid;gap:6px;max-height:45dvh;overflow:auto}.command-result{display:grid;text-align:left;gap:3px;min-height:48px;padding:10px 12px;white-space:normal}.command-result small{font-size:11px;opacity:.7}.command-result.chosen{background:#e9dafa;border-color:#986cc2}.command-highlight{outline:3px solid #b18bdd!important;outline-offset:3px}@media(max-width:650px){.open-commands{font-size:11px;padding:7px}.command-palette{padding:14px}.command-heading h2{font-size:20px}}

@media(max-width:850px){input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea{font-size:16px;min-height:44px}.inspector{grid-template-columns:minmax(0,1fr)}.inspector>section,.inspector>.group{min-width:0}.command-palette input{font-size:16px}}