:root{--primary-green: #2eff00;--neutral-1000: #001317;--neutral-950: #0d1f23;--neutral-900: #00252e;--neutral-800: #103944;--neutral-600: #2b5f6d;--neutral-400: #538291;--neutral-200: #95b6c0;--neutral-white: #ffffff;--bg-surface-primary: #000000;--bg-surface-secondary: #001317;--bg-surface-tertiary: #0d1f23;--bg-surface-quaternary: #00252e;--card-default: #00252e;--card-selected: #2eff00;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .64);--text-brand: #2eff00;--text-black: #001317;--text-invert: #00252e;--icon-primary: #ffffff;--icon-secondary: rgba(255, 255, 255, .48);--icon-tertiary: #2eff00;--button-default: #2eff00;--button-inactive: rgba(46, 255, 0, .08);--button-pressed: #2b5f6d;--surface-error: #ff3a5d;--warning: #f6bc2f;--positive: #0e8345;--surface-confirm: #0e8345;--divider-white: rgba(255, 255, 255, .08);--divider-black: rgba(0, 0, 0, .08);--font-inter: "Inter", -apple-system, system-ui, sans-serif;--font-barlow: "Barlow Condensed", "Inter", sans-serif}.font-headline-xl{font-family:var(--font-inter);font-weight:500;font-size:40px;line-height:1.1}.font-headline-bold-lg{font-family:var(--font-inter);font-weight:700;font-size:32px;line-height:1.15}.font-headline-lg{font-family:var(--font-inter);font-weight:500;font-size:32px;line-height:1.15}.font-headline-md{font-family:var(--font-inter);font-weight:500;font-size:28px;line-height:1.2}.font-headline-sm{font-family:var(--font-inter);font-weight:500;font-size:24px;line-height:1.25}.font-headline-xs{font-family:var(--font-inter);font-weight:500;font-size:20px;line-height:1.3}.font-headline-bold-xs{font-family:var(--font-inter);font-weight:700;font-size:20px;line-height:1.3}.font-headline-xxs-16{font-family:var(--font-inter);font-weight:500;font-size:16px;line-height:1.35}.font-headline-xxs-14{font-family:var(--font-inter);font-weight:500;font-size:14px;line-height:1.35}.font-body-lg{font-family:var(--font-inter);font-weight:400;font-size:16px;line-height:1.45}.font-body-md{font-family:var(--font-inter);font-weight:400;font-size:14px;line-height:1.45}.font-body-sm{font-family:var(--font-inter);font-weight:400;font-size:12px;line-height:1.45}.font-body-xsm{font-family:var(--font-inter);font-weight:400;font-size:10px;line-height:1.45}.font-label-lg{font-family:var(--font-barlow);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.02em}.font-label-md{font-family:var(--font-barlow);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.02em}.font-label-sm{font-family:var(--font-barlow);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.02em}*{box-sizing:border-box}:root{--ui-text-muted: #8a949c;--ui-text-faint: #6f7a83}body{margin:0;font-family:var(--font-inter);background:#0b0e10;color:#e6e9eb;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;color:inherit}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#14181b;border-bottom:1px solid #23292d;flex-shrink:0}.toolbar .brand{font-weight:700;color:var(--primary-green);letter-spacing:.03em}.toolbar .flow-name{font-weight:600;font-size:15px;min-width:160px;max-width:320px;text-overflow:ellipsis}.toolbar .spacer{flex:1}.toolbar .dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--warning)}.toolbar select,.toolbar input{background:#0b0e10;border:1px solid #2b3237;color:#e6e9eb;border-radius:6px;padding:6px 8px;font-size:13px}.toolbar-crumbs{display:flex;align-items:center;gap:10px;min-width:0}.crumb-sep{color:#4a545b;font-size:14px}.crumb-flow{display:flex;align-items:center;gap:8px;min-width:0}.crumb-empty{color:#7d8791;font-size:13px}.surface-switcher{position:relative;display:flex;align-items:center;gap:8px}.surface-switcher-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5b666e;font-weight:700}.surface-switcher-btn{display:flex;align-items:center;gap:8px}.ss-btn-text{font-weight:600}.ss-sep{color:#7d8791;margin:0 1px}.ss-caret{color:#7d8791;font-size:11px}.ss-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.ss-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:260px;background:#14181b;border:1px solid #2b3237;border-radius:10px;padding:8px;box-shadow:0 16px 40px #00000080}.ss-group{margin-bottom:6px}.ss-group:last-child{margin-bottom:0}.ss-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#5b666e;font-weight:700;padding:6px 8px 4px}.ss-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;color:#e6e9eb;border-radius:7px;padding:8px;text-align:left;font-size:13px;font-family:inherit}.ss-item:hover{background:#1b2024}.ss-item.active{background:#17242b}.ss-item-check{width:14px;color:var(--primary-green);font-size:12px;flex-shrink:0}.ss-item-text{display:flex;flex-direction:column;gap:1px}.ss-item-title{font-weight:600}.ss-item-hint{font-size:11px;color:#7d8791}.btn{border:1px solid #2b3237;background:#1b2024;color:#e6e9eb;border-radius:7px;padding:7px 13px;font-size:13px;font-weight:500}.btn:hover{background:#232a2f}.btn.primary{background:var(--primary-green);color:#001317;border-color:transparent;font-weight:700}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--surface-error)}.btn:disabled{opacity:.4;cursor:not-allowed}.main{display:grid;grid-template-columns:300px 1fr 380px;flex:1;min-height:0}.panel{min-height:0;overflow-y:auto;border-right:1px solid #23292d}.panel.center{border-right:1px solid #23292d;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#16202a,#0b0e10 70%)}.panel-header{position:sticky;top:0;background:#14181b;padding:10px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#7d8791;border-bottom:1px solid #23292d;display:flex;align-items:center;gap:8px}.panel-header .spacer{flex:1}.step-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #191e21;font-size:13px;-webkit-user-select:none;user-select:none}.step-row:hover{background:#14181b}.step-row.selected{background:#17242b;box-shadow:inset 3px 0 0 var(--primary-green)}.step-row.disabled{opacity:.4}.step-row .handle{color:#4a545b;cursor:grab;font-size:14px;background:none;border:none;padding:0}.step-row .handle:focus-visible{outline:2px solid var(--primary-green);border-radius:3px}.step-row .idx{color:var(--ui-text-faint);font-variant-numeric:tabular-nums;width:20px}.step-row .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-row .type-tag{font-size:10px;color:#7d8791;background:#1b2226;padding:2px 6px;border-radius:4px}.step-row .native-tag{font-size:10px;color:var(--neutral-200);border:1px dashed #2b3237;padding:1px 5px;border-radius:4px}.mini-toggle{width:30px;height:18px;border-radius:9px;background:#2b3237;position:relative;border:none;padding:0;flex-shrink:0}.mini-toggle.on{background:var(--primary-green)}.mini-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .12s}.mini-toggle.on:after{transform:translate(12px)}.library-card{padding:11px 14px;border-bottom:1px solid #191e21;cursor:pointer}.library-card:hover{background:#14181b}.library-card.active{background:#17242b}.library-card .name{font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center}.library-card .meta{font-size:11px;color:#7d8791;margin-top:3px}.badge{font-size:10px;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.badge.draft{background:#3a2f13;color:var(--warning)}.badge.published{background:#123a20;color:var(--primary-green)}.badge.lang{background:#1b2226;color:#95b6c0}.lib-scope{padding:8px 14px;font-size:12px;color:#93a0a8;border-bottom:1px solid #23292d;background:#0d1114}.lib-scope strong{color:var(--primary-green);font-weight:700}.lib-section{padding:14px;border-bottom:1px solid #23292d}.lib-section-help{font-size:12px;color:#7d8791;margin-bottom:10px}.lib-adv-toggle{display:block;border:none;background:transparent;color:var(--primary-green);font-size:12px;padding:6px 0;text-align:left;width:100%}.lib-collapse{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:0;cursor:pointer}.lib-key-readout{font-size:12px;color:#93a0a8;margin:8px 0}.lib-key-readout code{color:var(--primary-green)}.editor{padding:14px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-muted);margin:18px 0 8px;font-weight:700}.field{margin-bottom:12px}.field label{display:block;font-size:11px;color:#93a0a8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.field input[type=text],.field input[type=number],.field textarea,.field select{width:100%;background:#0b0e10;border:1px solid #2b3237;color:#e6e9eb;border-radius:6px;padding:8px 9px;font-size:13px;font-family:inherit}.field textarea{resize:vertical;min-height:54px;line-height:1.4}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--primary-green)}.row-group{border:1px solid #23292d;border-radius:8px;padding:10px;margin-bottom:10px;background:#101417}.row-group .rg-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#93a0a8;font-weight:600}.row-group .rg-head .spacer{flex:1}.chip-add{border:1px dashed #2b3237;background:transparent;color:var(--primary-green);border-radius:6px;padding:6px 10px;font-size:12px;width:100%}.icon-btn{border:none;background:transparent;color:#7d8791;font-size:13px;padding:2px 6px}.icon-btn:hover{color:var(--surface-error)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{color:var(--ui-text-muted);text-align:center;padding:40px 20px;font-size:14px}.error-bar{background:#3a1620;color:#ff8ba0;padding:8px 16px;font-size:13px}.row-warn{flex-shrink:0;font-size:12px;cursor:help}.row-warn.warning{color:var(--warning)}.row-warn.error{color:var(--surface-error, #ff8ba0)}.toolbar .issues-chip{border:none;background:#3a2f13;color:var(--warning);border-radius:5px;font-size:11px;font-weight:700;padding:2px 7px;flex-shrink:0}.toolbar .issues-chip.error{background:#3a1620;color:#ff8ba0}.issues-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.issues-list-head{font-size:11px;color:var(--ui-text-muted);padding:4px 6px 8px;border-bottom:1px solid #23292d;margin-bottom:4px}.issues-item{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;border:none;background:transparent;color:#e6e9eb;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.4}.issues-item:hover{background:#1b2024}.issues-item-idx{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--ui-text-muted);font-size:11px;min-width:90px}.issues-item.error .issues-item-idx:before{content:"⛔ ";font-size:10px}.issues-item.warning .issues-item-idx:before{content:"⚠ ";color:var(--warning)}.issues-item.error .issues-item-msg{color:#ff8ba0}.issues-item-msg{flex:1}.main.left-collapsed{grid-template-columns:46px 1fr 380px}.collapsed-rail{border-right:1px solid #23292d;background:#14181b;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:10px}.collapsed-rail .rail-btn{border:1px solid #2b3237;background:#1b2024;color:#e6e9eb;border-radius:7px;width:30px;height:30px}.collapsed-rail .rail-count{writing-mode:vertical-rl;color:#7d8791;font-size:11px;letter-spacing:.05em;margin-top:6px}.panel.canvas{border-right:1px solid #23292d;display:flex;flex-direction:column;min-height:0;background:radial-gradient(circle at 50% 0%,#131b22,#0b0e10 60%)}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #23292d;background:#14181b;flex-shrink:0}.canvas-toolbar .zoom-btn{border:1px solid #2b3237;background:#1b2024;color:#e6e9eb;border-radius:6px;width:26px;height:26px;font-size:15px;line-height:1}.canvas-toolbar .zoom-label{color:#7d8791;font-size:12px;min-width:42px;text-align:center}.canvas-scroll{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;gap:30px;padding:34px;cursor:grab}.canvas-scroll:active{cursor:grabbing}.canvas-item{flex:0 0 auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.canvas-item.disabled{opacity:.38}.canvas-frame{position:relative;overflow:hidden;background:#000;border-radius:22px;box-shadow:0 14px 40px #00000080;border:2px solid transparent}.canvas-item.selected .canvas-frame{border-color:var(--primary-green);box-shadow:0 0 0 3px #2eff0040,0 14px 40px #00000080}.canvas-frame-inner{width:390px;height:844px;transform-origin:top left;overflow:hidden;position:relative}.canvas-caption{font-size:12px;color:#93a0a8;text-align:center;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-item.selected .canvas-caption{color:var(--primary-green)}.canvas-caption .idx{color:var(--ui-text-faint)}.canvas-hint{font-size:11px;color:var(--ui-text-faint)}.canvas-badge-native{font-size:10px;color:var(--neutral-200);border:1px dashed #2b3237;border-radius:4px;padding:0 5px;margin-left:6px}.toast-stack{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#1b2024;border:1px solid #2b3237;border-radius:9px;padding:10px 14px;font-size:13px;color:#e6e9eb;box-shadow:0 10px 30px #00000073;max-width:480px;animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast.success{border-color:#2eff0059}.toast.success .toast-msg:before{content:"✓ ";color:var(--primary-green);font-weight:700}.toast.error{border-color:#ff8ba073}.toast.error .toast-msg{color:#ff8ba0}.toast-action{border:none;background:transparent;color:var(--primary-green);font-weight:700;font-size:13px;padding:2px 4px;flex-shrink:0}.toast-close{border:none;background:transparent;color:var(--ui-text-muted);font-size:12px;padding:2px 4px;flex-shrink:0}.toast-close:hover{color:#e6e9eb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex}.modal-overlay-center{align-items:center;justify-content:center}.modal-center{background:#101417;border:1px solid #23292d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;max-width:92vw;max-height:86vh}.modal-drawer{width:420px;max-width:92vw;height:100%;background:#101417;border-right:1px solid #23292d;overflow-y:auto}.dialog-body{padding:18px}.dialog-title{font-size:15px;font-weight:700}.dialog-message{font-size:13px;color:var(--ui-text-muted);margin-top:8px;line-height:1.45}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.popover{position:absolute;top:calc(100% + 6px);z-index:50;background:#14181b;border:1px solid #2b3237;border-radius:10px;padding:8px;box-shadow:0 16px 40px #00000080}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(230,233,235,.25);border-top-color:#e6e9eb;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;background:#0b0e1099;color:var(--ui-text-muted);font-size:13px}.input{background:#0b0e10;border:1px solid #2b3237;color:#e6e9eb;border-radius:6px;padding:7px 9px;font-size:13px;font-family:inherit}.input:focus{outline:none;border-color:var(--primary-green)}.code-area{background:#0b0e10;border:1px solid #2b3237;color:#e6e9eb;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.code-area:focus{outline:none;border-color:var(--primary-green)}.compare-header{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #23292d;background:#14181b;flex-shrink:0;flex-wrap:wrap}.compare-flow{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600}.compare-flow .meta{font-size:11px;color:var(--ui-text-muted);font-weight:400}.compare-tag{font-size:10px;font-weight:800;border-radius:4px;padding:1px 6px;letter-spacing:.04em;flex-shrink:0}.compare-tag.a{background:#14283b;color:#6fb7ff}.compare-tag.b{background:#3b2914;color:#ffb46f}.compare-summary{font-size:12px;color:var(--ui-text-muted)}.compare-grid-row{display:flex;gap:30px;align-items:flex-start}.compare-col{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:12px;border:1px solid transparent}.compare-col.selected{border-color:var(--primary-green);background:#2eff000a}.compare-placeholder{border:1px dashed #2b3237;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--ui-text-faint);font-size:13px;text-align:center;padding:12px}.diff-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 7px}.diff-badge.equal{background:#1b2226;color:var(--ui-text-muted)}.diff-badge.changed{background:#3a2f13;color:var(--warning)}.diff-badge.added{background:#123a20;color:var(--primary-green)}.diff-badge.removed{background:#3a1620;color:#ff8ba0}.compare-col .canvas-frame.changed{border-color:var(--warning)}.compare-col .canvas-frame.added{border-color:var(--primary-green)}.compare-col .canvas-frame.removed{border-color:#ff8ba0}.diff-paths{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--warning);line-height:1.7;word-break:break-all}.diff-json-cols{display:flex;gap:10px;min-height:0;flex:1}.diff-json-cols pre{flex:1;min-width:0;overflow:auto;margin:0;background:#0b0e10;border:1px solid #2b3237;border-radius:8px;padding:10px;font-size:11px;line-height:1.5;color:#9fe6ad}.phone{width:390px;height:844px;background:var(--bg-surface-primary);border-radius:46px;border:10px solid #1c2126;box-shadow:0 30px 80px #0009;overflow:hidden;position:relative;transform-origin:center}.phone-scale{transform:scale(var(--phone-scale, .86))}.phone .notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-radius:0 0 18px 18px;z-index:50}.phone-viewport{width:100%;height:100%;overflow-y:auto;position:relative}