.ascii-canvas-view{cursor:grab;background-color:var(--cds-background);background-image:radial-gradient(circle,var(--cds-border-subtle)1.5px,transparent 1.5px);background-size:16px 16px;width:100%;height:100%;position:relative;overflow:hidden}.ascii-canvas-view--dragging{cursor:grabbing}.ascii-canvas-view__content{transform-origin:0 0;-webkit-user-select:none;user-select:none;width:max-content;position:absolute;top:0;left:0}.ascii-canvas-view__toolbar{bottom:var(--cds-spacing-05);right:var(--cds-spacing-04);isolation:isolate;z-index:10;align-items:center;gap:1px;display:flex;position:absolute}.ascii-canvas-view__zoom-button{width:32px;height:32px;padding:var(--cds-spacing-03);background-color:var(--cds-layer-01);cursor:pointer;color:var(--cds-icon-primary);transition:background-color var(--cds-duration-fast-02)var(--cds-standard-easing);border:none;justify-content:center;align-items:center;display:flex}.ascii-canvas-view__zoom-button:hover{background-color:var(--cds-layer-hover-01)}.ascii-canvas-view__zoom-button:focus{outline:2px solid var(--cds-focus);outline-offset:-2px;z-index:1}.ascii-canvas-view__zoom-button svg{fill:currentColor;width:16px;height:16px}.ascii-canvas-view__zoom-button--minus{border-radius:8px 0 0 8px}.ascii-canvas-view__zoom-button--plus{border-radius:0 8px 8px 0}.ascii-canvas-view__zoom-display{min-width:52px;height:32px;padding:7px var(--cds-spacing-03);background-color:var(--cds-layer-01);cursor:pointer;transition:background-color var(--cds-duration-fast-02)var(--cds-standard-easing);border:none;justify-content:center;align-items:center;display:flex}.ascii-canvas-view__zoom-display:hover{background-color:var(--cds-layer-hover-01)}.ascii-canvas-view__zoom-display:focus{outline:2px solid var(--cds-focus);outline-offset:-2px;z-index:1}.ascii-canvas-view__zoom-percentage{color:var(--cds-text-primary);white-space:nowrap}
.ascii-preview-viewport{cursor:grab;background-color:var(--cds-background);background-image:radial-gradient(circle,var(--cds-border-subtle)1px,transparent 1px);background-size:16px 16px;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.ascii-preview-transform{will-change:transform;position:absolute;top:0;left:0}.ascii-preview-zoom-controls{bottom:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:1;align-items:center;gap:var(--cds-spacing-01);background:var(--cds-layer);padding:var(--cds-spacing-01);opacity:.85;transition:opacity var(--cds-duration-fast-02)var(--cds-standard-easing);border-radius:4px;display:flex;position:absolute;box-shadow:0 2px 6px #00000059}.ascii-preview-zoom-controls:hover{opacity:1}.ascii-preview-zoom-btn{width:28px;height:28px;color:var(--cds-icon-primary);cursor:pointer;transition:background-color var(--cds-duration-fast-02)var(--cds-standard-easing);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ascii-preview-zoom-btn:hover{background-color:var(--cds-layer-hover)}.ascii-preview-zoom-btn:active{background-color:var(--cds-layer-active)}.ascii-preview-zoom-pct{color:var(--cds-text-secondary);padding:0 var(--cds-spacing-02);text-align:center;-webkit-user-select:none;user-select:none;min-width:36px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1}.ascii-preview-container{background-color:var(--preview-bg,#2645fd);position:relative}.ascii-preview-container--empty{width:100%;min-height:300px;color:var(--preview-text,#fff);letter-spacing:.16px;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:18px;display:flex}.ascii-preview-container ::selection{background-color:var(--preview-selection-bg,#ffffff4d);color:var(--preview-text,#fff)}.ascii-preview-container ::selection{background-color:var(--preview-selection-bg,#ffffff4d);color:var(--preview-text,#fff)}.ascii-preview-container--flex{padding:var(--cds-spacing-05);flex-direction:column;width:max-content;min-width:200px;display:flex}.ascii-flex-row{flex-direction:row;align-items:center;display:flex}.ascii-flex-container{outline-offset:0px;outline:1px solid var(--preview-border,#aab6ff);background-color:#0000;border-radius:8px;flex-direction:column;padding:8px 4px;display:flex}.ascii-flex-button{background-color:var(--preview-button-bg,#fff);color:var(--preview-button-text,#2645fd);letter-spacing:-.4px;white-space:pre;cursor:pointer;border:none;border-radius:4px;width:fit-content;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:400;line-height:18px;transition:all .11s cubic-bezier(.5,0,.1,1)}.ascii-flex-button:hover{opacity:.9}.ascii-flex-button:focus{outline:2px solid var(--preview-button-text,#2645fd);outline-offset:2px}.ascii-flex-heading{color:var(--preview-text,#fff);letter-spacing:.56px;margin:0;font-family:IBM Plex Mono,monospace}.ascii-flex-heading--h1{font-size:2.25rem;font-weight:300;line-height:2.5rem}.ascii-flex-heading--h2{font-size:2rem;font-weight:300;line-height:2rem}.ascii-flex-heading--h3{font-size:1.75rem;font-weight:400;line-height:2rem}.ascii-flex-heading--h4{font-size:1.5rem;font-weight:400;line-height:1.5rem}.ascii-flex-heading--h5{font-size:1.25rem;font-weight:600;line-height:1.5rem}.ascii-flex-heading--h6{font-size:1rem;font-weight:600;line-height:1.5rem}.ascii-flex-text{color:var(--preview-text,#fff);letter-spacing:-.4px;white-space:pre;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1rem}.ascii-flex-text--bold{font-weight:700}.ascii-flex-text--italic{font-style:italic}.ascii-flex-text--strikethrough{text-decoration:line-through}.ascii-flex-text--code{background-color:var(--preview-code-bg,#ffffff26);border-radius:3px;padding:2px 6px}.ascii-flex-link{color:var(--preview-text,#fff);letter-spacing:-.4px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1rem;text-decoration:underline}.ascii-flex-link:hover{opacity:.8}.ascii-flex-input-wrapper{flex-direction:column;gap:4px;display:flex}.ascii-flex-input-wrapper--horizontal{flex-direction:row;align-items:center;gap:8px}.ascii-flex-input-wrapper--vertical{flex-direction:column;gap:4px}.ascii-flex-input{box-sizing:border-box;background-color:var(--preview-input-bg,#4660ff);border:1px solid var(--preview-text,#fff);color:var(--preview-text,#fff);letter-spacing:-.4px;border-radius:4px;flex-shrink:1;width:100%;min-width:0;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:400;line-height:18px}.ascii-flex-input::placeholder{color:var(--preview-text,#fff);opacity:.6}.ascii-flex-input:focus{outline:2px solid var(--preview-text,#fff);outline-offset:2px}.ascii-flex-input-label{color:var(--preview-text,#fff);opacity:.8;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px}.ascii-flex-input-label--left{margin-right:0;font-size:14px}.ascii-flex-input-label--top{font-size:12px}.ascii-flex-textarea{box-sizing:border-box;background-color:var(--preview-input-bg,#4660ff);border:1px solid var(--preview-text,#fff);color:var(--preview-text,#fff);letter-spacing:-.4px;resize:none;border-radius:4px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:400;line-height:18px}.ascii-flex-textarea::placeholder{color:var(--preview-text,#fff);opacity:.6}.ascii-flex-textarea:focus{outline:2px solid var(--preview-text,#fff);outline-offset:2px}.ascii-flex-checkbox{border:1px solid var(--preview-text,#fff);cursor:pointer;border-radius:2px;align-items:center;gap:4px;width:16px;height:16px;display:flex}.ascii-flex-checkbox svg{fill:none}.ascii-flex-checkbox svg path{fill:var(--preview-text,#fff)}.ascii-flex-checkbox:focus{outline:2px solid var(--preview-text,#fff);outline-offset:2px}.ascii-flex-checkbox__icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.ascii-flex-checkbox__icon{object-fit:contain;width:100%;height:100%;display:block}.ascii-flex-checkbox__label{white-space:nowrap;text-align:center}.ascii-flex-radio{color:var(--preview-text,#fff);cursor:pointer;border-radius:8px;align-items:center;display:flex}.ascii-flex-radio svg{stroke:var(--preview-text,#fff);fill:none}.ascii-flex-radio svg circle[fill]:not([fill=none]){fill:var(--preview-text,#fff)}.ascii-flex-radio:focus{outline:2px solid var(--preview-text,#fff);outline-offset:2px}.ascii-flex-radio__icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.ascii-flex-radio__icon{object-fit:contain;width:100%;height:100%;display:block}.ascii-flex-radio__label{white-space:nowrap;text-align:center}.ascii-flex-switch{cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:10px;align-items:center;padding:0;display:inline-flex}.ascii-flex-switch__track{background-color:var(--preview-border-light,#6177ff);border:1px solid var(--preview-border,#aab6ff);border-radius:10px;width:32px;height:16px;transition:all .11s cubic-bezier(.5,0,.1,1);position:relative}.ascii-flex-switch__thumb{background-color:var(--preview-text,#fff);border-radius:50%;width:12px;height:12px;transition:transform .11s cubic-bezier(.5,0,.1,1);position:absolute;top:1px;left:1px}.ascii-flex-switch--on .ascii-flex-switch__track{background-color:var(--preview-text,#fff);border-color:var(--preview-text,#fff)}.ascii-flex-switch--on .ascii-flex-switch__thumb{background-color:var(--preview-bg,#2645fd);transform:translate(16px)}.ascii-flex-switch:hover .ascii-flex-switch__track{border-color:var(--preview-text,#fff)}.ascii-flex-switch:focus{outline:2px solid var(--preview-text,#fff);outline-offset:2px}.ascii-flex-slider{-webkit-user-select:none;user-select:none;align-items:center;height:16px;display:inline-flex}.ascii-flex-slider__track{background-color:var(--preview-border-light,#6177ff);cursor:pointer;border-radius:2px;width:100%;height:4px;position:relative}.ascii-flex-slider__fill{background-color:var(--preview-text,#fff);pointer-events:none;border-radius:2px;height:100%;position:absolute;top:0;left:0}.ascii-flex-slider__thumb{background-color:var(--preview-text,#fff);cursor:grab;border-radius:50%;width:12px;height:12px;transition:transform .11s cubic-bezier(.5,0,.1,1);position:absolute;top:50%;transform:translate(-50%,-50%)}.ascii-flex-slider__thumb:hover{transform:translate(-50%,-50%)scale(1.15)}.ascii-flex-slider__thumb:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.ascii-flex-divider{background-color:var(--preview-divider,#6177ff);border:none;width:100%;height:1px;margin:8px 0}.ascii-flex-loader{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.ascii-flex-loader__icon{flex-shrink:0;width:12px;min-width:12px;height:12px;min-height:12px}.ascii-flex-loader__spinner{transform-origin:50%;animation:1s linear infinite ascii-loader-spin}@keyframes ascii-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ascii-flex-label{background-color:var(--preview-input-bg,#4660ff);color:var(--preview-text,#fff);letter-spacing:.81px;white-space:pre;text-align:center;text-shadow:0 0 4px #ffffff80;border:none;border-radius:10px;width:fit-content;padding:0 8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;line-height:16px;display:inline-block}.ascii-flex-spacer{width:100%;height:16px}