.flow-form{display:block!important;max-width:100%;width:100%;height:auto!important}.flow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.flow-tabs button,.flow-footer button{padding:10px 15px;border:1px solid #dacde3;border-radius:9px;background:#fff;color:#573268;cursor:pointer}.flow-tabs [aria-current="step"]{background:#742774;color:white}.flow-status{font-size:12px;color:#76647f;margin:12px 0}.flow-screen{position:relative;max-width:100%;width:var(--flow-width);height:var(--flow-height);background:white}.flow-item{position:absolute;left:var(--fx);top:var(--fy);width:var(--fw);height:var(--fh);padding:8px;background:var(--item-bg,transparent);color:var(--item-color,inherit);border-radius:var(--item-radius,8px);font-size:var(--item-font-size,14px);overflow:auto}.flow-item label{display:block;font-size:13px}.flow-item input:not([type="checkbox"]),.flow-item select,.flow-item textarea{width:100%;padding:9px;border:1px solid #d7ccdf;border-radius:6px}.flow-item input[type="checkbox"]{width:auto}.flow-footer{display:flex;gap:12px;flex-wrap:wrap;padding:18px 0}.flow-ordered{display:grid;height:auto;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.flow-ordered .flow-item{position:relative;inset:auto;width:auto;height:auto;min-height:70px}.flow-form [hidden]{display:none!important}.capture-field canvas{touch-action:none;max-width:100%;display:block;border:1px dashed #b3a3c0;border-radius:7px;background:#fff}.flow-item .capture-field canvas{height:120px;width:100%}
@media(max-width:700px){.flow-screen{width:100%;height:var(--flow-phone-height)}.flow-item{left:var(--px);top:var(--py);width:min(var(--pw),calc(100% - var(--px)));height:var(--ph)}.flow-ordered{height:auto;grid-template-columns:1fr}.flow-ordered .flow-item{width:auto;height:auto}.flow-tabs{gap:5px}.flow-tabs button{font-size:12px;padding:8px}}
.flow-phone{max-width:390px!important}.flow-phone .flow-screen{width:100%;height:var(--flow-phone-height)}.flow-phone .flow-item{left:var(--px);top:var(--py);width:min(var(--pw),calc(100% - var(--px)));height:var(--ph)}.flow-phone .flow-ordered{height:auto;grid-template-columns:1fr}.flow-phone .flow-ordered .flow-item{position:relative;inset:auto;width:auto;height:auto}

.studio-tree .screen-tools{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e8e0ed;background:#fcfaff}
.studio-tree .screen-tools>button{padding:5px 9px;border:1px solid #dfd0e8;border-radius:6px;background:white;color:#742774;font:600 12px "Segoe UI",sans-serif;cursor:pointer;min-height:30px}
.screen-tools>span{font-size:10px;color:#8a7a92;margin-left:auto;white-space:nowrap}
.screen-options{position:relative}.screen-options>summary{list-style:none;cursor:pointer;font-size:21px;line-height:28px;text-align:center;width:28px;border-radius:5px;color:#72537f}.screen-options>summary::-webkit-details-marker{display:none}.screen-options[open]>summary{background:#ede2f4}
.screen-options>div{position:absolute;right:0;top:34px;width:225px;z-index:15;padding:12px;background:white;border:1px solid #dfd0e8;border-radius:9px;box-shadow:0 10px 28px #44235622}
.screen-options label{display:block;font-size:11px;color:#72537f}.screen-options input{display:block;width:100%;margin:7px 0 10px;padding:7px;border:1px solid #d9cbe3;border-radius:5px}
.screen-options button{display:block;width:100%;text-align:left;border:0;background:#faf7fc;border-radius:5px;padding:8px;margin:4px 0;font-size:11px;cursor:pointer;color:#593464}
.studio-tree .screen-row{display:flex;width:100%;align-items:center;gap:8px;text-align:left;border:0;border-radius:7px;background:transparent;color:#51435c;padding:10px 9px;margin:3px 0;font:600 12px "Segoe UI",sans-serif;cursor:pointer}
.studio-tree .screen-row.selected{background:#eee3f6;color:#742774}.screen-row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-row small{font-size:10px;border-radius:10px;background:#ffffffaa;padding:2px 6px;color:#8a7196}
.screen-children{margin:3px 0 10px 17px;border-left:1px solid #e4d7ed;padding-left:6px}.studio-tree .screen-children .tree-field{padding:8px 9px;margin:2px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.screen-empty{font-size:11px;color:#94869c;padding:7px 9px;margin:0}.screen-row:hover{background:#f5eef9}.screen-options button:hover{background:#eee3f6}