.infographic-page{max-width:1680px}.ig-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0 20px}.ig-heading h1{font-size:30px;margin:10px 0}.ig-heading p:not(.guide-eyebrow){color:var(--g-dim);font-size:14px}.ig-heading>a{font-size:13px;color:var(--g-accent);white-space:nowrap}.ig-actions{display:flex;flex-wrap:wrap;gap:8px}.guide-page .ig-actions button,.ig-file{font-size:12px;padding:11px 16px}.guide-page button.ig-secondary,.ig-file{background:#ffffff08;color:var(--g-ink);border:1px solid var(--g-line);border-radius:8px;cursor:pointer}.ig-file input{display:none}#ig-status{font-size:12px;min-height:20px;color:var(--g-accent);line-height:1.7}.ig-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.ig-controls{min-width:0}.ig-controls details{border:1px solid var(--g-line);border-radius:12px;margin:0 0 12px;background:#ffffff03;overflow:hidden}.ig-controls summary{padding:16px;font-size:13px;font-weight:600;cursor:pointer}.ig-fields{display:grid;gap:12px;padding:0 16px 18px}.ig-fields label{display:grid;gap:7px;font-size:12px;color:var(--g-dim)}.ig-fields input,.ig-fields select,.ig-fields textarea{width:100%;box-sizing:border-box;font-size:13px;padding:10px!important;color:var(--g-ink);background:#111a22;border:1px solid #ffffff25;border-radius:7px;font-family:inherit}.ig-fields textarea{resize:vertical;line-height:1.7}.ig-fields input[type=range]{padding:0!important;accent-color:var(--g-accent)}.ig-fields h3{font-size:12px;color:var(--g-accent);margin:8px 0 0}.ig-hint{font-size:12px;color:var(--g-dim);line-height:1.8;margin:0 16px 14px}.ig-preview{position:sticky;top:100px;min-width:0;border:1px solid var(--g-line);background:#0c131b;border-radius:12px;padding:16px;overflow:hidden}.ig-preview-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:var(--g-dim);margin-bottom:16px}#ig-canvas{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 15px 40px #0005}.ig-preview>.ig-hint{margin:14px 0 0}.ig-module{display:flex;align-items:center;gap:8px;margin:0 16px 10px}.ig-module label{font-size:12px;flex:1;display:flex;align-items:center;gap:8px}.ig-module input{accent-color:var(--g-accent)}.guide-page .ig-module button{padding:5px 10px;font-size:12px;background:#ffffff08;color:var(--g-dim);border:1px solid var(--g-line)}.ig-controls button:disabled,.ig-actions button:disabled{opacity:.35;cursor:default}.ig-controls details[hidden]{display:none}.ig-score{display:flex!important;align-items:center;gap:12px!important}.ig-score input{flex:1}.ig-score output{min-width:26px;text-align:right}.ig-login{display:inline-block;font-size:12px;color:var(--g-accent)!important;margin:0 16px 18px}@media(max-width:1100px){.ig-workspace{grid-template-columns:290px minmax(0,1fr)}.ig-preview{top:90px;padding:10px}.ig-preview-heading{font-size:9px;letter-spacing:0}}@media(max-width:760px){.ig-heading{display:block;padding-top:24px}.ig-heading h1{font-size:24px}.ig-heading>a{display:inline-block;margin:6px 0}.ig-workspace{display:flex;flex-direction:column}.ig-preview{position:static;order:-1;width:100%;box-sizing:border-box}.ig-controls{width:100%}.ig-actions{gap:6px}.guide-page .ig-actions button,.ig-file{padding:10px;font-size:11px}.ig-preview-heading{font-size:9px}.ig-preview>.ig-hint{font-size:11px}}

#ig-stage{position:relative}#ig-board-layer{position:absolute;inset:0;pointer-events:none}.ig-text-target,.ig-board-handle{position:absolute!important;box-sizing:border-box!important;pointer-events:auto!important;margin:0!important;min-width:0!important;border:1px solid transparent!important;border-radius:3px!important;padding:0!important;background:transparent!important;box-shadow:none!important}.ig-text-target{cursor:text!important;z-index:2}.ig-text-target:hover,.ig-text-target:focus-visible{border:1px dashed #c9f47a!important;background:#c9f47a10!important;outline:none!important}.guide-page .ig-board-handle{z-index:3;text-align:right;font-size:clamp(9px,1vw,16px)!important;color:transparent!important;cursor:grab!important;touch-action:none}.guide-page .ig-board-handle:hover,.guide-page .ig-board-handle.is-selected,.guide-page .ig-board-handle:focus-visible{border:1px dashed #c9f47a!important;color:#c9f47a!important;background:#23463190!important;outline:none!important}.ig-drag-ghost{position:absolute;pointer-events:none;opacity:.9;z-index:5;outline:2px solid #c9f47a;box-shadow:0 6px 24px #0008}.ig-board-handle:active{cursor:grabbing!important}#ig-inline-editor{position:absolute;z-index:8;background:#16232d;border:1px solid #c9f47a;border-radius:8px;padding:8px;box-sizing:border-box;box-shadow:0 8px 32px #0009}#ig-inline-editor[hidden]{display:none}#ig-inline-editor textarea{box-sizing:border-box;width:100%;font:inherit;font-size:14px;line-height:1.7;color:#eef4ee;background:#0d1820;border:1px solid #ffffff30;border-radius:4px;padding:8px;resize:vertical;min-height:90px}#ig-inline-editor>div{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}#ig-inline-editor button{font-size:12px;padding:7px 14px}

.guide-page .ig-board-handle{min-height:18px}

.ig-slot-fields{display:grid;gap:12px;padding:0 10px 12px}.ig-fields .ig-slot-fields label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.ig-fields input[type=checkbox]{width:auto}.ig-candidate-row{display:flex;gap:6px;align-items:end;min-width:0}.ig-candidate-row label{flex:1;min-width:0}.guide-page .ig-slot-fields button{padding:8px 10px;font-size:12px}.ig-candidate-row button{background:#ffffff0a;color:var(--g-dim)}

.guide-page .ig-slot-toggle{position:absolute;pointer-events:auto;z-index:3;padding:0;background:transparent;border:1px dashed transparent;cursor:pointer;min-height:16px}.guide-page .ig-slot-toggle:hover,.guide-page .ig-slot-toggle:focus-visible{border-color:var(--g-accent);outline:none}

#ig-editor-workspace[hidden],#ig-auth-gate[hidden],.ig-controls details[hidden]{display:none!important}#ig-script-source{font-family:ui-monospace,monospace;font-size:11px;white-space:pre;tab-size:2}#ig-script-controls:empty{display:none}#ig-script-controls{border:1px solid var(--g-line);border-radius:12px;padding:16px;margin-bottom:12px}#ig-script-controls label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}#ig-script-panel pre{font-size:10px;padding:12px;white-space:pre-wrap}