.CustomUiVisual-module__IxA3sa__demo{width:270px;height:250px;margin:0 auto;position:relative}.CustomUiVisual-module__IxA3sa__canvas{transform-origin:0 0;width:540px;height:500px;position:absolute;inset:0 auto auto 0;transform:scale(.5)}.CustomUiVisual-module__IxA3sa__document{border:1px solid var(--color-line-warm);width:300px;height:380px;box-shadow:var(--shadow-demo);background:#fff;border-radius:16px;position:absolute;top:60px;left:0;overflow:hidden}.CustomUiVisual-module__IxA3sa__content{color:var(--color-ink-warm);padding:16px 20px;font-size:10.5px;line-height:1.6}.CustomUiVisual-module__IxA3sa__content h3{font-family:var(--font-display);font-size:16px;font-weight:600}.CustomUiVisual-module__IxA3sa__eyebrow{font-family:var(--font-mono-editorial);text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-faint);margin:4px 0 18px;font-size:8.5px}.CustomUiVisual-module__IxA3sa__replaceable{position:relative}.CustomUiVisual-module__IxA3sa__layer{opacity:0;transition:opacity .26s var(--ease-out),transform .26s var(--ease-out);position:absolute;inset:0;transform:translateY(5px)scale(.95)}.CustomUiVisual-module__IxA3sa__layer[data-visible=true]{opacity:1;transform:translateY(0)scale(1)}.CustomUiVisual-module__IxA3sa__toolbar{height:32px;margin-bottom:19px}.CustomUiVisual-module__IxA3sa__defaultToolbar,.CustomUiVisual-module__IxA3sa__customToolbar{border:1px solid var(--color-line-warm);background:var(--color-paper-ivory);border-radius:5px;align-items:center;gap:12px;height:100%;padding:0 9px;font-size:9px;display:flex}.CustomUiVisual-module__IxA3sa__defaultToolbar>span,.CustomUiVisual-module__IxA3sa__customToolbar>span{align-items:center;gap:4px;display:inline-flex}.CustomUiVisual-module__IxA3sa__toolbarDivider{background:var(--color-line-warm);width:1px;height:13px}.CustomUiVisual-module__IxA3sa__customToolbar{background:#faf7ff;border-color:#d8c9ed;gap:9px;padding:0 5px}.CustomUiVisual-module__IxA3sa__boldButton{color:#fff;background:#6b3fb8;border-radius:4px;padding:3px 6px}.CustomUiVisual-module__IxA3sa__toolbarComment{color:#6b3fb8;margin-left:auto}.CustomUiVisual-module__IxA3sa__sentence mark{color:inherit;background:#f3e5bb;padding:0 1px}.CustomUiVisual-module__IxA3sa__renewal{margin-top:15px}.CustomUiVisual-module__IxA3sa__revision{width:149px;height:19px}.CustomUiVisual-module__IxA3sa__defaultMarkup{color:#1f7a3a}.CustomUiVisual-module__IxA3sa__defaultMarkup ins{text-underline-offset:2px}.CustomUiVisual-module__IxA3sa__customMarkup del,.CustomUiVisual-module__IxA3sa__styleSamples del{color:#b44b5a;background:#fae9ec;padding:1px 2px;text-decoration-thickness:1px}.CustomUiVisual-module__IxA3sa__customMarkup ins,.CustomUiVisual-module__IxA3sa__styleSamples ins{color:#6b3fb8;text-underline-offset:3px;background:#eee5fa;padding:1px 2px;text-decoration-style:dashed}.CustomUiVisual-module__IxA3sa__note{color:var(--color-ink-mute);margin-top:22px}.CustomUiVisual-module__IxA3sa__components{width:200px;position:absolute;top:82px;left:330px}.CustomUiVisual-module__IxA3sa__componentLabel{font-family:var(--font-mono-editorial);text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-faint);margin-bottom:8px;font-size:9px}.CustomUiVisual-module__IxA3sa__card{border:1px solid var(--color-line-warm);border-left:2px solid var(--color-gold);box-shadow:var(--shadow-card);color:var(--color-ink-soft);background:#fff;border-radius:12px;padding:12px;font-size:10.5px;line-height:1.4}.CustomUiVisual-module__IxA3sa__cardHeading{color:var(--color-ink-warm);align-items:center;gap:8px;margin-bottom:8px;display:flex}.CustomUiVisual-module__IxA3sa__cardHeading b{font-family:var(--font-mono-editorial);font-size:10px;font-weight:600}.CustomUiVisual-module__IxA3sa__avatar,.CustomUiVisual-module__IxA3sa__defaultAvatar{color:#fff;background:#6b3fb8;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.CustomUiVisual-module__IxA3sa__defaultAvatar{background:#1f7a3a}.CustomUiVisual-module__IxA3sa__commentCard{height:113px;margin-bottom:20px}.CustomUiVisual-module__IxA3sa__reviewCard{height:136px}.CustomUiVisual-module__IxA3sa__commentCard .CustomUiVisual-module__IxA3sa__card,.CustomUiVisual-module__IxA3sa__reviewCard .CustomUiVisual-module__IxA3sa__card{height:100%}.CustomUiVisual-module__IxA3sa__defaultCard{border-left-color:#1f7a3a}.CustomUiVisual-module__IxA3sa__customCard{background:#fefbff;border-left-color:#6b3fb8;border-radius:16px}.CustomUiVisual-module__IxA3sa__customAvatar{color:#6b3fb8;background:#eee5fa;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:8px;font-weight:600;display:grid}.CustomUiVisual-module__IxA3sa__styleSamples,.CustomUiVisual-module__IxA3sa__defaultSamples{gap:5px;margin-top:12px;font-size:9px;display:flex}.CustomUiVisual-module__IxA3sa__defaultSamples{color:#1f7a3a}.CustomUiVisual-module__IxA3sa__styleNote{color:var(--color-ink-faint);margin-top:12px;font-size:8px}.CustomUiVisual-module__IxA3sa__commentActions,.CustomUiVisual-module__IxA3sa__reviewActions{color:#6b3fb8;align-items:center;gap:10px;margin-top:12px;font-size:9px;display:flex}.CustomUiVisual-module__IxA3sa__commentActions>span,.CustomUiVisual-module__IxA3sa__reviewActions>span{align-items:center;gap:3px;display:inline-flex}.CustomUiVisual-module__IxA3sa__defaultActions{color:var(--color-ink-faint);margin-top:12px;font-size:9px}.CustomUiVisual-module__IxA3sa__reviewActions{gap:6px}.CustomUiVisual-module__IxA3sa__reviewActions>span{color:#fff;background:#6b3fb8;border-radius:4px;padding:4px 7px}.CustomUiVisual-module__IxA3sa__reviewActions>span:last-child{color:#6b3fb8;background:#6b3fb812}.CustomUiVisual-module__IxA3sa__darkToolbar{color:#e6edf5;background:#202d3d;border-radius:16px;align-items:center;gap:12px;height:100%;padding:0 6px;font-size:9px;display:flex}.CustomUiVisual-module__IxA3sa__darkToolbar>span{align-items:center;gap:4px;display:inline-flex}.CustomUiVisual-module__IxA3sa__darkToolbar .CustomUiVisual-module__IxA3sa__toolbarDivider{background:#475569}.CustomUiVisual-module__IxA3sa__darkBold{color:#172637;background:#7dd3fc;border-radius:50%;padding:4px}.CustomUiVisual-module__IxA3sa__darkComment{color:#7dd3fc;margin-left:auto;padding-right:3px}.CustomUiVisual-module__IxA3sa__darkMarkup del{color:#a45e2e;background:#fff0de;padding:1px 2px}.CustomUiVisual-module__IxA3sa__darkMarkup ins{color:#0f7787;text-underline-offset:2px;background:#e0f4f5;padding:1px 2px;text-decoration-style:double}.CustomUiVisual-module__IxA3sa__darkCard{color:#d9e3ee;background:#202d3d;border-color:#344458 #344458 #344458 #7dd3fc;border-radius:6px}.CustomUiVisual-module__IxA3sa__darkCard .CustomUiVisual-module__IxA3sa__cardHeading{color:#f5f8fc}.CustomUiVisual-module__IxA3sa__darkCard .CustomUiVisual-module__IxA3sa__styleNote{color:#a2b0c1}.CustomUiVisual-module__IxA3sa__darkAvatar{color:#7dd3fc;border:1px solid #64798f;border-radius:4px;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.CustomUiVisual-module__IxA3sa__roleLabel{color:#a2b0c1;margin-left:auto;font-size:7px}.CustomUiVisual-module__IxA3sa__darkCommentActions{color:#7dd3fc;border-top:1px solid #344458;justify-content:space-between;margin-top:12px;padding-top:7px;font-size:8px;display:flex}.CustomUiVisual-module__IxA3sa__darkCommentActions>span{align-items:center;gap:3px;display:inline-flex}.CustomUiVisual-module__IxA3sa__darkSamples{gap:5px;margin-top:12px;font-size:9px;display:flex}.CustomUiVisual-module__IxA3sa__darkSamples del{color:#fdba74;background:#3c2e29;padding:1px 2px}.CustomUiVisual-module__IxA3sa__darkSamples ins{color:#7dd3fc;text-underline-offset:2px;background:#1c3644;padding:1px 2px;text-decoration-style:double}.CustomUiVisual-module__IxA3sa__darkReviewActions{gap:6px;margin-top:12px;font-size:9px;display:flex}.CustomUiVisual-module__IxA3sa__darkReviewActions>span{color:#172637;background:#7dd3fc;border-radius:3px;align-items:center;gap:3px;padding:4px 7px;display:inline-flex}.CustomUiVisual-module__IxA3sa__darkReviewActions>span:last-child{color:#e6edf5;background:#344458}.CustomUiVisual-module__IxA3sa__controls{align-items:center;gap:8px;display:flex;position:absolute;bottom:0;right:0}.CustomUiVisual-module__IxA3sa__steps{gap:10px;display:flex}.CustomUiVisual-module__IxA3sa__steps button{cursor:pointer;min-height:32px;color:var(--color-ink-faint);font-size:9px}.CustomUiVisual-module__IxA3sa__steps button[aria-pressed=true]{color:#6b3fb8;text-underline-offset:4px;text-decoration:underline}.CustomUiVisual-module__IxA3sa__playback{cursor:pointer;min-height:32px;color:var(--color-ink-mute);align-items:center;gap:4px;padding:0 4px;font-size:9px;display:inline-flex}.CustomUiVisual-module__IxA3sa__steps button,.CustomUiVisual-module__IxA3sa__playback{transition:transform .16s var(--ease-out)}.CustomUiVisual-module__IxA3sa__steps button:active:not(:focus-visible),.CustomUiVisual-module__IxA3sa__playback:active:not(:focus-visible){transform:scale(.97)}.CustomUiVisual-module__IxA3sa__steps button:focus-visible,.CustomUiVisual-module__IxA3sa__playback:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #6b3fb8}.CustomUiVisual-module__IxA3sa__demo[data-instant=true] .CustomUiVisual-module__IxA3sa__layer{transition:none}@media (min-width:384px){.CustomUiVisual-module__IxA3sa__demo{width:324px;height:300px}.CustomUiVisual-module__IxA3sa__canvas{transform:scale(.6)}}@media (min-width:640px){.CustomUiVisual-module__IxA3sa__demo{width:432px;height:400px}.CustomUiVisual-module__IxA3sa__canvas{transform:scale(.8)}}@media (min-width:768px){.CustomUiVisual-module__IxA3sa__demo{width:486px;height:450px}.CustomUiVisual-module__IxA3sa__canvas{transform:scale(.9)}}@media (min-width:1024px){.CustomUiVisual-module__IxA3sa__demo{width:540px;height:500px}.CustomUiVisual-module__IxA3sa__canvas{transform:none}}@media (hover:hover) and (pointer:fine){.CustomUiVisual-module__IxA3sa__playback:hover,.CustomUiVisual-module__IxA3sa__steps button:hover{color:#6b3fb8}}@media (prefers-reduced-motion:reduce){.CustomUiVisual-module__IxA3sa__layer{transition:opacity .16s var(--ease-out);transform:none!important}.CustomUiVisual-module__IxA3sa__steps button,.CustomUiVisual-module__IxA3sa__playback{transition:none;transform:none!important}}
