:root{color-scheme:light;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;--bg: #f2efe7;--bg-deep: #d8d2c4;--panel: rgba(255, 252, 246, .88);--panel-strong: #fbf7ef;--ink: #17232d;--muted: #5d6a72;--accent: #c65b25;--accent-soft: #ffb266;--steel: #2d5f8b;--line: rgba(23, 35, 45, .12);--shadow: 0 16px 40px rgba(23, 35, 45, .14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(198,91,37,.18),transparent 28%),radial-gradient(circle at top right,rgba(45,95,139,.16),transparent 30%),linear-gradient(180deg,#f8f5ed 0%,var(--bg) 100%)}button,input,select,textarea{font:inherit}button{border:none;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;padding:.7rem 1rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #17232d29}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#ffffffb3;color:var(--ink);padding:.75rem .9rem}textarea{min-height:120px;resize:vertical}label{display:flex;flex-direction:column;gap:.4rem;font-size:.92rem}.app-shell{display:flex;flex-direction:column;gap:1rem;min-height:100vh;padding:1.5rem}.app-header,.sequence-meta,.panel{border:1px solid rgba(23,35,45,.08);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:var(--shadow)}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.4rem 1.6rem}.app-header h1,.panel-header h2{margin:.2rem 0 0;font-size:clamp(1.1rem,2vw,1.7rem)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted)}.header-actions,.run-actions,.section-header,.panel-header,.meta-badges,.step-card-top,.step-meta,.catalog-card-top,.lane-header{display:flex;gap:.75rem;align-items:center}.header-actions,.run-actions{flex-wrap:wrap;justify-content:flex-end}.secondary-action,.ghost-button{background:#ffffffc2;color:var(--ink);border:1px solid var(--line)}.destructive{color:#8b2d2d}.sequence-meta{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,2fr) auto;gap:1rem;padding:1rem 1.2rem;align-items:end}.meta-badges{justify-content:flex-end;flex-wrap:wrap}.meta-badges span,.root-surface span,.step-opcode{border-radius:999px;background:#2d5f8b1f;color:var(--steel);padding:.28rem .72rem;font-size:.82rem}.workspace-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(320px,380px);gap:1rem;align-items:start}.panel{overflow:hidden}.panel-header{justify-content:space-between;padding:1rem 1.2rem 0}.panel-catalog,.panel-inspector{display:flex;flex-direction:column;min-height:760px}.catalog-groups,.panel-inspector{padding-bottom:1rem}.catalog-group{padding:0 1rem 1rem}.catalog-group header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0 .6rem}.catalog-list{display:grid;gap:.75rem}.catalog-card{border-radius:20px;text-align:left;background:linear-gradient(135deg,#ffb2662e,#2d5f8b14),#ffffffe6;color:var(--ink);padding:1rem}.catalog-card p,.step-summary,.empty-copy,.status-copy{margin:0;color:var(--muted)}.panel-canvas{min-height:760px}.canvas-shell{position:relative;overflow:auto;padding:0 1rem 1rem;background:linear-gradient(90deg,rgba(23,35,45,.05) 1px,transparent 1px),linear-gradient(rgba(23,35,45,.05) 1px,transparent 1px);background-size:50px 50px}.root-surface{position:absolute;top:0;left:0;display:grid;gap:.75rem;width:260px;min-height:140px;padding:.8rem;border-radius:22px;background:#ffffffe6;border:1px solid var(--line)}.root-surface strong{display:block}.surface-column{display:grid;gap:.55rem}.property-port{background:#c65b2524!important;color:var(--accent)!important}.binding-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.binding-path{fill:none;stroke:url(#bindingGradient);stroke-width:3;stroke-linecap:round;opacity:.75}.binding-path.tone-draft{stroke-dasharray:8 6;opacity:.55}.lane-column{position:absolute;padding:.8rem;border-radius:28px;background:#ffffffc7;border:1px solid var(--line);box-shadow:0 12px 28px #17232d14}.lane-column.is-selected{border-color:#c65b2566;box-shadow:0 18px 32px #c65b2524}.lane-controls button{padding:.45rem .65rem}.lane-stack{display:flex;flex-direction:column;gap:.8rem}.lane-drop-hint{border:1px dashed rgba(45,95,139,.4);border-radius:18px;padding:1rem;text-align:center;color:var(--muted)}.lane-hidden-note{border-radius:18px;padding:.9rem 1rem;background:#2d5f8b14;color:var(--muted);font-size:.84rem;line-height:1.4}.macro-card{display:grid;gap:.7rem;padding:.9rem 1rem;border-radius:22px;background:linear-gradient(145deg,#ffb26629,#2d5f8b14),#ffffffeb;border:1px solid rgba(198,91,37,.2);box-shadow:0 10px 24px #17232d14}.macro-card.is-collapsed{border-color:#2d5f8b3d}.macro-card.is-detached{border-color:#8b2d2d3d;background:linear-gradient(145deg,#8b2d2d14,#ffb2661f),#ffffffeb}.macro-card-top,.macro-chip-row,.macro-chip-stack{display:grid;gap:.45rem}.macro-control-cluster{display:flex;flex-wrap:wrap;gap:.35rem}.macro-direction{min-width:2.4rem;padding-inline:.65rem}.macro-card-top h3{margin:.2rem 0 0;font-size:1rem}.macro-card-copy{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.macro-detached-note{margin:0;color:#8b2d2d;font-size:.82rem;line-height:1.45}.macro-chip-group{display:grid;gap:.38rem}.macro-chip-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.macro-chip-row{display:flex;flex-wrap:wrap}.macro-chip{border-radius:999px;padding:.28rem .68rem;font-size:.76rem}.macro-chip.tone-input{background:#2d5f8b1f;color:var(--steel)}.macro-chip.tone-property{background:#c65b251f;color:var(--accent)}.macro-chip.tone-output{background:#17232d1a;color:var(--ink)}.step-card{border-radius:20px;background:linear-gradient(165deg,#fffffff5,#f6f0e6e0);border:1px solid rgba(23,35,45,.1);padding:.9rem;box-shadow:0 10px 24px #17232d14}.step-card.is-macro-member{border-color:#c65b253d;box-shadow:0 14px 26px #c65b2514}.step-card.is-macro-detached{border-color:#8b2d2d3d;box-shadow:0 14px 26px #8b2d2d14}.step-card-top{justify-content:space-between;align-items:flex-start}.step-title-block{display:grid;gap:.35rem}.macro-member-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:.24rem .6rem;background:#c65b2524;color:var(--accent);font-size:.72rem;font-weight:600}.step-card.is-selected{border-color:#c65b256b}.step-status{border-radius:999px;padding:.28rem .72rem;font-size:.78rem;font-weight:600;white-space:nowrap}.step-status.tone-idle{background:#5d6a7224;color:var(--muted)}.step-status.tone-success{background:#2b7f5f29;color:#1e6f53}.step-status.tone-skipped{background:#c65b2524;color:var(--accent)}.step-status.tone-failed{background:#8b2d2d24;color:#8b2d2d}.step-status-detail{margin:.55rem 0 0;font-size:.82rem;line-height:1.4}.step-status-detail.tone-idle{color:var(--muted)}.step-status-detail.tone-success{color:#1e6f53}.step-status-detail.tone-skipped{color:var(--accent)}.step-status-detail.tone-failed{color:#8b2d2d}.step-meta{justify-content:space-between;margin-top:.55rem;color:var(--muted)}.step-ports{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem}.step-ports div{display:grid;gap:.2rem;padding:.55rem;border-radius:16px;background:#2d5f8b14}.step-ports label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.panel-inspector{padding-bottom:1rem;overflow:auto}.inspector-section{display:grid;gap:.8rem;padding:0 1rem 1rem}.binding-group{display:grid;gap:.85rem}.port-node{display:grid;justify-items:start;gap:.12rem;width:100%;border-radius:18px;padding:.7rem .85rem;background:#ffffffeb;color:var(--ink);border:1px solid rgba(23,35,45,.1);text-align:left}.port-node small{color:var(--muted);font-size:.72rem;line-height:1.3}.port-node.tone-property{background:#c65b251a}.port-node.tone-output{background:#2d5f8b1f}.port-node.is-active{border-color:#c65b258c;box-shadow:0 0 0 3px #c65b2524}.port-node.is-compatible{border-color:#2d5f8b73}.port-node.is-bound{box-shadow:inset 0 0 0 1px #2d5f8b40}.port-node.is-warning{border-color:#c65b2580;box-shadow:inset 0 0 0 1px #c65b2538}.step-port-grid{display:grid;gap:.85rem;margin-top:.85rem}.step-port-list{display:grid;gap:.5rem}.step-port-list>label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.step-port-row,.root-output-row{display:grid;gap:.4rem}.port-clear{justify-self:end;padding:.35rem .75rem;background:#ffffffb8;color:var(--muted);border:1px solid var(--line)}.binding-editor,.port-editor{display:grid;gap:.6rem;padding:.85rem;border-radius:20px;background:#ffffffbd;border:1px solid var(--line)}.binding-note{margin:0;color:var(--accent);font-size:.82rem;line-height:1.4}.binding-row,.binding-step-output{display:grid;gap:.55rem}.port-grid{display:grid;gap:.6rem}.checkbox-inline{align-items:center;flex-direction:row}.panel-run{padding-bottom:1rem}.run-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}.nested-helper{display:grid;gap:.8rem;padding:0 1rem 1rem}.nested-helper-grid{display:grid;grid-template-columns:minmax(220px,.8fr) repeat(2,minmax(0,1fr));gap:1rem}.nested-helper-grid label{padding:0}.nested-helper .section-header span{color:var(--muted)}.nested-helper-actions{padding:0;justify-content:flex-start}.run-history-grid,.run-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 1rem 1rem}.run-diff{display:grid;gap:.8rem;padding:0 1rem 1rem}.run-diff-group{display:grid;gap:.6rem}.nested-runs,.nested-run-card,.nested-output-grid,.nested-step-grid{display:grid;gap:.8rem}.nested-run-card{padding:1rem;border-radius:22px;background:#ffffff9e;border:1px solid var(--line)}.nested-run-copy{margin:.3rem 0 0;color:var(--muted);font-size:.84rem}.nested-output-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.nested-contract-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.nested-step-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.nested-step-card{display:grid;gap:.45rem;padding:.9rem;border-radius:18px;border:1px solid var(--line);background:#ffffffd1}.nested-step-card small{color:var(--muted);line-height:1.4}.run-diff-card{display:grid;gap:.22rem;padding:.8rem .9rem;border-radius:18px;background:#ffffffbd;border:1px solid var(--line)}.run-diff-card small{color:var(--muted);line-height:1.4}.run-badges{padding:0 1rem 1rem}.panel-run label{padding:0 1rem}.run-actions{padding:0 1rem 1rem}.empty-state{display:grid;place-items:center;padding:2rem;color:var(--muted)}@media(max-width:1180px){.workspace-grid,.sequence-meta,.run-grid,.nested-helper-grid,.run-history-grid,.run-compare-grid{grid-template-columns:1fr}}