.vto-studio{--background:#101214;--foreground:#f1f3f4;--card:#1b1e20;--muted:#24282b;--muted-foreground:#a4abad;--border:#343a3d;--primary:#d7ff00;--primary-foreground:#161b00;color:var(--foreground);color-scheme:dark}.vto-studio .vto-panel{border:1px solid #343a3d;border-radius:22px;background:#1b1e20}.vto-studio .vto-upload{min-height:170px;border:1px dashed #454d50;border-radius:16px;background:#24282b;outline-offset:4px}.vto-studio .vto-upload:has(img){border-style:solid}.vto-studio .vto-upload img{max-height:240px!important}.vto-studio .vto-upload>div>div{background:#303820}.vto-studio .vto-upload button{min-height:36px;min-width:36px}.vto-studio .vto-select,.vto-studio [data-slot=select-trigger]{min-height:44px;width:100%;border:1px solid #343a3d;border-radius:12px;padding:10px 12px;background:#24282b;font-size:14px;color:#f1f3f4}.vto-studio .vto-select:focus-visible{outline:1px solid #b5d52c}.vto-studio textarea{padding:13px 14px;border:1px solid #ffffff08;border-radius:16px;background:#24282b;color:#f1f3f4;font-size:16px;line-height:1.6;min-height:90px}.vto-studio textarea:focus{border-color:#b5d52c;box-shadow:0 0 0 2px #d7ff001a}.vto-studio textarea::placeholder{color:#a4abad}.vto-tag-options{border:0;border-radius:12px}.vto-tag-options summary{display:flex;justify-content:space-between;align-items:center;min-height:40px;cursor:pointer;list-style:none}.vto-tag-options summary::-webkit-details-marker{display:none}.vto-tag-options summary:after{content:"+";font-size:18px}.vto-tag-options[open] summary:after{content:"−"}.vto-tag-options button{min-height:36px;padding:8px 12px;border-radius:999px}.vto-studio button[aria-pressed=true]{color:#e3ff80;border-color:#b5d52c;background:#303820}.vto-studio .vto-primary{min-height:48px;border:0;border-radius:999px;background:#d7ff00;color:#161b00;box-shadow:none}.vto-studio .vto-primary:hover{background:#e2ff4d}.vto-studio .vto-primary:disabled{background:#414b24;color:#d0d9aa;opacity:1}.vto-studio .vto-action{background:#101214;border-color:#343a3d}.vto-studio .vto-directives>div:first-child,.vto-studio .vto-uploads>div:first-child{background:transparent}.vto-uploads>div:last-child{overflow:visible}@media(min-width:1024px){.vto-workbench{align-items:start}.vto-workbench>.vto-panel:first-child{position:sticky;top:12px}.vto-action{position:sticky;bottom:0}}@media(max-width:1023px){.vto-studio{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.vto-studio .vto-panel{border:0;border-radius:0;background:transparent}.vto-uploads>div:first-child{display:none}.vto-studio .vto-uploads>div:last-child{padding:0}.vto-studio .vto-directives>div:first-child{padding:12px 0;border:0}.vto-studio .vto-directives>div:nth-child(2){padding:0;overflow:visible}.vto-studio .vto-action{position:fixed;inset:auto 0 0;z-index:30;padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #343a3d}.vto-tag-options button{min-height:44px}}.vto-environment-picker{border:1px solid #343a3d;border-radius:14px;background:#24282b;overflow:hidden}.vto-environment-picker summary{display:flex;gap:12px;align-items:center;padding:8px;min-height:80px;list-style:none;cursor:pointer}.vto-environment-picker summary::-webkit-details-marker{display:none}.vto-environment-picker summary>.vto-custom-preview,.vto-environment-picker summary>img{width:96px;height:64px;flex:none;object-fit:cover;border-radius:8px}.vto-environment-current{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.vto-environment-current>span{font-size:12px;color:#a4abad}.vto-environment-current strong{font-size:14px;font-weight:500;color:#f1f3f4}.vto-environment-expand{margin:0 8px;font-size:22px;color:#a4abad}.vto-environment-picker[open] .vto-environment-expand{transform:rotate(45deg)}.vto-environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 10px 12px}.vto-environment-grid button{min-width:0;overflow:hidden;padding:0;border:1px solid #454d50;border-radius:10px;background:#1b1e20;text-align:left}.vto-environment-grid .vto-custom-preview,.vto-environment-grid button>img{display:flex;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.vto-custom-preview{display:flex;align-items:center;justify-content:center;color:#a4abad;background:#303438}.vto-environment-caption{display:flex;justify-content:space-between;align-items:center;gap:4px;min-height:44px;padding:8px;font-size:12px;line-height:1.3}.vto-environment-caption svg{flex:none}.vto-environment-grid button:focus-visible,.vto-environment-picker summary:focus-visible{outline:2px solid #d7ff00;outline-offset:-3px}@media(max-width:1023px){.vto-studio .vto-select{font-size:16px}}