.studio{flex-direction:column;min-height:100vh;display:flex}.studio-bar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07070eee;align-items:center;gap:16px;height:64px;padding:0 clamp(16px,3vw,30px);display:flex;position:sticky;top:0}.studio-bar .brand{font-size:17px}.studio-tag{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:10px}.studio-bar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.studio-grid{background:var(--line);flex:1;grid-template-columns:300px minmax(0,1fr) 360px;gap:1px;min-height:0;display:grid}.studio-col{background:var(--void);flex-direction:column;min-width:0;display:flex}.col-head{border-bottom:1px solid var(--line);background:var(--void);z-index:10;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex;position:sticky;top:64px}.col-head h2{letter-spacing:.02em;font-size:13px;font-weight:600}.col-body{flex:1;min-width:0;padding:16px 20px 40px;overflow:hidden auto}.hook-list{gap:8px;min-width:0;display:grid}.hook-item{text-align:left;border:1px solid var(--line);width:100%;transition:border-color .3s var(--ease), background .3s var(--ease);background:#ffffff05;border-radius:13px;gap:8px;padding:14px 15px;display:grid}.hook-item:hover{border-color:var(--line-strong)}.hook-item.is-selected{background:#7b5cff12;border-color:#7b5cff66}.hook-item-top{align-items:center;gap:9px;min-width:0;display:flex}.hook-item-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.hook-dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px}.hook-dot.on{background:var(--mint);box-shadow:0 0 8px #55f0b0aa}.hook-item-meta{font-family:var(--font-mono), monospace;color:var(--faint);justify-content:space-between;gap:10px;font-size:10.5px;display:flex}.hook-item-meta b{color:var(--violet-soft);font-weight:400}.empty-note{border:1px dashed var(--line-strong);text-align:center;color:var(--faint);border-radius:13px;padding:26px 18px;font-size:13px;line-height:1.6}.editor{gap:18px;max-width:760px;display:grid}.editor-name{border:0;border-bottom:1px solid var(--line);width:100%;font-family:var(--font-display), sans-serif;letter-spacing:-.03em;background:0 0;padding:6px 0 12px;font-size:clamp(22px,3vw,30px);font-weight:600}.editor-name:focus{border-color:var(--violet);outline:none}.block{border:1px solid var(--line);background:linear-gradient(170deg,#ffffff07,#ffffff02);border-radius:16px;overflow:hidden}.block-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:13px 16px;display:flex}.block-num{width:24px;height:24px;font-family:var(--font-mono), monospace;background:var(--grad);color:#06060c;border-radius:8px;flex:none;place-items:center;font-size:11px;display:grid}.block-head h3{font-size:13.5px;font-weight:600}.block-head span{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-left:auto;font-size:10px}.block-body{gap:12px;padding:16px;display:grid}.field-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}label.field{gap:6px;display:grid}label.field>span{font-family:var(--font-mono), monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-size:10px}.input,.select{border:1px solid var(--line-strong);width:100%;transition:border-color .25s var(--ease);background:#00000045;border-radius:10px;padding:11px 13px;font-size:13.5px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%239a98b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}.input:focus,.select:focus{border-color:var(--violet);outline:none}.input.mono{font-family:var(--font-mono), monospace}.hint{color:var(--faint);font-size:12px;line-height:1.55}.stream-picker{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.stream-btn{border:1px solid var(--line);text-align:center;transition:border-color .25s var(--ease), background .25s var(--ease);background:#ffffff05;border-radius:12px;justify-items:center;gap:5px;padding:13px 10px;display:grid}.stream-btn:hover{border-color:var(--line-strong)}.stream-btn.is-on{background:#7b5cff14;border-color:#7b5cff66}.stream-btn i{font-size:16px;font-style:normal}.stream-btn b{font-family:var(--font-mono), monospace;color:var(--dim);font-size:11.5px;font-weight:400}.stream-btn.is-on b{color:var(--chalk)}.effect-picker{gap:8px;display:grid}.effect-opt{border:1px solid var(--line);text-align:left;transition:border-color .25s var(--ease);background:#ffffff04;border-radius:12px;align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.effect-opt.is-on{background:#3de1ff0d;border-color:#3de1ff55}.effect-opt em{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:15px;height:15px;margin-top:3px}.effect-opt.is-on em{border-color:var(--cyan);background:radial-gradient(circle, var(--cyan) 40%, transparent 42%)}.effect-opt strong{font-size:13.5px;font-weight:500;display:block}.effect-opt small{color:var(--faint);margin-top:2px;font-size:12px;line-height:1.5;display:block}.editor-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.danger{color:var(--rose);border-color:#ff5d7a33}.danger:hover{background:#ff5d7a14}.code-tabs{border:1px solid var(--line);background:#00000040;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.code-tabs button{font-family:var(--font-mono), monospace;color:var(--faint);transition:background .25s var(--ease), color .25s var(--ease);border-radius:7px;padding:6px 13px;font-size:11px}.code-tabs button[aria-pressed=true]{color:var(--chalk);background:#ffffff0f}pre.code{border:1px solid var(--line);font-family:var(--font-mono), monospace;color:var(--dim);white-space:pre;background:#0005;border-radius:13px;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.75;overflow-x:auto}.log-list{gap:7px;display:grid}.log-row{border:1px solid var(--line);animation:logIn .5s var(--ease-out) both;background:#ffffff05;border-radius:11px;gap:6px;padding:12px 13px;display:grid}@keyframes logIn{0%{opacity:0;transform:translateY(-9px)}}.log-top{align-items:center;gap:8px;display:flex}.log-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:500;overflow:hidden}.log-top time{font-family:var(--font-mono), monospace;color:var(--faint);flex:none;font-size:10.5px}.log-body{font-family:var(--font-mono), monospace;color:var(--dim);text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.log-tag{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--faint);border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:9.5px;display:inline-flex}.log-tag.ok{color:var(--mint);border-color:#55f0b040}.log-tag.failed{color:var(--rose);border-color:#ff5d7a40}.log-tag.pending{color:var(--amber);border-color:#ffc24b40}.log-link{color:var(--violet-soft);font-size:11px}.status-box{background:var(--line);border:1px solid var(--line);border-radius:13px;gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.status-box>div{background:#0a0a14;justify-content:space-between;gap:12px;padding:11px 14px;font-size:12.5px;display:flex}.status-box dt{color:var(--faint)}.status-box dd{font-family:var(--font-mono), monospace;color:var(--chalk)}.toasts{z-index:70;pointer-events:none;gap:8px;width:min(360px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastIn .45s var(--ease-out) both;pointer-events:auto;background:linear-gradient(150deg,#7b5cff26,#0b0b16f2);border:1px solid #7b5cff55;border-radius:13px;padding:14px 16px;box-shadow:0 20px 50px -24px #000}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.97)}}.toast .micro{color:var(--violet-soft)}.toast strong{margin:5px 0 3px;font-size:14px;font-weight:500;display:block}.toast span{font-family:var(--font-mono), monospace;color:var(--dim);font-size:11.5px}@media (max-width:1180px){.studio-grid{grid-template-columns:260px minmax(0,1fr)}.studio-col.log-col{grid-column:1/-1}.col-head{position:static}}@media (max-width:760px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-col.log-col{grid-column:auto}.studio-bar{flex-wrap:wrap;height:auto;padding-block:12px}.studio-tag{display:none}.col-body{padding:14px 16px 30px}.toasts{width:auto;bottom:12px;left:12px;right:12px}}