.designer-page{width:100%;box-sizing:border-box}.designer-page__main{width:100%;max-width:1200px;box-sizing:border-box;margin-left:auto;margin-right:auto;padding:1rem 20px 2rem}@media(min-width:768px){.designer-page__main{padding:1rem 20px 2rem}}.designer{display:grid;grid-template-columns:220px 1fr 300px;gap:16px;margin:1rem 0 2rem;font-family:inter,system-ui,sans-serif;color:#262424;align-items:stretch}html.dark .designer,.dark .designer{color:#ededed}@media(max-width:1100px){.designer{grid-template-columns:180px 1fr}.designer__inspector{grid-column:1/-1}}@media(max-width:720px){.designer{grid-template-columns:1fr}}.designer__palette,.designer__inspector{background:#fff;border:1px solid rgba(0,0,0,8%);border-radius:8px;padding:14px;font-size:13px;min-height:600px;align-self:stretch}html.dark .designer__palette,.dark .designer__palette,html.dark .designer__inspector,.dark .designer__inspector{background:#1f1f1f;border-color:rgba(255,255,255,.1)}.designer__palette-title,.designer__inspector-title{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6d6666}html.dark .designer__palette-title,.dark .designer__palette-title,html.dark .designer__inspector-title,.dark .designer__inspector-title{color:#b5b5b5}.designer__palette-title:not(:first-child){margin-top:14px}.designer__palette-search{position:relative;display:flex;align-items:center;margin:0 0 10px}.designer__palette-search svg{position:absolute;left:10px;color:#8a8a8a;pointer-events:none}.designer__palette-search input{width:100%;box-sizing:border-box;padding:6px 10px 6px 30px;font:inherit;font-size:13px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;color:inherit;outline:none;transition:border-color 100ms ease,box-shadow 100ms ease}.designer__palette-search input:focus{border-color:#555f8e;box-shadow:0 0 0 2px rgba(85,95,142,.18)}html.dark .designer__palette-search input,.dark .designer__palette-search input{background:#2a2a2a;border-color:rgba(255,255,255,.12)}.designer__palette-item[hidden],.designer__palette-title[hidden]{display:none}.designer__palette-list{display:flex;flex-direction:column;gap:6px}.designer__palette-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(0,0,0,8%);border-radius:6px;background:#fafafa;color:inherit;cursor:grab;text-align:left;font:inherit;transition:background 120ms ease,border-color 120ms ease,transform 120ms ease}.designer__palette-item:hover{background:#fff;border-color:var(--rete-node-color,#555f8e);transform:translateY(-1px)}.designer__palette-item:active{cursor:grabbing}html.dark .designer__palette-item,.dark .designer__palette-item{background:#262626;border-color:rgba(255,255,255,.1)}html.dark .designer__palette-item:hover,.dark .designer__palette-item:hover{background:#2a2a2a}.designer__palette-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--rete-node-color,#6b7280);flex-shrink:0}.designer__palette-swatch--group{background:0 0;border:2px dashed #d1d1d1}html.dark .designer__palette-swatch--group,.dark .designer__palette-swatch--group{border-color:rgba(255,255,255,.3)}.designer__palette-label{font-weight:600;font-size:13px}.designer__hints{margin:0;padding-left:18px;font-size:12px;line-height:1.5;color:#6d6666}html.dark .designer__hints,.dark .designer__hints{color:#b5b5b5}.designer__hints kbd{font-family:inherit;font-size:11px;padding:0 4px;border-radius:3px;border:1px solid rgba(0,0,0,.15);background:#f3f3f3}html.dark .designer__hints kbd,.dark .designer__hints kbd{background:#2a2a2a;border-color:rgba(255,255,255,.15)}.designer__tips{margin-top:14px}.designer__tips-summary{list-style:none;cursor:help;user-select:none;display:inline-flex;align-items:center;gap:6px}.designer__tips-summary::-webkit-details-marker{display:none}.designer__tips-summary::after{content:'\25BE';font-size:10px;opacity:.6;transition:transform 120ms ease}.designer__tips[open] .designer__tips-summary::after,.designer__tips:hover .designer__tips-summary::after,.designer__tips:focus-within .designer__tips-summary::after{transform:rotate(180deg)}.designer__tips .designer__hints{display:none;margin-top:8px}.designer__tips[open] .designer__hints,.designer__tips:hover .designer__hints,.designer__tips:focus-within .designer__hints{display:block}.designer__canvas-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.designer__toolbar{display:flex;gap:6px;align-items:center;padding:6px;border:1px solid rgba(0,0,0,8%);border-radius:6px;background:#fff}html.dark .designer__toolbar,.dark .designer__toolbar{background:#1f1f1f;border-color:rgba(255,255,255,.1)}.designer__toolbar-spacer{flex:1}.designer__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:#fafafa;color:#262424;font:600 12px/1 inter,system-ui,sans-serif;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease}.designer__btn:hover{background:#fff;border-color:#555f8e;color:#555f8e}.designer__btn--primary{background:#555f8e;color:#fff;border-color:#555f8e}.designer__btn--primary:hover{background:#424b73;border-color:#424b73;color:#fff}.designer__btn[aria-pressed=true]{background:#555f8e;color:#fff;border-color:#555f8e}.designer__menu{position:relative;display:inline-flex}.designer__menu-toggle{gap:4px}.designer__menu-chevron{transition:transform 100ms ease;opacity:.85}.designer__menu.is-open .designer__menu-chevron{transform:rotate(180deg)}.designer__menu-list{position:absolute;top:calc(100% + 6px);right:0;z-index:30;margin:0;padding:6px;min-width:260px;list-style:none;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(20,11,59,.14)}html.dark .designer__menu-list,.dark .designer__menu-list{background:#1f1f1f;border-color:rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(0,0,0,.45)}.designer__menu-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:0 0;color:inherit;text-align:left;font:inherit;cursor:pointer}.designer__menu-item:hover,.designer__menu-item:focus-visible{background:rgba(85,95,142,.1);outline:none}.designer__menu-item-title{font-size:13px;font-weight:600}.designer__menu-item-desc{font-size:11.5px;color:#6d6666;line-height:1.35}html.dark .designer__menu-item-desc,.dark .designer__menu-item-desc{color:#a8a8a8}.designer__menu-item code{font-size:11px;padding:0 4px;border-radius:4px;background:rgba(0,0,0,6%)}html.dark .designer__menu-item code,.dark .designer__menu-item code{background:rgba(255,255,255,.1)}html.dark .designer__btn,.dark .designer__btn{background:#262626;color:#ededed;border-color:rgba(255,255,255,.15)}html.dark .designer__btn:hover,.dark .designer__btn:hover{background:#2a2a2a;color:#fff}.designer__canvas{flex:1;min-height:600px;margin:0}.designer__minimap{position:absolute;right:12px;bottom:12px;width:200px;height:140px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,8%);overflow:hidden;z-index:6;cursor:pointer;backdrop-filter:blur(2px)}html.dark .designer__minimap,.dark .designer__minimap{background:rgba(30,30,30,.9);border-color:rgba(255,255,255,.12)}.designer__minimap-svg{display:block;width:100%;height:100%}.designer__minimap-group{fill:rgba(85,95,142,6%);stroke:rgba(85,95,142,.45);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.designer__minimap-group-label{fill:rgba(85,95,142,.7);font:600 10px inter,system-ui,sans-serif;paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:2}html.dark .designer__minimap-group-label,.dark .designer__minimap-group-label{fill:rgba(180,190,230,.85);stroke:rgba(0,0,0,.6)}.designer__minimap-node-body{fill:#fff;stroke:rgba(0,0,0,.18);stroke-width:1;vector-effect:non-scaling-stroke}html.dark .designer__minimap-node-body,.dark .designer__minimap-node-body{fill:#2a2a2a;stroke:rgba(255,255,255,.18)}.designer__minimap-node-header{stroke:none}.designer__minimap-node-title{fill:#262424;font:600 10px inter,system-ui,sans-serif}html.dark .designer__minimap-node-title,.dark .designer__minimap-node-title{fill:#ededed}.designer__minimap-viewport{fill:rgba(245,158,11,.18);stroke:rgba(245,158,11,.9);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.designer__minimap-toggle{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;background:0 0;color:inherit;opacity:.55;cursor:pointer;font:600 12px/1 inter,system-ui,sans-serif;padding:0}.designer__minimap-toggle:hover{opacity:1}.designer__minimap.is-collapsed{width:28px;height:28px;cursor:pointer}.designer__minimap.is-collapsed .designer__minimap-svg{display:none}.designer__minimap.is-collapsed .designer__minimap-toggle{inset:0;width:100%;height:100%;opacity:.85}.designer__icon-collapse{display:none}.designer.is-fullscreen .designer__icon-expand{display:none}.designer.is-fullscreen .designer__icon-collapse{display:inline-block}.designer.is-fullscreen{position:fixed;inset:0;z-index:10000;margin:0;padding:12px;background:var(--rete-bg,#fafafa);grid-template-rows:1fr;overflow:hidden}html.dark .designer.is-fullscreen,.dark .designer.is-fullscreen{background:#1a1a1a}.designer.is-fullscreen .designer__palette,.designer.is-fullscreen .designer__inspector{min-height:0;height:100%;overflow:auto}.designer.is-fullscreen .designer__canvas-wrap{height:100%;min-height:0}.designer.is-fullscreen .designer__canvas{flex:1;min-height:0}body.designer-fs-lock{overflow:hidden}.designer__source{border:1px solid rgba(0,0,0,8%);border-radius:6px;background:#fff;padding:6px 10px;font-size:12px}html.dark .designer__source,.dark .designer__source{background:#1f1f1f;border-color:rgba(255,255,255,.1)}.designer__source summary{cursor:pointer;font-weight:600;color:#6d6666}html.dark .designer__source summary,.dark .designer__source summary{color:#b5b5b5}.designer__source pre{margin:8px 0 4px;max-height:240px;overflow:auto;background:#fafafa;padding:10px;border-radius:4px;font-size:12px;line-height:1.4}html.dark .designer__source pre,.dark .designer__source pre{background:#161616;color:#ededed}.designer__inspector-body{font-size:13px}.designer__inspector-empty{margin:0;color:#6d6666;font-size:12px}html.dark .designer__inspector-empty,.dark .designer__inspector-empty{color:#b5b5b5}.designer__field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.designer__field label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6d6666}html.dark .designer__field label,.dark .designer__field label{color:#b5b5b5}.designer__field input,.designer__field select,.designer__field textarea{box-sizing:border-box;width:100%;padding:6px 8px;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:#fafafa;color:inherit;font:13px/1.3 inter,system-ui,sans-serif}.designer__field input:focus,.designer__field select:focus,.designer__field textarea:focus{outline:2px solid #555f8e;outline-offset:-1px;border-color:transparent}html.dark .designer__field input,.dark .designer__field input,html.dark .designer__field select,.dark .designer__field select,html.dark .designer__field textarea,.dark .designer__field textarea{background:#262626;border-color:rgba(255,255,255,.15);color:#ededed}.designer__field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer__danger{margin-top:10px;width:100%;padding:8px;border:1px solid rgba(220,38,38,.4);border-radius:4px;background:rgba(220,38,38,8%);color:#b91c1c;font:600 12px/1 inter,system-ui,sans-serif;cursor:pointer}.designer__danger:hover{background:#b91c1c;color:#fff}.designer__anchor{position:absolute;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:#555f8e;border:2px solid #fff;cursor:crosshair;z-index:4;box-shadow:0 0 0 1px rgba(0,0,0,.15);pointer-events:auto;opacity:.35;transition:opacity 100ms ease,transform 100ms ease}.designer__anchor:hover{opacity:1;transform:scale(1.5)}.designer__anchor-layer.is-connecting .designer__anchor{opacity:1}.designer__anchor--pending{background:#f59e0b;opacity:1}.rete-node.is-selected,.rete-group.is-selected{outline:2px solid #555f8e;outline-offset:2px}.rete-group.is-selected{outline-offset:-2px}.designer .rete-group{pointer-events:auto;cursor:move}.designer .rete-group-layer{pointer-events:auto}.designer .rete-connection{pointer-events:stroke;cursor:pointer}.designer .rete-connection--default{stroke-dasharray:none;animation:none}.designer .rete-connection.is-selected{stroke:#555f8e}.designer__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:10px 16px;border-radius:6px;background:#262424;color:#fff;font:500 13px/1.2 inter,system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease;z-index:10000}.designer__toast.is-visible{opacity:1;transform:translate(-50%,0)}.rete-node.rete-node--coupled{box-shadow:0 0 0 1px rgba(85,95,142,.35)inset}.designer.is-alt .rete-node.rete-node--coupled{box-shadow:0 0 0 2px rgba(245,158,11,.7)inset;cursor:alias}.designer__alt-hint{display:none;font:500 11px/1 inter,system-ui,sans-serif;color:#f59e0b;padding:0 8px}.designer.is-alt .designer__alt-hint{display:inline-flex;align-items:center;gap:4px}.designer__alt-hint kbd{font:inherit;padding:1px 5px;border-radius:3px;border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.1)}.designer__field-hint{font-weight:400;font-size:10px;color:#6d6666;margin-left:4px}html.dark .designer__field-hint,.dark .designer__field-hint{color:#b5b5b5}.designer__field-meta{margin:4px 0 0;font-size:11px;color:#6d6666}html.dark .designer__field-meta,.dark .designer__field-meta{color:#b5b5b5}.designer__inspector-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.designer__inspector-header .designer__inspector-title{margin:0}.designer__inspector-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:#fafafa;color:#6d6666;font:600 11px/1 inter,system-ui,sans-serif;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease}.designer__inspector-toggle:hover{background:#fff;color:#555f8e;border-color:#555f8e}html.dark .designer__inspector-toggle,.dark .designer__inspector-toggle{background:#262626;color:#b5b5b5;border-color:rgba(255,255,255,.15)}html.dark .designer__inspector-toggle:hover,.dark .designer__inspector-toggle:hover{background:#2a2a2a;color:#fff}.designer__icon-chevron-expand{display:none}.designer.is-inspector-collapsed .designer__icon-chevron-collapse{display:none}.designer.is-inspector-collapsed .designer__icon-chevron-expand{display:inline-block}.designer.is-inspector-collapsed{grid-template-columns:220px 1fr 36px}@media(max-width:1100px){.designer.is-inspector-collapsed{grid-template-columns:180px 1fr}}.designer.is-inspector-collapsed .designer__inspector{padding:8px 4px;min-height:0;align-self:start;overflow:hidden}.designer.is-inspector-collapsed .designer__inspector-header{flex-direction:column;gap:6px;margin:0}.designer.is-inspector-collapsed .designer__inspector-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px}.designer.is-inspector-collapsed .designer__inspector-toggle-label{display:none}.designer.is-inspector-collapsed .designer__inspector-body{display:none}.designer.is-fullscreen.is-inspector-collapsed{grid-template-columns:220px 1fr 36px}.designer__resize{position:absolute;width:10px;height:10px;background:#555f8e;border:1px solid #fff;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);opacity:0;pointer-events:none;transition:opacity 100ms ease;z-index:4}.designer .rete-group:hover .designer__resize,.designer .rete-group.is-selected .designer__resize{opacity:1;pointer-events:auto}.designer__resize--nw{top:-5px;left:-5px;cursor:nwse-resize}.designer__resize--ne{top:-5px;right:-5px;cursor:nesw-resize}.designer__resize--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.designer__resize--se{bottom:-5px;right:-5px;cursor:nwse-resize}.designer__resize--n{top:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}.designer__resize--s{bottom:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}.designer__resize--w{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.designer__resize--e{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}