:root{--bg: #0f172a;--panel: #111827;--panel-2: #1e293b;--line: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #10b981;--accent-ink: #052e1f;--danger: #f87171;--paper: #ffffff;--band-line: #cbd5e1;--select: #2563eb;--solo: #b45309;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.link{background:none;border:none;color:var(--muted);padding:0;text-decoration:underline}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{margin-right:6px;color:var(--accent)}.brand span{color:var(--text);font-weight:500}.group{display:flex;gap:4px;align-items:center}.group.right{margin-left:auto}.zoom{min-width:3.5em;text-align:center;color:var(--muted)}.dropdown{position:relative}.menu{position:absolute;top:110%;left:0;z-index:10;min-width:220px;max-height:50vh;overflow:auto;list-style:none;margin:0;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.menu li button{width:100%;text-align:left;background:none;border:none}.menu li button:hover{background:var(--panel)}.assistant{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;background:var(--panel-2);border-bottom:1px solid var(--line)}.assistant input{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--bg)}.assistant.proposal{background:#10b9811f;border-bottom-color:#10b98180;justify-content:space-between}.assistant.proposal ul{margin:4px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}.assistant .actions{display:flex;gap:6px;white-space:nowrap}.el.proposed{outline:2px solid var(--accent);z-index:2}.workspace{display:grid;grid-template-columns:1fr 300px;min-height:0}.workspace>.xml,.workspace>.empty{grid-column:1 / -1}.canvas-scroll{overflow:auto;padding:32px 32px 32px 180px;background:#0b1220}.page{position:relative;background:var(--paper);color:#000;box-shadow:0 4px 24px #00000080}.band{position:relative;border-bottom:1px dashed var(--band-line)}.band.selected{background:#2563eb0f}.band-label{position:absolute;right:calc(100% + 12px);top:0;white-space:nowrap;font-size:12px;color:var(--muted);pointer-events:none}.band.selected .band-label{color:var(--text)}.band-handle{position:absolute;left:0;right:0;bottom:-4px;height:8px;cursor:ns-resize;z-index:2}.band-handle:hover{background:#10b98159}.el{position:absolute;overflow:hidden;cursor:move;-webkit-user-select:none;user-select:none;outline:1px dotted rgb(100 116 139 / .6);line-height:1.15}.el .txt{display:block;white-space:pre-wrap}.el .expr{font-family:ui-monospace,Menlo,Consolas,monospace;color:#1d4ed8;font-size:.9em}.el-frame{border:1px solid #000;overflow:visible}.el-table,.el-list{overflow:visible}.table-cell{position:absolute;outline:1px dashed #cbd5e1}.table-detail{background:#3b82f60a}.list-contents{position:absolute;left:0;top:0;outline:1px dashed #94a3b8;background:#3b82f60a}.table-column{border-left:2px solid var(--line);padding-left:8px;margin-bottom:6px}.row.wrap{flex-wrap:wrap}.el-rectangle{overflow:visible}.el-ellipse{border-radius:50%}.el .line{width:100%;height:100%;overflow:visible}.el .line line{vector-effect:non-scaling-stroke}.el-line{overflow:visible;min-height:1px;min-width:1px}.el .placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;color:#475569;background:repeating-linear-gradient(45deg,#f1f5f9 0 6px,#e2e8f0 6px 12px)}.el.solo{outline:1px dashed var(--solo)}.el.solo:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-45deg,rgb(180 83 9 / .08) 0 5px,transparent 5px 10px)}.solo-badge{position:absolute;top:0;right:0;z-index:1;font:600 9px/1 system-ui;padding:2px 3px;background:var(--solo);color:#fff;border-bottom-left-radius:3px}.el.selected{outline:2px solid var(--select);z-index:3}.eval-badge{position:absolute;left:0;top:0;z-index:1;font:9px/1 system-ui;padding:1px 2px;background:#1d4ed8;color:#fff;border-bottom-right-radius:3px}.hint.warn{color:#fbbf24}.check{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text);margin-bottom:6px;cursor:pointer}.check input{accent-color:var(--accent)}.prop{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:6px;align-items:center;margin-bottom:6px;font-size:12px}.prop input{min-width:0;padding:4px 6px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px}.barcode{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.barcode .bars{flex:1;background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 3px,#000 3px 4px,transparent 4px 7px)}.barcode.matrix .bars{flex:1;aspect-ratio:1;margin:0 auto;max-width:100%;background:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0 / 6px 6px}.barcode .code{font:9px/1.2 ui-monospace,Menlo,Consolas,monospace;text-align:center;color:#334155}.barcode.undrawn .bars{opacity:.25}.prop-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;z-index:4;background:var(--select);border:2px solid #fff;border-radius:2px;cursor:nwse-resize}.props{overflow:auto;padding:14px;background:var(--panel);border-left:1px solid var(--line)}.props h2{margin:0 0 12px;font-size:15px}.props h3{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:10px;font-size:12px;color:var(--muted);flex:1}.field input,.field select,.field textarea{width:100%;padding:5px 7px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.field input[type=color]{width:42px;height:30px;padding:2px}.color-row{display:flex;align-items:center;gap:8px}.grid4{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.row{display:flex;gap:10px}.toggles{margin-bottom:10px}.toggle{width:34px;font-weight:700}.toggle.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.toggle.wide{width:auto;font-weight:500;font-size:12px;padding:3px 7px}.sides{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.fields{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.fields button{font-size:12px;padding:2px 8px;font-family:ui-monospace,Menlo,Consolas,monospace}.hint{font-size:12px;color:var(--muted)}.hint.id{margin-top:16px;font-family:ui-monospace,Menlo,Consolas,monospace}.notice{font-size:13px;padding:10px;border-radius:8px;background:#b4530926;border:1px solid rgb(180 83 9 / .5)}.xml{width:100%;height:100%;resize:none;border:0;padding:16px;outline:none;background:#0b1220;color:var(--text);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.status{display:flex;justify-content:space-between;gap:12px;padding:6px 12px;font-size:12px;background:var(--panel);border-top:1px solid var(--line);color:var(--muted)}.status.error{color:var(--danger)}.env{white-space:nowrap}.empty,.gate{max-width:560px;margin:12vh auto;padding:0 16px}.empty h1,.gate h1{font-size:22px}.gate a{color:var(--accent)}.gate form{display:flex;gap:8px}.gate input{flex:1;padding:7px 10px;border-radius:6px;border:1px solid var(--line);background:var(--panel)}.gate .status{background:none;border:0;padding:8px 0}.dialects{display:flex;gap:2px;margin-right:8px;font-size:12px}.dialects a,.dialects span{padding:3px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);text-decoration:none}.dialects a:hover{color:var(--text)}.dialects .on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.app.flow-app{grid-template-rows:auto 1fr auto}.flow-app .canvas-scroll{padding:32px}.flow{width:8in;max-width:100%;margin:0 auto;background:var(--paper);color:#000;box-shadow:0 4px 24px #00000080}.flow-section{position:relative;padding:22px 12px 12px;border-bottom:1px dashed var(--band-line);min-height:48px}.flow-section.selected{background:#2563eb0f}.flow-section>.band-label{position:absolute;left:6px;right:auto;top:3px;font-size:11px;color:#64748b}.flow-empty{color:#94a3b8;font-size:12px;font-style:italic}.bi{position:relative;padding:2px 4px;margin:1px 0;min-height:1.4em;cursor:pointer;font-size:10pt}.bi:hover{outline:1px solid rgb(37 99 235 / .35)}.bi.selected{outline:2px solid var(--select);z-index:1}.bi .expr{font-family:ui-monospace,Consolas,monospace;color:#1d4ed8}.bi .placeholder{color:#64748b;font-style:italic}.bi.solo{outline:1px dashed var(--solo);background:repeating-linear-gradient(-45deg,rgb(180 83 9 / .08) 0 5px,transparent 5px 10px)}.bi.solo.selected{outline:2px solid var(--select)}.bi .solo-badge{position:static;display:inline-block;border-radius:3px}.bi-grid{padding:2px}.bi-cells{border-collapse:collapse;table-layout:fixed}.grid-handle{display:block;margin:0 0 2px;padding:0 5px;font:10px/1.6 system-ui;color:#475569;background:#e2e8f0;border:0;border-radius:3px}.grid-handle:hover:not(:disabled){background:#cbd5e1;color:#0f172a}.bi-grid.selected>.grid-handle{background:var(--select);color:#fff}.bi-cells td{border:1px dotted #94a3b8;vertical-align:top;padding:6px;cursor:cell;min-width:24px;height:1.6em}.bi-cells .band-row th{font:600 9px/1.6 system-ui;text-align:left;color:#64748b;background:#f1f5f9;padding:0 5px;border:1px dotted #94a3b8}.bi-cells .band-detail .band-row th{background:#e0f2fe;color:#0369a1}.bi-cells .band-group-header .band-row th,.bi-cells .band-group-footer .band-row th{background:#fef3c7;color:#92400e}.list-band{border:1px dotted #94a3b8;border-top:0;padding:0 4px 4px;cursor:cell;min-height:1.6em}.list-band:first-of-type{border-top:1px dotted #94a3b8}.list-band>.band-row{font:600 9px/1.6 system-ui;color:#64748b;background:#f1f5f9;margin:0 -4px 2px;padding:0 5px}.list-band.band-detail>.band-row{background:#e0f2fe;color:#0369a1}.list-band.band-group-header>.band-row,.list-band.band-group-footer>.band-row{background:#fef3c7;color:#92400e}.list-band.selected,.bi-cells td.selected{outline:2px solid #f59e0b;outline-offset:-2px;background:#f59e0b14}.prop form,form.prop{display:flex;gap:4px;align-items:center}form.prop input{min-width:0;flex:1}@media(max-width:800px){.workspace{grid-template-columns:1fr;grid-template-rows:1fr auto}.props{border-left:0;border-top:1px solid var(--line);max-height:40vh}.canvas-scroll{padding-left:120px}}