.alif-studio{--studio-bg:var(--alif-color-background);--studio-panel:var(--alif-color-surface);--studio-panel-soft:var(--alif-color-muted);--studio-line:var(--alif-color-border);--studio-text:var(--alif-color-foreground);--studio-muted:var(--alif-color-muted-foreground);--studio-accent:var(--alif-color-primary);background:var(--studio-bg);color:var(--studio-text);font-family:var(--alif-font-sans);min-height:720px;position:relative;overflow:hidden}.alif-studio *,.alif-studio :before,.alif-studio :after{box-sizing:border-box}.alif-studio button,.alif-studio input{color:inherit;font:inherit}.alif-studio button{cursor:pointer}.alif-studio-toolbar{background:var(--alif-color-surface);border-bottom:var(--alif-border-default) solid var(--studio-line);height:62px;padding:0 var(--alif-space-4);grid-template-columns:220px minmax(280px,1fr) auto;align-items:center;display:grid}.alif-studio-brand{align-items:center;gap:var(--alif-space-two-three-quarter);display:flex}.alif-studio-brand>div{display:grid}.alif-studio-brand strong{font-size:var(--alif-font-size-md)}.alif-studio-brand span:last-child{color:var(--studio-muted);font-size:var(--alif-font-size-xs)}.alif-studio-mark{background:linear-gradient(145deg, var(--alif-color-primary), var(--alif-color-focus));border-radius:var(--alif-radius-sm);box-shadow:0 0 var(--alif-space-6) color-mix(in srgb, var(--alif-color-primary) 25%, transparent);color:var(--alif-color-primary-foreground);font-family:var(--alif-font-serif);justify-content:center;align-items:center;width:31px;height:31px;display:flex}.alif-studio-tool-strip,.alif-studio-toolbar-actions{align-items:center;display:flex}.alif-studio-tool-strip{gap:var(--alif-space-3)}.alif-studio-tool-strip>span{color:var(--studio-muted);font-size:var(--alif-font-size-3xs)}.alif-studio-tool-strip details{position:relative}.alif-studio-tool-strip summary,.alif-studio-toolbar-actions>button:not(.alif-studio-run-button){background:var(--alif-color-interactive);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-sm);color:var(--alif-color-foreground);font-size:var(--alif-font-size-compact);padding:var(--alif-space-one-half) var(--alif-space-two-quarter);list-style:none}.alif-studio-tool-strip summary:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.alif-studio-node-menu{background:color-mix(in srgb, var(--alif-color-surface) 96%, transparent);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-md,8px);box-shadow:var(--alif-shadow-modal);gap:var(--alif-space-half);max-height:420px;padding:var(--alif-space-2);left:0;top:calc(100% + var(--alif-space-2));z-index:30;grid-template-columns:repeat(2,minmax(160px,1fr));width:390px;display:grid;position:absolute;overflow:auto}.alif-studio-node-menu button{border:var(--alif-border-default) solid transparent;border-radius:var(--alif-radius-sm);gap:var(--alif-space-half);padding:var(--alif-space-2);text-align:left;background:0 0;display:grid}.alif-studio-node-menu button:hover{background:var(--alif-color-interactive);border-color:var(--alif-color-border)}.alif-studio-node-menu button span{font-size:var(--alif-font-size-xs);font-weight:700}.alif-studio-node-menu button small{color:var(--alif-color-muted-foreground);font-size:var(--alif-font-size-4xs);text-transform:capitalize}.alif-studio-toolbar-actions{gap:var(--alif-space-one-half)}.alif-studio-toolbar-actions button:disabled{cursor:default;opacity:var(--alif-opacity-disabled)}.alif-studio-revision{color:var(--studio-muted);font-family:var(--alif-font-mono);font-size:var(--alif-font-size-xs);margin-right:var(--alif-space-one-quarter)}.alif-studio-run-button{background:linear-gradient(135deg, var(--alif-color-primary), var(--alif-color-focus));border-radius:var(--alif-radius-sm);box-shadow:0 var(--alif-space-one-quarter) var(--alif-space-3) color-mix(in srgb, var(--alif-color-primary) 22%, transparent);color:var(--alif-color-primary-foreground);align-items:center;gap:var(--alif-space-two-half);margin-left:var(--alif-space-one-half);padding:var(--alif-space-one-three-quarter) var(--alif-space-two-three-quarter);border:0;display:flex}.alif-studio-run-button span{font-size:var(--alif-font-size-compact);font-weight:700}.alif-studio-run-button small{background:color-mix(in srgb, var(--alif-color-primary-foreground) 20%, transparent);border-radius:var(--alif-radius-sm);font-size:var(--alif-font-size-4xs);padding:var(--alif-space-three-quarter) var(--alif-space-one-quarter)}.alif-studio-workspace{grid-template-columns:224px minmax(560px,1fr) 260px;height:580px;display:grid}.alif-studio-assets,.alif-studio-inspector{background:var(--studio-panel);min-width:0;padding:var(--alif-space-three-three-quarter) var(--alif-space-3)}.alif-studio-assets{border-right:var(--alif-border-default) solid var(--studio-line)}.alif-studio-inspector{border-left:var(--alif-border-default) solid var(--studio-line)}.alif-studio-panel-heading{margin:0 var(--alif-space-half) var(--alif-space-three-half);justify-content:space-between;align-items:center;display:flex}.alif-studio-panel-heading>div{gap:var(--alif-space-half);display:grid}.alif-studio-panel-heading strong{font-size:var(--alif-font-size-sm)}.alif-studio-panel-heading span{color:var(--studio-muted);font-size:var(--alif-font-size-4xs)}.alif-studio-panel-heading button{background:var(--alif-color-interactive);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-sm);color:var(--alif-color-muted-foreground);width:25px;height:25px}.alif-studio-asset-list{gap:var(--alif-space-one-half);display:grid}.alif-studio-asset{border:var(--alif-border-default) solid transparent;border-radius:var(--alif-radius-sm);align-items:center;gap:var(--alif-space-two-quarter);padding:var(--alif-space-one-quarter);text-align:left;background:0 0;grid-template-columns:40px 1fr auto;width:100%;display:grid}.alif-studio-asset:hover{background:var(--alif-color-interactive);border-color:var(--alif-color-border)}.alif-studio-asset-preview{background:radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--alif-color-primary-foreground) 26%, transparent), transparent 30%), var(--asset-color);border-radius:var(--alif-radius-sm);color:var(--alif-color-primary-foreground);justify-content:center;align-items:center;height:38px;display:flex}.alif-studio-asset>span:nth-child(2){gap:var(--alif-space-three-quarter);min-width:0;display:grid}.alif-studio-asset strong{font-size:var(--alif-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alif-studio-asset small,.alif-studio-asset i{color:var(--studio-muted);font-size:var(--alif-font-size-4xs);font-style:normal}.alif-studio-upload{border:var(--alif-border-default) dashed var(--alif-color-border);border-radius:var(--alif-radius-sm);color:var(--studio-muted);align-items:center;gap:var(--alif-space-1);margin-top:var(--alif-space-three-three-quarter);padding:var(--alif-space-three-three-quarter) var(--alif-space-2);flex-direction:column;display:flex}.alif-studio-upload span{color:var(--studio-accent);font-size:var(--alif-font-size-xl)}.alif-studio-upload strong{color:var(--alif-color-foreground);font-size:var(--alif-font-size-xs)}.alif-studio-upload small{font-size:var(--alif-font-size-3xs)}.alif-studio-asset-tabs{gap:var(--alif-space-half);margin-bottom:var(--alif-space-2);display:flex;overflow:auto}.alif-studio-asset-tabs button{border-radius:var(--alif-radius-pill,999px);color:var(--alif-color-muted-foreground);font-size:var(--alif-font-size-4xs);padding:var(--alif-space-1) var(--alif-space-one-half);text-transform:capitalize;background:0 0;border:0}.alif-studio-asset-tabs button.is-active{background:var(--alif-color-interactive);color:var(--alif-color-foreground)}.alif-studio-asset-preview{background-position:50%;background-size:cover}.alif-studio-execution-toasts{bottom:var(--alif-space-3);gap:var(--alif-space-2);pointer-events:none;right:var(--alif-space-3);z-index:40;width:320px;display:grid;position:absolute}.alif-studio-execution-toasts>div{backdrop-filter:blur(var(--alif-space-3));background:color-mix(in srgb, var(--alif-color-surface) 94%, transparent);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-md,8px);box-shadow:var(--alif-shadow-card);align-items:center;gap:var(--alif-space-2);padding:var(--alif-space-2);grid-template-columns:auto 1fr;display:grid}.alif-studio-execution-toasts>div>span{color:var(--alif-color-focus);font-size:var(--alif-font-size-lg)}.alif-studio-execution-toasts p{gap:var(--alif-space-half);margin:0;display:grid}.alif-studio-execution-toasts strong{font-size:var(--alif-font-size-xs);text-transform:capitalize}.alif-studio-execution-toasts small{color:var(--alif-color-muted-foreground);font-size:var(--alif-font-size-3xs)}