.craft-frame{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--mg-panel,var(--f0-bg));color:var(--f0-text)}.craft-frame__confirm,.craft-frame__recovery{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--mg-border);font-size:12px}.craft-frame button{padding:6px 10px;border:1px solid var(--mg-border);border-radius:6px;background:var(--mg-panel);color:inherit;cursor:pointer}.craft-frame button:disabled{opacity:.5;cursor:default}.craft-frame button:focus-visible{outline:2px solid var(--f0-text);outline-offset:2px}.craft-frame__error{padding:12px 16px;font-size:13px}.craft-frame__confirm{flex-wrap:wrap}.craft-frame__confirm p{margin:0}.craft-frame__canvas{position:relative;flex:1;min-height:0}.craft-frame iframe{position:absolute;inset:0;border:0;height:100%;width:100%}.craft-frame--floating .craft-frame__confirm,.craft-frame--floating .craft-frame__error,.craft-frame--floating .craft-frame__recovery{position:absolute;left:50%;transform:translateX(-50%);z-index:40;max-width:min(640px,calc(100% - 32px));width:max-content;border:1px solid var(--mg-border);border-radius:10px;background:var(--mg-panel,var(--f0-bg));box-shadow:0 8px 32px #0005}.craft-frame--floating .craft-frame__error{top:72px}.craft-frame--floating .craft-frame__recovery{top:128px}.craft-frame--floating .craft-frame__confirm{top:80px}