/* Styles are scoped to .axc. No external fonts, images, CDN, or UI framework. */
.axc{position:relative;isolation:isolate;width:100%;height:min(100svh,1100px);min-height:560px;overflow:hidden;background:var(--brand-ink);color:var(--brand-white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}
.axc *, .axc *::before,.axc *::after{box-sizing:border-box}.axc button,.axc input{font:inherit}.axc button{touch-action:manipulation}.axc button:focus-visible,.axc input:focus-visible,.axc canvas:focus-visible{outline:2px solid var(--brand-teal);outline-offset:4px}.axc [hidden]{display:none!important}.axc-stage{position:absolute;inset:0;cursor:grab;touch-action:none}.axc-stage:active{cursor:grabbing}.axc-stage canvas{display:block;width:100%;height:100%;outline-offset:-5px!important}.axc-top{position:absolute;inset:27px 32px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none;z-index:3}.axc-signature{font-size:11px;line-height:1.65;letter-spacing:.22em;color:#f2f2f2;text-transform:uppercase}.axc-signature strong{display:block;letter-spacing:.06em;font-size:18px;font-weight:550;color:#f2f2f2}.axc-version{display:block;font-size:9px;letter-spacing:.15em;margin-top:5px;color:#0ab39c}.axc-top-actions{display:flex;gap:8px;pointer-events:auto}.axc-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--brand-surface);border-radius:12px;background:#343541;color:#f2f2f2;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.axc-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.axc-icon:hover{border-color:#0ab39c;background:#343541;color:#f2f2f2}.axc-icon[aria-pressed=true]{color:var(--brand-teal);border-color:#343541}.axc-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;flex-direction:column;gap:12px;width:max-content;max-width:calc(100% - 28px)}.axc-hint{font-size:10px;letter-spacing:.12em;color:#f2f2f2;text-align:center;line-height:1.7;pointer-events:none;display:flex;align-items:center;gap:10px}.axc-hint svg{width:16px;height:16px;stroke:#0ab39c;fill:none;stroke-width:1.2}.axc-controls{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--brand-surface);background:#343541;border-radius:15px;box-shadow:0 6px 35px #343541}.axc-controls button{border:0;border-radius:10px;background:transparent;color:#f2f2f2;padding:11px 15px;cursor:pointer;font-size:11px;white-space:nowrap;transition:background .18s,color .18s;min-height:40px}.axc-controls button:hover,.axc-controls button[aria-pressed=true]{background:#343541;color:#0ab39c}.axc-controls .axc-divider{width:1px;height:21px;background:var(--brand-surface);margin:0 2px}.axc-status{position:absolute;bottom:32px;left:33px;display:flex;align-items:center;gap:8px;color:#0ab39c;font-size:9px;letter-spacing:.15em;text-transform:uppercase;z-index:2;pointer-events:none}.axc-status-dot{width:5px;height:5px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 11px #0ab39c}.axc-note{position:absolute;right:32px;bottom:32px;font-size:9px;letter-spacing:.1em;color:#0ab39c;z-index:2;pointer-events:none}.axc-panel{position:absolute;top:84px;right:32px;width:326px;max-width:calc(100% - 32px);padding:22px;background:#343541;border:1px solid #343541;border-radius:16px;box-shadow:0 20px 70px #343541;z-index:5}.axc-panel h2{font-size:17px;font-weight:550;margin:0 0 20px;letter-spacing:-.02em}.axc-panel p{font-size:12px;line-height:1.7;color:#f2f2f2;margin:8px 0 16px}.axc-panel label{display:block;font-size:11px;font-weight:600;margin:18px 0 10px;color:#f2f2f2}.axc-panel input[type=file]{width:100%;font-size:11px;color:#f2f2f2}.axc-panel input[type=file]::file-selector-button{background:#343541;color:#f2f2f2;border:1px solid #343541;padding:10px 13px;border-radius:7px;margin-right:10px;cursor:pointer}.axc-panel input[type=range]{width:100%;accent-color:var(--brand-teal)}.axc-panel code{font-family:ui-monospace,monospace;font-size:11px;color:#0ab39c;overflow-wrap:anywhere}.axc-panel small{font-size:10px;color:#0ab39c;line-height:1.65;display:block}.axc-panel .axc-textbutton{background:transparent;border:1px solid #343541;color:#f2f2f2;padding:9px 12px;border-radius:7px;font-size:11px;cursor:pointer;margin:10px 0}.axc-toast{position:absolute;top:92px;left:50%;transform:translateX(-50%);z-index:4;background:#343541;border:1px solid #343541;border-radius:9px;padding:10px 17px;max-width:calc(100% - 40px);font-size:12px;color:#f2f2f2;text-align:center;pointer-events:none}.axc-fallback{position:absolute;inset:90px 30px 110px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#343541;z-index:1;text-align:center}.axc-fallback h2{font-size:22px;margin:0 0 7px}.axc-fallback p{font-size:13px;line-height:1.7;max-width:450px;color:#f2f2f2;margin:0 0 15px}.axc-fallback ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column-reverse;gap:8px;width:240px}.axc-fallback li{padding:14px 24px;border:1px solid #343541;border-radius:8px;font-size:14px}.axc-fallback li:nth-child(2){color:var(--brand-teal);border-color:var(--brand-teal);background:#343541}.axc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.axc-live{min-height:15px;color:#f2f2f2!important}
@media(max-width:760px){.axc{height:100svh;min-height:540px;max-height:960px}.axc-top{inset:20px 18px auto}.axc-signature{font-size:9px}.axc-signature strong{font-size:16px}.axc-version{font-size:8px}.axc-top-actions{gap:5px}.axc-icon{width:40px;height:40px}.axc-panel{top:74px;right:16px;width:320px}.axc-status{left:20px;bottom:14px;font-size:8px}.axc-note{right:20px;bottom:14px;font-size:8px}.axc-bottom{bottom:48px;gap:11px}.axc-hint{font-size:9px;letter-spacing:.05em}.axc-controls{gap:1px;padding:5px}.axc-controls button{font-size:10px;padding:10px 11px}.axc-toast{top:78px;font-size:11px}.axc-fallback{inset:88px 18px 138px}}@media(prefers-reduced-motion:reduce){.axc *{transition:none!important}}@media(max-height:580px) and (min-width:760px){.axc{min-height:410px}.axc-top{inset:15px 20px auto}.axc-bottom{bottom:12px}.axc-status,.axc-note{display:none}.axc-panel{top:65px}}

.axc-mobile-labels{position:absolute;inset:0;z-index:2;pointer-events:none}.axc-mobile-label{position:absolute;top:0;left:0;display:flex;align-items:center;gap:6px;padding:4px 7px;font-size:11px;line-height:1.3;color:#f2f2f2;background:#343541;border:1px solid #343541;border-radius:5px;box-shadow:0 1px 10px #343541}.axc-mobile-label::before{content:"";width:4px;height:4px;border-radius:50%;background:#0ab39c}.axc-mobile-label[data-layer="1"]{color:#0ab39c;border-color:#0ab39c}.axc-mobile-label[data-layer="1"]::before{background:#0ab39c}